AI game creator

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

No:38760

←

Prev Next

→

A horror game
Developer User17421｜Date and time 24/1/25 9:15:15
Build time 10.766 sec｜Game capacity 2.326KB｜

Script

Sure, I can create a simple horror game using JavaScript in a single HTML file. Here's an example:

This game sets up a canvas element where the player can move a square (representing the player) using their mouse on a smartphone screen. The objective is to avoid getting caught by a randomly moving ghost (represented by another square). If the player collides with the ghost, a "Game Over" message is shown, and the game restarts. Please note that this is just a basic example, and you can customize and expand it further to create a more complex and engaging horror game.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure, I can create a simple horror game using JavaScript in a single HTML file. Here's an example:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Horror Game</title>
  <style>
    body { margin: 0; padding: 0; }
    canvas { display: block; }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>

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

// Set initial positions
      playerX = canvas.width / 2;
      playerY = canvas.height / 2;
      ghostX = Math.random() * (canvas.width - 50);
      ghostY = Math.random() * (canvas.height - 50);
      gameOver = false;

// Start game loop
      setInterval(update, 20);

// Player input
      canvas.addEventListener('mousemove', function(event) {
        if (!gameOver) {
          playerX = event.clientX - canvas.offsetLeft;
          playerY = event.clientY - canvas.offsetTop;
        }
      }, false);
    }

// Game update
    function update() {
      // Clear the canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Check collision with ghost
      if (!gameOver && Math.abs(playerX - ghostX) < 50 && Math.abs(playerY - ghostY) < 50) {
        gameOver = true;
        alert("Game Over! You encountered a ghost.");
        location.reload(); // Restart the game after game over
      }

// Draw player
      context.fillStyle = "#000000";
      context.fillRect(playerX - 25, playerY - 25, 50, 50);

// Draw ghost
      context.fillStyle = "#FF0000";
      context.fillRect(ghostX, ghostY, 50, 50);
    }

// Start the game
    init();
  </script>

</body>
</html>
```

Please note that this is just a basic example, and you can customize and expand it further to create a more complex and engaging horror game.