AI game creator

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

No:18968

←

Prev Next

→

Pizza platformer
Developer User8376｜Date and time 23/10/1 7:21:49
Build time 11.416 sec｜Game capacity 4.422KB｜

Script

Sure! Here's a simple pizza platformer game implemented as a single HTML file:

This game is a simple platformer where the player controls a pizza character using the arrow keys or spacebar to jump. The goal is to collect all the pizzas on the screen. The score increases each time a pizza is collected. You would need to have a pizza.png image file in the same directory as the HTML file for the game graphics. The pizza image can be replaced with pictograms or any other appropriate graphics. Please note that this is a basic example and can be further enhanced with additional features, levels, and more complex gameplay mechanics.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! Here's a simple pizza platformer game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
        canvas {
            background-color: #eee;
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

var player = {
            x: 100,
            y: canvas.height - 80,
            width: 60,
            height: 60,
            speed: 5,
            jumpForce: 12,
            isJumping: false,
            isFalling: false,
            canJump: true
        };

var pizzas = [
            { x: 400, y: 350 },
            { x: 700, y: 450 },
            { x: 1000, y: 350 },
            { x: 1300, y: 550 }
        ];

var gravity = 0.5;
        var score = 0;

// Key states
        var keys = [];
        document.addEventListener("keydown", function (event) {
            keys[event.keyCode] = true;
        });
        document.addEventListener("keyup", function (event) {
            keys[event.keyCode] = false;
        });

// Game loop
        function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Player movement
            if (keys[38] || keys[32]) {
                if (!player.isJumping && !player.isFalling && player.canJump) {
                    player.isJumping = true;
                    player.canJump = false;
                    player.y -= player.jumpForce;
                }
            }
            if (keys[39]) {
                player.x += player.speed;
            }
            if (keys[37]) {
                player.x -= player.speed;
            }

// Player jumping physics
            if (player.isJumping) {
                player.y -= player.jumpForce;
                player.jumpForce -= gravity;
                if (player.jumpForce <= 0) {
                    player.isJumping = false;
                    player.isFalling = true;
                }
            }

// Player falling physics
            if (player.isFalling) {
                player.y += player.jumpForce;
                player.jumpForce += gravity;
                if (player.y >= canvas.height - player.height) {
                    player.y = canvas.height - player.height;
                    player.isFalling = false;
                    player.canJump = true;
                    player.jumpForce = 12;
                }
            }

// Draw player
            context.drawImage(pizzaImage, player.x, player.y, player.width, player.height);

// Draw pizzas
            for (var i = 0; i < pizzas.length; i++) {
                var pizza = pizzas[i];
                context.drawImage(pizzaImage, pizza.x, pizza.y, player.width, player.height);

// Check pizza collision
                if (player.x < pizza.x + player.width &&
                    player.x + player.width > pizza.x &&
                    player.y < pizza.y + player.height &&
                    player.y + player.height > pizza.y) {
                    // Collision detected
                    pizzas.splice(i, 1);
                    score++;
                }
            }

// Draw score
            context.fillStyle = "#000";
            context.font = "24px Arial";
            context.fillText("Score: " + score, 10, 30);

requestAnimationFrame(update);
        }

// Load and start the game
        pizzaImage.onload = function () {
            update();
        };
    </script>
</body>
</html>
```

You would need to have a pizza.png image file in the same directory as the HTML file for the game graphics. The pizza image can be replaced with pictograms or any other appropriate graphics.

Please note that this is a basic example and can be further enhanced with additional features, levels, and more complex gameplay mechanics.