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

No:30865

101

←

Prev Next

→

A game that you type on 1-2 blanks and it makes a ..ALL
Developer User14951｜Date and time 23/12/24 9:41:48
Build time 10.744 sec｜Game capacity 2.754KB｜

Script

Sure! Here's an example of a simple game where you can type in inputs to generate an image of a monster using custom elements and JavaScript. The game will run on a smartphone.

Monster Maker Game

Enter monster's name:
Choose monster's color:

In this game, you can enter the name and choose the color for your monster. When you click the "Generate Monster" button, it will create a custom element called "monster-element" which represents your monster. The monster's name will be displayed as the first two characters of its name (or '👹' if no name is provided), and the monster's color will be set based on the chosen color input. Please note that the monster image is represented by a simple div with a round shape and a background color. You can further enhance the design and visuals as per your requirements and preferences. Remember to save the above code in a file with the ".html" extension and open it in a browser to play the game.

←

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 game where you can type in inputs to generate an image of a monster using custom elements and JavaScript. The game will run on a smartphone.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Monster Maker Game</title>
  <style>
    .monster {
      width: 200px;
      height: 200px;
      background-color: #ffcc00;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 100px;
    }
  </style>
</head>
<body>
  <h1>Monster Maker Game</h1>

<label for="name-input">Enter monster's name: </label>
  <input type="text" id="name-input">
  <br>
  <label for="color-input">Choose monster's color: </label>
  <input type="color" id="color-input">
  <br><br>
  <button id="generate-button">Generate Monster</button>

const monster = document.createElement('div');
        monster.className = 'monster';

monster.textContent = name ? name.substring(0, 2) : '👹';
        monster.style.backgroundColor = color;

shadow.appendChild(monster);
      }
    });

document.getElementById('generate-button').addEventListener('click', generateMonster);

function generateMonster() {
      const name = document.getElementById('name-input').value;
      const color = document.getElementById('color-input').value;

const monsterContainer = document.getElementById('monster-container');
      monsterContainer.innerHTML = '';

const monsterElement = document.createElement('monster-element');
      monsterElement.setAttribute('name', name);
      monsterElement.setAttribute('color', color);

monsterContainer.appendChild(monsterElement);
    }
  </script>
</body>
</html>
```

Please note that the monster image is represented by a simple div with a round shape and a background color. You can further enhance the design and visuals as per your requirements and preferences.

Remember to save the above code in a file with the ".html" extension and open it in a browser to play the game.