AI game creator

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

No:27212

←

Prev Next

→

Zombie apocalypse
Developer User12468｜Date and time 23/12/5 2:09:16
Build time 60.789 sec｜Game capacity 5.143KB｜

Script

Sure! Here's an example of a simple Zombie Apocalypse game implemented in a single HTML file using JavaScript and enclosed in script tags:

This is a basic implementation of a Zombie Apocalypse game where the player (represented by a blue square) needs to avoid the zombies (represented by red squares) by moving around the screen. If the player gets too close to a zombie, the game ends and a "Game Over!" message is displayed. You can play the game by opening the HTML file in a web browser, either on a smartphone or a desktop. The player can control the game by dragging their finger on a touchscreen device or by moving the mouse on a desktop computer. Please note that this is just a simple example to get you started, and you can expand and customize the game to fit your desired gameplay and visual style.

←

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 Zombie Apocalypse game implemented in a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Zombie Apocalypse</title>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        // Get the canvas element
        const canvas = document.getElementById('gameCanvas');
        const context = canvas.getContext('2d');

// Initialize game state
        let playerX = canvas.width / 2;
        let playerY = canvas.height / 2;
        let zombies = [];

// Game loop
        function gameLoop() {
            // Update game logic
            update();

// Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw game objects
            drawPlayer();
            drawZombies();

// Request next animation frame
            requestAnimationFrame(gameLoop);
        }

// Update game logic
        function update() {
            movePlayer();
            moveZombies();
            checkCollision();
        }

// Draw the player on the canvas
        function drawPlayer() {
            context.fillStyle = 'blue';
            context.fillRect(playerX - 10, playerY - 10, 20, 20);
        }

// Move the player based on user input
        function movePlayer() {
            // Handle touch events for mobile devices
            canvas.addEventListener('touchstart', function (event) {
                playerX = event.touches[0].clientX - canvas.offsetLeft;
                playerY = event.touches[0].clientY - canvas.offsetTop;
            });
            
            // Handle mouse events for desktop
            canvas.addEventListener('mousemove',I function (event) {
                playerX = event.clientX - canvas.offsetLeft;
                playerY = event.clientY - canvas.offsetTop;
            });
        }

// Create a new zombie
        function createZombie() {
            const zombie = {
                x: Math.random() * canvas.width,
                y: Math.random() * canvas.height
            };
            zombies.push(zombie);
        }

// Move all zombies towards the player
        function moveZombies() {
            for (let i = 0; i < zombies.length; i++) {
                const zombie = zombies[i];
                const dx = playerX - zombie.x;
                const dy = playerY - zombie.y;
                const distance = Math.sqrt(dx * dx + dy * dy);
                const speed = 2;
                zombie.x += (dx / distance) * speed;
                zombie.y += (dy / distance) * speed;
            }
        }

// Check for collision between player and zombies
        function checkCollision() {
            for (let i = 0; i < zombies.length; i++) {
                const zombie = zombies[i];
                const dx = zombie.x - playerX;
                const dy = zombie.y - playerY;
                const distance = Math.sqrt(dx * dx + dy * dy);
                const collisionDistance = 15;
                if (distance < collisionDistance) {
                    // Game over
                    alert('Game Over!');
                    restartGame();
                }
            }
        }

// Draw all zombies on the canvas
        function drawZombies() {
            context.fillStyle = 'red';
            for (let i = 0; i < zombies.length; i++) {
                const zombie = zombies[i];
                context.fillRect(zombie.x - 10, zombie.y - 10, 20, 20);
            }
        }

// Start the game
        function startGame() {
            // Remove any existing zombies
            zombies = [];

// Create initial zombies
            for (let i = 0; i < 10; i++) {
                createZombie();
            }

// Start the game loop
            gameLoop();
        }

// Restart the game
        function restartGame() {
            startGame();
        }

// Start the game when the page loads
        document.addEventListener('DOMContentLoaded', function () {
            startGame();
        });
    </script>
</body>
</html>
```

You can play the game by opening the HTML file in a web browser, either on a smartphone or a desktop. The player can control the game by dragging their finger on a touchscreen device or by moving the mouse on a desktop computer.

Please note that this is just a simple example to get you started, and you can expand and customize the game to fit your desired gameplay and visual style.