AI game creator

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

No:15973

118

←

Prev Next

→

A 3d horror game
Developer User7026｜Date and time 23/9/14 10:56:44
Build time 28.189 sec｜Game capacity 2.879KB｜

Script

Sure, here's an example of a simple 3D horror game implemented as a single HTML file using JavaScript:

This is a basic game where you play as a player represented by a red square. The objective is to avoid the green monster squares (pictogram equivalent) that move around the canvas. If the player collides with a monster, an alert message will pop up indicating game over. You can control the player's movement using the arrow keys on your smartphone. Please note that this is just a simple example to demonstrate the concept of a 3D horror game, and it can be extended and modified to suit your specific requirements 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 3D horror game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>3D Horror Game</title>
  <style>
    canvas {
      width: 100%;
      height: 100%;
      display: block;
    }
  </style>
</head>
<body>
  
  <canvas id="gameCanvas"></canvas>
  
  <script>
    
    const canvas = document.getElementById("gameCanvas");
    const context = canvas.getContext("2d");
    
    const player = {
      x: 100,
      y: 100,
      width: 20,
      height: 20,
      speed: 4,
      color: "#ff0000"
    };
    
    const monsters = [
      { x: 200, y: 200, width: 30, height: 30, color: "#00ff00" },
      { x: 300, y: 300, width: 30, height: 30, color: "#00ff00" }
    ];
    
    function update() {
      // Movement logic for the player
      if (keys["ArrowUp"]) player.y -= player.speed;
      if (keys["ArrowDown"]) player.y += player.speed;
      if (keys["ArrowLeft"]) player.x -= player.speed;
      if (keys["ArrowRight"]) player.x += player.speed;
      
      // Collision detection between player and monsters
      for (let i = 0; i < monsters.length; i++) {
        const monster = monsters[i];
        if (
          player.x < monster.x + monster.width &&
          player.x + player.width > monster.x &&
          player.y < monster.y + monster.height &&
          player.y + player.height > monster.y
        ) {
          alert("You were caught by a monster! Game over...");
          location.reload();
        }
      }
      
      // Update the game canvas
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw the player
      context.fillStyle = player.color;
      context.fillRect(player.x, player.y, player.width, player.height);
      
      // Draw the monsters
      for (let i = 0; i < monsters.length; i++) {
        const monster = monsters[i];
        context.fillStyle = monster.color;
        context.fillRect(monster.x, monster.y, monster.width, monster.height);
      }
      
      requestAnimationFrame(update);
    }
    
    const keys = {};
    
    document.addEventListener("keydown", (event) => {
      keys[event.key] = true;
    });
    
    document.addEventListener("keyup", (event) => {
      keys[event.key] = false;
    });
    
    update();
    
  </script>
</body>
</html>
```

Please note that this is just a simple example to demonstrate the concept of a 3D horror game, and it can be extended and modified to suit your specific requirements and visual style.