Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Make Avatar A game where you make avatar using emojis let the user Make their Avatar's game | AI game creator

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

No:43521

103

←

Prev Next

→

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.