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

No:16029

123

←

Prev Next

→

Pizza game with toppings
Developer User6866｜Date and time 23/9/15 8:25:22
Build time 31.155 sec｜Game capacity 3.606KB｜

Script

Sure! Here's an example of a simple pizza game using JavaScript:

Pizza Game

Score: 0

In this game, you are presented with a pizza displayed on the screen. Different toppings are randomly placed on the pizza. To play, you need to tap/click on the toppings to remove them. Each time you remove a topping, your score increases. The objective is to remove all the toppings from the pizza. The game uses pictograms for the toppings by setting the `backgroundImage` CSS property of the topping elements. The toppings are randomly generated on each playthrough using JavaScript. The score is displayed at the top and updates dynamically as toppings are removed. Please note that you would need to provide your own images for the pizza background and the topping pictograms (e.g., `emozi_all/pizza.png`, `emozi_all/mushroom.png`, etc.), and adjust the file paths accordingly. I hope this helps! Let me know if you have any further questions.

←

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 game using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pizza Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    .topping {
      width: 50px;
      height: 50px;
      margin: 10px;
      display: inline-block;
      cursor: pointer;
    }
    #pizza {
      width: 300px;
      height: 300px;
      margin: 20px auto;
      background-image: url('pizza.png');
      background-size: cover;
      position: relative;
    }
    #score {
      font-size: 24px;
      margin-bottom: 10px;
    }
    #message {
      font-size: 18px;
      color: red;
    }
  </style>
</head>
<body>
  <h1>Pizza Game</h1>
  <div id="score">Score: <span id="scoreValue">0</span></div>
  <div id="message"></div>
  <div id="pizza"></div>

// Generate random toppings on the pizza
    function generateToppings() {
      for (var i = 0; i < toppingsCount; i++) {
        var randomX = Math.floor(Math.random() * 240) + 30;
        var randomY = Math.floor(Math.random() * 240) + 30;
        var topping = document.createElement('div');
        topping.setAttribute('class', 'topping');
        topping.style.backgroundImage = "url('topping_" + toppings[i] + ".png')";
        topping.style.left = randomX + 'px';
        topping.style.top = randomY + 'px';
        topping.addEventListener('click', function() {
          var toppingType = this.style.backgroundImage.split('_')[1].split('.')[0];
          removeTopping(toppingType);
          score++;
          document.getElementById('scoreValue').innerText = score;
          checkWinningCondition();
        });
        document.getElementById('pizza').appendChild(topping);
        topped.push(toppings[i]);
      }
    }

// Remove the clicked topping from the pizza
    function removeTopping(toppingType) {
      var pizza = document.getElementById('pizza');
      var toppings = pizza.getElementsByClassName('topping');
      for (var i = 0; i < toppings.length; i++) {
        var topping = toppings[i];
        if (topping.style.backgroundImage.includes(toppingType)) {
          topping.parentNode.removeChild(topping);
          topped.splice(topped.indexOf(toppingType), 1);
          break;
        }
      }
    }

// Check if all toppings have been removed from the pizza
    function checkWinningCondition() {
      if (topped.length === 0) {
        document.getElementById('message').innerText = 'Congratulations! You finished the pizza!';
      }
    }

// Start the game
    generateToppings();
  </script>
</body>
</html>
```

The game uses pictograms for the toppings by setting the `backgroundImage` CSS property of the topping elements. The toppings are randomly generated on each playthrough using JavaScript. The score is displayed at the top and updates dynamically as toppings are removed.

Please note that you would need to provide your own images for the pizza background and the topping pictograms (e.g., `pizza.png`, `topping_mushroom.png`, etc.), and adjust the file paths accordingly.

I hope this helps! Let me know if you have any further questions.