Click here for free DL of the app version that can save data.

No:9868

131

←

Prev Next

→

A my singing monsters monster creator game
Developer User4442｜Date and time 23/7/28 5:52:03
Build time 15.153 sec｜Game capacity 2.551KB｜

Script

Sure! Here's an example of a simple "My Singing Monsters" monster creator game implemented as a single HTML file, using JavaScript and pictograms:

My Singing Monsters Monster Creator

To use this game, save the code in a file with an `.html` extension and store the corresponding pictograms in a folder called "pictograms" within the same directory. You can then open the HTML file in a web browser, and enjoy creating and resetting imaginary "My Singing Monsters" monsters by selecting pictograms and clicking the buttons. Note: This is a basic implementation, and you can customize and enhance the game further as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

Click here for free DL of the app version that can save data.

Sure! Here's an example of a simple "My Singing Monsters" monster creator game implemented as a single HTML file, using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
   <style>
      #container {
        text-align: center;
        margin-top: 50px;
      }
      .pictogram {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        margin: 10px;
        cursor: pointer;
      }
   </style>
</head>
<body>
   <h1>My Singing Monsters Monster Creator</h1>
   <div id="container">
      <img class="pictogram" src="pictograms/furcorn.png" onclick="selectPictogram('furcorn')">
      <img class="pictogram" src="pictograms/pompom.png" onclick="selectPictogram('pompom')">
      <img class="pictogram" src="pictograms/quarrister.png" onclick="selectPictogram('quarrister')">
      <img class="pictogram" src="pictograms/tweedle.png" onclick="selectPictogram('tweedle')">
      <br>
      <button onclick="createMonster()">Create Monster</button>
      <button onclick="resetMonster()">Reset</button>
   </div>

function selectPictogram(pictogram) {
         selectedPictogram = pictogram;
         var pictograms = document.querySelectorAll('.pictogram');
         pictograms.forEach(function(el) {
            el.style.border = (el.src.includes(pictogram)) ? '2px solid red' : 'none';
         });
      }

function resetMonster() {
         selectedPictogram = '';
         var monsters = document.querySelectorAll('.pictogram');
         monsters.forEach(function(el) {
            el.remove();
         });
      }
   </script>
</body>
</html>
```

Note: This is a basic implementation, and you can customize and enhance the game further as per your requirements.