AI game creator

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

No:24396

106

←

Prev Next

→

Plants vs zombies
Developer User7090｜Date and time 23/11/8 18:20:14
Build time 101.993 sec｜Game capacity 4.089KB｜

Script

Sure, here's a simplified version of the Plants vs. Zombies game implemented as a single HTML file using JavaScript:

To play the game, open the HTML file in a web browser (preferably on a smartphone). The player can use the left and right arrow keys to move the character (represented as a green square) and avoid the falling zombies (represented as red squares). The goal is to survive as long as possible and achieve a high score. Once the player collides with a zombie, the game is over, and the final score is displayed in an alert message.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure, here's a simplified version of the Plants vs. Zombies game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Plants vs. Zombies</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-family: Arial, sans-serif;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

const player = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            width: 50,
            height: 50,
            speed: 5
        };

const zombies = [];
        let isGameOver = false;
        let score = 0;

// Event listeners
        document.addEventListener('keydown', handleKeyPress);

// Game loop
        function gameLoop() {
            if (!isGameOver) {
                update();
                draw();

requestAnimationFrame(gameLoop);
            }
        }

// Update game state
        function update() {
            // Move player
            if (player.moveLeft) player.x -= player.speed;
            if (player.moveRight) player.x += player.speed;

// Create new zombies
            if (Math.random() < 0.01) {
                zombies.push({
                    x: Math.random() * (canvas.width - 50),
                    y: -50,
                    width: 50,
                    height: 50,
                    speed: Math.random() * 3 + 1
                });
            }

// Update zombies
            zombies.forEach(zombie => {
                zombie.y += zombie.speed;

// Check collision with player
                if (
                    player.x < zombie.x + zombie.width &&
                    player.x + player.width > zombie.x &&
                    player.y < zombie.y + zombie.height &&
                    player.y + player.height > zombie.y
                ) {
                    gameOver();
                }

// Check if zombie reached bottom of the screen
                if (zombie.y > canvas.height) {
                    score++;
                    zombies.splice(zombies.indexOf(zombie), 1);
                }
            });
        }

// Draw game objects
        function draw() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillStyle = 'green';
            ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw zombies
            ctx.fillStyle = 'red';
            zombies.forEach(zombie => {
                ctx.fillRect(zombie.x, zombie.y, zombie.width, zombie.height);
            });

// Draw score
            ctx.fillStyle = 'black';
            ctx.font = '20px Arial';
            ctx.fillText('Score: ' + score, 10, 20);
        }

// Handle key press event
        function handleKeyPress(event) {
            if (event.key === 'ArrowLeft') {
                player.moveLeft = event.type === 'keydown';
            } else if (event.key === 'ArrowRight') {
                player.moveRight = event.type === 'keydown';
            }
        }

// Game over
        function gameOver() {
            isGameOver = true;
            alert('Game Over! Final Score: ' + score);
        }

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