Horror game WITH ZOMBIES's game

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

No:13035

110

←

Prev Next

→

Horror game WITH ZOMBIES
Developer User5745｜Date and time 23/8/26 11:11:10
Build time 21.268 sec｜Game capacity 3.904KB｜

Script

Sure, I can help you create a horror game with zombies using JavaScript. Here's an example implementation as a single HTML file:

This code creates a simple horror game with a player controlled by arrow keys or touch gestures and a zombie that chases the player. The game ends if the player collides with the zombie. The game is displayed on a full-screen canvas element and uses rectangle shapes to represent the player and zombie. You can further customize the visuals by replacing the rectangle drawings with pictograms or images.

←

Prev　Next

→ 　

Back　

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

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

Sure, I can help you create a horror game with zombies using JavaScript. Here's an example implementation as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Horror Zombie Game</title>
    <style>
        body, canvas {
            margin: 0;
            padding: 0;
            overflow: hidden;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>
    
    <script>
        // Game logic variables
        var canvas, context;
        var player, zombie;
        var gameWidth = window.innerWidth;
        var gameHeight = window.innerHeight;
        var zombieSpeed = 2;

// Player object
        function Player(x, y) {
            this.x = x;
            this.y = y;
            this.width = 50;
            this.height = 50;
            this.color = 'green';
            this.speed = 5;

this.draw = function() {
                context.fillStyle = this.color;
                context.fillRect(this.x, this.y, this.width, this.height);
            };

this.move = function(dx, dy) {
                if(this.x + dx >= 0 && this.x + dx + this.width <= gameWidth) {
                    this.x += dx;
                }
                if(this.y + dy >= 0 && this.y + dy + this.height <= gameHeight) {
                    this.y += dy;
                }
            };
        }

// Zombie object
        function Zombie(x, y) {
            this.x = x;
            this.y = y;
            this.width = 50;
            this.height = 50;
            this.color = 'red';
            this.speed = zombieSpeed;

this.draw = function() {
                context.fillStyle = this.color;
                context.fillRect(this.x, this.y, this.width, this.height);
            };

this.move = function() {
                var dx = player.x - this.x;
                var dy = player.y - this.y;
                var distance = Math.sqrt(dx * dx + dy * dy);
                var vx = (dx / distance) * this.speed;
                var vy = (dy / distance) * this.speed;

if (distance > 0) {
                    this.x += vx;
                    this.y += vy;
                }
            };
        }

// Initialize the game
        function initGame() {
            canvas = document.getElementById('gameCanvas');
            canvas.width = gameWidth;
            canvas.height = gameHeight;
            context = canvas.getContext('2d');

player = new Player(100, 100);
            zombie = new Zombie(Math.random() * gameWidth, Math.random() * gameHeight);

setInterval(update, 16);
        }

// Update game
        function update() {
            context.clearRect(0, 0, gameWidth, gameHeight);

player.move(0, 0);

zombie.move();
            if (checkCollision(player, zombie)) {
                alert("Game Over!");
                location.reload();
            }

player.draw();
            zombie.draw();
        }

// Check collision between player and zombie
        function checkCollision(object1, object2) {
            return object1.x < object2.x + object2.width &&
                   object1.x + object1.width > object2.x &&
                   object1.y < object2.y + object2.height &&
                   object1.y + object1.height > object2.y;
        }

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