Make a 2d horror game's game

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

No:35341

←

Prev Next

→

Make a 2d horror game
Developer User16517｜Date and time 24/1/14 4:52:01
Build time 8.535 sec｜Game capacity 2.893KB｜

Script

Sure! Here's an example of a simple 2D horror game implemented as a single HTML file using JavaScript. Please keep in mind that this is just a basic example to give you an idea of how to structure a game. You can further enhance and expand upon it according to your preferences.

In this game, you control a player represented by a filled square using arrow keys. The objective is to avoid the monster represented by a red filled square which initially appears at the bottom-right corner of the canvas. If the player collides with the monster, a game over message pops up. Please note that this is just a basic implementation. You can enhance the gameplay, graphics, and mechanics according to your preferences and game design.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>2D Horror Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="300"></canvas>
    <script>
        // Game Variables
        var canvas;
        var canvasContext;
        var playerX = 50;
        var playerY = 50;
        var monsterX = 350;
        var monsterY = 250;

// Game Initialization
        window.onload = function() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');
            document.addEventListener('keydown', handleKeyPress);
            gameLoop();
        }

// Handle player movement
        function handleKeyPress(event) {
            var keyPressed = event.keyCode;
            
            // Arrow key codes
            var upArrow = 38,
                downArrow = 40,
                leftArrow = 37,
                rightArrow = 39;
            
            if (keyPressed === upArrow && playerY > 0) {
                playerY -= 10;
            } else if (keyPressed === downArrow && playerY < canvas.height - 50) {
                playerY += 10;
            } else if (keyPressed === leftArrow && playerX > 0) {
                playerX -= 10;
            } else if (keyPressed === rightArrow && playerX < canvas.width - 50) {
                playerX += 10;
            }
            
            if (playerX === monsterX && playerY === monsterY) {
                alert('Game Over!');
            }
        }

// Game Loop
        function gameLoop() {
            drawEverything();
            requestAnimationFrame(gameLoop);
        }

// Draw game elements
        function drawEverything() {
            // Clear the canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            canvasContext.fillRect(playerX, playerY, 50, 50);

// Draw monster
            canvasContext.fillStyle = 'red';
            canvasContext.fillRect(monsterX, monsterY, 50, 50);
        }
    </script>
</body>
</html>
```

Please note that this is just a basic implementation. You can enhance the gameplay, graphics, and mechanics according to your preferences and game design.