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

No:43521

Make Avatar A game where you make avatar using emo..ALL
Developer User19182｜Date and time 24/2/15 22:03:19
Build time 11.892 sec｜Game capacity 2.883KB｜

Script

Sure! Here's a simple example of an HTML game where the user can create their own avatar using emojis:

Emoji Avatar Maker

Click on the options below to create your avatar:

🙂

😄

😎

😊

👱

💇

💁

🎩

👕

👚

👗

👔

In this game, the user can click on the different emoji options presented below the instructions to customize their avatar's face, hair, and shirt. Clicking on an option will update the avatar displayed at the top of the page. The user can also click the "Reset" button to reset the avatar to its default state. Please note that this is a very basic example and can be expanded upon to include more customization options, styles, and interactive features based on your requirements.

←

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 HTML game where the user can create their own avatar using emojis:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Emoji Avatar Maker</title>
  <style>
    body {
      text-align: center;
    }
    
    #avatar {
      font-size: 60px;
      margin: 20px;
    }
    
    #instructions {
      margin-bottom: 20px;
    }
    
    #options {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
    }
    
    .option {
      font-size: 30px;
      margin: 5px;
      cursor: pointer;
    }
    
    button {
      font-size: 20px;
      padding: 10px 20px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Emoji Avatar Maker</h1>
  
  <div id="avatar"></div>
  
  <p id="instructions">Click on the options below to create your avatar:</p>
  
  <div id="options">
    <div class="option" onclick="setFace('🙂')">🙂</div>
    <div class="option" onclick="setFace('😄')">😄</div>
    <div class="option" onclick="setFace('😎')">😎</div>
    <div class="option" onclick="setFace('😊')">😊</div>
    <div class="option" onclick="setHair('👱')">👱</div>
    <div class="option" onclick="setHair('💇')">💇</div>
    <div class="option" onclick="setHair('💁')">💁</div>
    <div class="option" onclick="setHair('🎩')">🎩</div>
    <div class="option" onclick="setShirt('👕')">👕</div>
    <div class="option" onclick="setShirt('👚')">👚</div>
    <div class="option" onclick="setShirt('👗')">👗</div>
    <div class="option" onclick="setShirt('👔')">👔</div>
  </div>
  
  <button onclick="resetAvatar()">Reset</button>
  
  <script>
    var currentFace = '🙂';
    var currentHair = '👱';
    var currentShirt = '👕';
    
    function setFace(emoji) {
      currentFace = emoji;
      updateAvatar();
    }
    
    function setHair(emoji) {
      currentHair = emoji;
      updateAvatar();
    }
    
    function setShirt(emoji) {
      currentShirt = emoji;
      updateAvatar();
    }
    
    function updateAvatar() {
      var avatarElement = document.getElementById('avatar');
      avatarElement.innerHTML = currentFace + ' ' + currentHair + ' ' + currentShirt;
    }
    
    function resetAvatar() {
      currentFace = '🙂';
      currentHair = '👱';
      currentShirt = '👕';
      updateAvatar();
    }
    
    updateAvatar();
  </script>
</body>
</html>
```

Please note that this is a very basic example and can be expanded upon to include more customization options, styles, and interactive features based on your requirements.