Popsicle master: choose customer.. make popsicle.. cream sugar stir.. start mukbang's game

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

No:28209

←

Prev Next

→

Popsicle master: choose customer.. make popsicle....ALL
Developer User13970｜Date and time 23/12/11 8:17:13
Build time 27.605 sec｜Game capacity 3.667KB｜

Script

Sure, here's an example of a popsicle-making game implemented as a single HTML file using JavaScript:

Popsicle Master Game

Choose a customer:

This HTML file creates a game where the user is a popsicle master and goes through the process of making popsicles for different customers. The game starts by choosing a customer, then the user can perform actions such as making popsicles, adding cream, adding sugar, stirring, and finally starting the mukbang (eating). The game interface includes pictograms for customer selection, and the output area displays messages indicating the current state of the game. The game can be played on a smartphone by simply opening the HTML file in a mobile web browser. Please note that the pictograms mentioned in the requirements are not included in the code above. You will need to replace the image sources (`emozi_bear.png`, `emozi_chicken.png`, `emozi_rabbit.png`) with the actual pictogram images you want to use.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure, here's an example of a popsicle-making game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Popsicle Master Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    #game-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 50px;
    }
    #actions {
      display: flex;
      gap: 10px;
      margin-top: 20px;
    }
    .action-btn {
      padding: 8px 15px;
      background-color: #4caf50;
      border: none;
      color: white;
      font-size: 16px;
      cursor: pointer;
    }
    #output {
      margin-top: 20px;
      font-weight: bold;
      font-size: 20px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <h2>Popsicle Master Game</h2>
    <div id="customer-selection">
      <h3>Choose a customer:</h3>
      <img src="customer1.png" alt="Customer 1" onclick="startGame(1)">
      <img src="customer2.png" alt="Customer 2" onclick="startGame(2)">
      <img src="customer3.png" alt="Customer 3" onclick="startGame(3)">
    </div>
    <div id="actions" style="display: none;">
      <button class="action-btn" onclick="makePopsicle()">Make Popsicle</button>
      <button class="action-btn" onclick="addCream()">Add Cream</button>
      <button class="action-btn" onclick="addSugar()">Add Sugar</button>
      <button class="action-btn" onclick="stir()">Stir</button>
      <button class="action-btn" onclick="startMukbang()">Start Mukbang</button>
    </div>
    <div id="output"></div>
  </div>

function startGame(customerId) {
      customer = customerId;
      document.getElementById('customer-selection').style.display = 'none';
      document.getElementById('actions').style.display = 'flex';
      document.getElementById('output').textContent = 'Let\'s make popsicles for Customer ' + customerId + '!';
    }

function makePopsicle() {
      document.getElementById('output').textContent = 'Popsicle is being made!';
    }

function addCream() {
      creamAdded = true;
      document.getElementById('output').textContent = 'Cream added!';
    }

function addSugar() {
      sugarAdded = true;
      document.getElementById('output').textContent = 'Sugar added!';
    }

function stir() {
      stirred = true;
      document.getElementById('output').textContent = 'Popsicle stirred!';
    }

function startMukbang() {
      if (creamAdded && sugarAdded && stirred) {
        document.getElementById('output').textContent = 'Enjoy your popsicle, Customer ' + customer + '!';
      } else {
        document.getElementById('output').textContent = 'Popsicle is not ready yet!';
      }
    }
  </script>
</body>
</html>
```

The game interface includes pictograms for customer selection, and the output area displays messages indicating the current state of the game. The game can be played on a smartphone by simply opening the HTML file in a mobile web browser.

Please note that the pictograms mentioned in the requirements are not included in the code above. You will need to replace the image sources (`customer1.png`, `customer2.png`, `customer3.png`) with the actual pictogram images you want to use.