AI game creator

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

No:33980

←

Prev Next

→

Pizza tower
Developer User14879｜Date and time 24/1/7 8:05:47
Build time 20.175 sec｜Game capacity 2.576KB｜

Script

Sure! Here's a simple HTML game called "Pizza Tower" implemented as a single HTML file with JavaScript:

In this game, you will see a pizza image at the bottom of the screen and a tower made of a brown rectangle growing from its bottom. Your goal is to tap/click on the screen to increase the height of the tower. The tower grows each time you tap/click, and the pizza image moves up with the tower. The score increases based on the height added to the tower. Additionally, if the bottom of the tower reaches the top of the window, the game ends and a message with your final score will be displayed. Note: Please make sure to replace `"emozi_all/pizza.png"` with the actual path to your pizza image file for it to be displayed correctly.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure! Here's a simple HTML game called "Pizza Tower" implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pizza Tower</title>
</head>
<body>
    <script>
        var score = 0;
        var height = 0;
        var towerElement = document.createElement("div");
        towerElement.style.width = "50px";
        towerElement.style.height = "10px";
        towerElement.style.position = "absolute";
        towerElement.style.backgroundColor = "brown";
        towerElement.style.bottom = "0";
        towerElement.style.left = "50%";

var pizzaElement = document.createElement("img");
        pizzaElement.src = "pizza.png";
        pizzaElement.style.width = "50px";
        pizzaElement.style.height = "50px";
        pizzaElement.style.position = "absolute";
        pizzaElement.style.bottom = "30px";
        pizzaElement.style.left = "50%";

document.body.appendChild(pizzaElement);
        document.body.appendChild(towerElement);

document.addEventListener("click", function (event) {
            if (event.target === document.documentElement) {
                addHeight();
            }
        });

function addHeight() {
            height += 10;
            towerElement.style.height = height + "px";
            score += height;
            pizzaElement.style.bottom = parseInt(pizzaElement.style.bottom) + height + "px";
            checkGameOver();
        }

function checkGameOver() {
            var windowHeight = window.innerHeight;
            var towerHeight = parseInt(towerElement.style.height);
            var pizzaBottom = parseInt(pizzaElement.style.bottom);

if ((towerHeight + pizzaBottom) >= windowHeight) {
                gameOver();
            }
        }

function gameOver() {
            alert("Game Over! Your score: " + score);
            location.reload();
        }
    </script>
</body>
</html>
```

In this game, you will see a pizza image at the bottom of the screen and a tower made of a brown rectangle growing from its bottom. Your goal is to tap/click on the screen to increase the height of the tower.

The tower grows each time you tap/click, and the pizza image moves up with the tower. The score increases based on the height added to the tower. Additionally, if the bottom of the tower reaches the top of the window, the game ends and a message with your final score will be displayed.

Note: Please make sure to replace `"pizza.png"` with the actual path to your pizza image file for it to be displayed correctly.