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

No:24485

Monster maker Choose diffrent attitudes looks and ..ALL
Developer The maker｜Date and time 23/11/9 13:02:57
Build time 170.9 sec｜Game capacity 5.01KB｜

Script

Sure! Here's an example of a monster maker game implemented as a single HTML file using JavaScript and enclosed in script tags. This game allows you to choose different attitudes, looks, and smartness levels to create one of six monsters. The chosen monster will be displayed at the end.

Monster Maker Game

Choose the Attitude:

Choose the Look:

Choose the Smartness Level:

Your Monster:

To play the game: 1. Open a text editor and copy the above code into a new file. 2. Save the file with a .html extension. 3. Open the saved HTML file in a web browser, preferably on a smartphone. 4. Choose different attitudes, looks, and smartness levels by clicking the corresponding buttons. 5. The chosen monster's name and image will be displayed below. Note: Replace the monster image URLs in the `getMonsterImage` function with actual image URLs you want to use. That's it! You can now play the Monster Maker game and create different monsters based on your choices.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Monster Maker Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    
    h1 {
      text-align: center;
    }
    
    #monster-img {
      display: block;
      margin: 0 auto;
      width: 200px;
    }
  </style>
</head>
<body>
  <h1>Monster Maker Game</h1>
  
  <div>
    <h2>Choose the Attitude:</h2>
    <button onclick="chooseAttitude('happy')">😃 Happy</button>
    <button onclick="chooseAttitude('angry')">😡 Angry</button>
    <button onclick="chooseAttitude('sad')">😢 Sad</button>
  </div>
  
  <div>
    <h2>Choose the Look:</h2>
    <button onclick="chooseLook('scary')">👹 Scary</button>
    <button onclick="chooseLook('cute')">🐻 Cute</button>
    <button onclick="chooseLook('funny')">😄 Funny</button>
  </div>
  
  <div>
    <h2>Choose the Smartness Level:</h2>
    <button onclick="chooseSmartness('dumb')">😵 Dumb</button>
    <button onclick="chooseSmartness('average')">🤔 Average</button>
    <button onclick="chooseSmartness('genius')">🧠 Genius</button>
  </div>
  
  <div>
    <h2>Your Monster:</h2>
    <img id="monster-img" alt="Monster Image">
    <h3 id="monster-name"></h3>
  </div>
  
  <script>
    function chooseAttitude(attitude) {
      localStorage.setItem('attitude', attitude);
      createMonster();
    }
    
    function chooseLook(look) {
      localStorage.setItem('look', look);
      createMonster();
    }
    
    function chooseSmartness(smartness) {
      localStorage.setItem('smartness', smartness);
      createMonster();
    }
    
    function createMonster() {
      const attitude = localStorage.getItem('attitude');
      const look = localStorage.getItem('look');
      const smartness = localStorage.getItem('smartness');
      
      if (attitude && look && smartness) {
        const monsterName = getMonsterName(attitude, look, smartness);
        const monsterImg = getMonsterImage(look);
        
        document.getElementById('monster-name').textContent = monsterName;
        document.getElementById('monster-img').src = monsterImg;
      }
    }
    
    function getMonsterName(attitude, look, smartness) {
      const monsters = {
        "happy": {
          "scary": {
            "dumb": "Happy Scary Dummy",
            "average": "Happy Scary Average",
            "genius": "Happy Scary Genius"
          },
          "cute": {
            "dumb": "Happy Cute Dummy",
            "average": "Happy Cute Average",
            "genius": "Happy Cute Genius"
          },
          "funny": {
            "dumb": "Happy Funny Dummy",
            "average": "Happy Funny Average",
            "genius": "Happy Funny Genius"
          }
        },
        "angry": {
          "scary": {
            "dumb": "Angry Scary Dummy",
            "average": "Angry Scary Average",
            "genius": "Angry Scary Genius"
          },
          "cute": {
            "dumb": "Angry Cute Dummy",
            "average": "Angry Cute Average",
            "genius": "Angry Cute Genius"
          },
          "funny": {
            "dumb": "Angry Funny Dummy",
            "average": "Angry Funny Average",
            "genius": "Angry Funny Genius"
          }
        },
        "sad": {
          "scary": {
            "dumb": "Sad Scary Dummy",
            "average": "Sad Scary Average",
            "genius": "Sad Scary Genius"
          },
          "cute": {
            "dumb": "Sad Cute Dummy",
            "average": "Sad Cute Average",
            "genius": "Sad Cute Genius"
          },
          "funny": {
            "dumb": "Sad Funny Dummy",
            "average": "Sad Funny Average",
            "genius": "Sad Funny Genius"
          }
        }
      };
      
      return monsters[attitude][look][smartness];
    }
    
    function getMonsterImage(look) {
      const images = {
        "scary": "https://example.com/scary-monster.png",
        "cute": "https://example.com/cute-monster.png",
        "funny": "https://example.com/funny-monster.png"
      };
      
      return images[look];
    }
    
    createMonster();
  </script>
</body>
</html>
```

To play the game:

1. Open a text editor and copy the above code into a new file.
2. Save the file with a .html extension.
3. Open the saved HTML file in a web browser, preferably on a smartphone.
4. Choose different attitudes, looks, and smartness levels by clicking the corresponding buttons.
5. The chosen monster's name and image will be displayed below.

Note: Replace the monster image URLs in the `getMonsterImage` function with actual image URLs you want to use.

That's it! You can now play the Monster Maker game and create different monsters based on your choices.