AI game creator

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

No:16299

106

←

Prev Next

→

Zombie
Developer User7216｜Date and time 23/9/17 2:04:42
Build time 21.033 sec｜Game capacity 2.997KB｜

Script

Sure! Here's an example of a simple zombie game implemented as a single HTML file:

This example creates a simple game where a blue player square can be controlled using the mouse. The goal is to avoid the green zombie square as it follows the player around the canvas. The game will run in a smartphone browser and use pictograms (shapes) for the player and zombie. Note that this is just a basic implementation to show the game structure and mechanics, and it can be expanded and improved upon based on your specific requirements.

←

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 game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Zombie Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Game variables
        let canvas;
        let ctx;
        let playerX;
        let playerY;
        let zombieX;
        let zombieY;

// Initialize the game
        function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

playerX = canvas.width / 2;
            playerY = canvas.height / 2;

zombieX = Math.random() * (canvas.width - ZOMBIE_SIZE);
            zombieY = Math.random() * (canvas.height - ZOMBIE_SIZE);

// Start the game loop
            setInterval(updateGame, 20);

// Add event listeners for player movement
            canvas.addEventListener("mousemove", handleMouseMove);
        }

// Update game state
        function updateGame() {
            clearCanvas();
            drawPlayer();
            updateZombie();
        }

// Clear the canvas
        function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

// Draw the player
        function drawPlayer() {
            ctx.fillStyle = "blue";
            ctx.fillRect(playerX, playerY, 20, 20);
        }

// Update zombie position
        function updateZombie() {
            if (zombieX < playerX) {
                zombieX += ZOMBIE_SPEED;
            } else {
                zombieX -= ZOMBIE_SPEED;
            }

if (zombieY < playerY) {
                zombieY += ZOMBIE_SPEED;
            } else {
                zombieY -= ZOMBIE_SPEED;
            }

drawZombie();
        }

// Draw the zombie
        function drawZombie() {
            ctx.fillStyle = "green";
            ctx.fillRect(zombieX, zombieY, ZOMBIE_SIZE, ZOMBIE_SIZE);
        }

// Handle player movement
        function handleMouseMove(event) {
            let rect = canvas.getBoundingClientRect();
            playerX = event.clientX - rect.left - 10; // Subtract half player size (20/2 = 10) to center it
            playerY = event.clientY - rect.top - 10;
        }

// Initialize the game when the page loads
        window.onload = init;
    </script>
</body>
</html>
```