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

No:39421

←

Prev Next

→

Avatar maker
Developer User17637｜Date and time 24/1/28 10:36:10
Build time 9.807 sec｜Game capacity 1.995KB｜

Script

Sure! Here's a simple example of an avatar maker game implemented as a single HTML file using JavaScript and pictograms:

Avatar Maker

Choose Hair

👦

👩

Choose Eyes

👀

😎

🤓

Choose Mouth

👄

😀

🙄

Your Avatar

In this game, you can choose different options for hair, eyes, and mouth by clicking on the corresponding pictograms. The chosen elements are then displayed in the "Your Avatar" section. The avatar is updated in real-time as you make selections. Feel free to customize and enhance the game as per your requirements and preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! Here's a simple example of an avatar maker game implemented as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #avatar {
      font-size: 80px;
    }
    .pictogram {
      padding: 10px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Avatar Maker</h1>
  
  <div>
    <h2>Choose Hair</h2>
    <div class="pictogram" onclick="changeHair('👦')">👦</div>
    <div class="pictogram" onclick="changeHair('👩')">👩</div>
  </div>
  
  <div>
    <h2>Choose Eyes</h2>
    <div class="pictogram" onclick="changeEyes('👀')">👀</div>
    <div class="pictogram" onclick="changeEyes('😎')">😎</div>
    <div class="pictogram" onclick="changeEyes('🤓')">🤓</div>
  </div>
  
  <div>
    <h2>Choose Mouth</h2>
    <div class="pictogram" onclick="changeMouth('👄')">👄</div>
    <div class="pictogram" onclick="changeMouth('😀')">😀</div>
    <div class="pictogram" onclick="changeMouth('🙄')">🙄</div>
  </div>
  
  <div>
    <h2>Your Avatar</h2>
    <div id="avatar"></div>
  </div>
  
  <script>
    var hair = '👦';
    var eyes = '👀';
    var mouth = '👄';
    
    function changeHair(selectedHair) {
      hair = selectedHair;
      updateAvatar();
    }
    
    function changeEyes(selectedEyes) {
      eyes = selectedEyes;
      updateAvatar();
    }
    
    function changeMouth(selectedMouth) {
      mouth = selectedMouth;
      updateAvatar();
    }
    
    function updateAvatar() {
      document.getElementById('avatar').innerHTML = hair + eyes + mouth;
    }
    
    updateAvatar(); // initial avatar display
  </script>
</body>
</html>
```