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

No:31603

←

Prev Next

→

Pizza making game
Developer User15196｜Date and time 23/12/27 18:33:37
Build time 21.398 sec｜Game capacity 2.262KB｜

Script

Sure! Here's an example of a simple pizza making game implemented in a single HTML file using JavaScript:

Pizza Making Game

Ingredients:

In this game, players can click on the pizza to add ingredients (represented by the ingredient pictograms) to make a pizza. The goal is to add three ingredients to make a complete pizza. Once the pizza is ready, an alert message is displayed, and the game can be reset to start making a new pizza. Please note that you would need to replace the `emozi_all/pizza.png` and `emozi_hamuster.png` paths with the actual paths to your own pictogram images.

←

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 pizza making game implemented in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #pizza {
      width: 300px;
      height: 300px;
      border: 1px solid black;
      background-image: url('pizza.png'); /* replace 'pizza.png' with your pictogram image */
      background-size: cover;
    }
    
    .ingredient {
      width: 50px;
      height: 50px;
      border: 1px solid black;
      margin: 2px;
      background-image: url('ingredient.png'); /* replace 'ingredient.png' with your pictogram image */
      background-size: cover;
    }
  </style>
</head>
<body>
  <h1>Pizza Making Game</h1>
  
  <div id="pizza"></div>
  
  <h2>Ingredients:</h2>
  <div class="ingredient"></div>
  <div class="ingredient"></div>
  <div class="ingredient"></div>
  
  <script>
    var pizzaIngredients = 0;
    
    var pizza = document.getElementById("pizza");
    var ingredients = document.getElementsByClassName("ingredient");
    
    // Add event listener to pizza
    pizza.addEventListener("click", addIngredient);
    
    // Add event listener to ingredients
    for (var i = 0; i < ingredients.length; i++) {
      ingredients[i].addEventListener("click", removeIngredient);
    }
    
    function addIngredient() {
      if (pizzaIngredients < 3) {
        pizzaIngredients++;
        this.style.visibility = "hidden";
      }
      
      if (pizzaIngredients === 3) {
        alert("Pizza is ready!");
        resetGame();
      }
    }
    
    function removeIngredient() {
      this.style.visibility = "visible";
    }
    
    function resetGame() {
      pizzaIngredients = 0;
      
      for (var i = 0; i < ingredients.length; i++) {
        ingredients[i].style.visibility = "visible";
      }
    }
  </script>
</body>
</html>
```

Please note that you would need to replace the `pizza.png` and `ingredient.png` paths with the actual paths to your own pictogram images.