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

No:13397

108

←

Prev Next

→

Robot building game where you pick a head like hap..ALL
Developer User5868｜Date and time 23/8/28 4:16:18
Build time 15.954 sec｜Game capacity 3.096KB｜

Script

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

Robot Builder Game

Choose a Head:

😃 😀 😮

Choose Legs:

🚶 🚸 🚹

Choose Arms:

👌 🤘 💪

Choose a Body:

🐈 🐆 🐰

In this game, you can choose a head, legs, arms, and a body for your robot by clicking on the pictograms. Once you've chosen all the parts, clicking the "Assemble Robot" button will display the selected parts as a robot emoji combination in the "Your Robot" section. If any part is not selected, it will prompt you to select all the parts before assembling the robot. Feel free to customize the pictograms or add more options as per your preference.

←

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 robot building game implemented as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Robot Builder Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    .pictogram {
      font-size: 60px;
      margin: 10px;
    }
    button {
      margin-top: 20px;
      padding: 10px 20px;
      font-size: 18px;
    }
  </style>
</head>
<body>
  <h1>Robot Builder Game</h1>
  
  <h2>Choose a Head:</h2>
  <div id="headContainer">
    <span class="pictogram" onclick="selectHead('😃')">😃</span>
    <span class="pictogram" onclick="selectHead('😀')">😀</span>
    <span class="pictogram" onclick="selectHead('😎')">😮</span>
    
  </div>
  
  <h2>Choose Legs:</h2>
  <div id="legsContainer">
    <span class="pictogram" onclick="selectLegs('🚶')">🚶</span>
    <span class="pictogram" onclick="selectLegs('🚸')">🚸</span>
    <span class="pictogram" onclick="selectLegs('🚹')">🚹</span>
    
  </div>
  
  <h2>Choose Arms:</h2>
  <div id="armsContainer">
    <span class="pictogram" onclick="selectArms('👌')">👌</span>
    <span class="pictogram" onclick="selectArms('🤘')">🤘</span>
    <span class="pictogram" onclick="selectArms('💪')">💪</span>
    
  </div>

<h2>Choose a Body:</h2>
  <div id="bodyContainer">
    <span class="pictogram" onclick="selectBody('👨')">🐈</span>
    <span class="pictogram" onclick="selectBody('🐎')">🐆</span>
    <span class="pictogram" onclick="selectBody('🐠')">🐰</span>
    
  </div>
  
  <button onclick="assembleRobot()">Assemble Robot</button>
  
  <div id="result"></div>
  
  <script>
    var head = '';
    var legs = '';
    var arms = '';
    var body = '';

function selectHead(selectedHead) {
      head = selectedHead;
    }

function selectLegs(selectedLegs) {
      legs = selectedLegs;
    }

function selectArms(selectedArms) {
      arms = selectedArms;
    }

function selectBody(selectedBody) {
      body = selectedBody;
    }

Feel free to customize the pictograms or add more options as per your preference.