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

No:24398

147

←

Prev Next

→

Corn maze horror game
Developer User7090｜Date and time 23/11/8 18:28:52
Build time 295.008 sec｜Game capacity 4.988KB｜

Script

Corn Maze Horror Game

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Corn Maze Horror Game</title>
  <style>
    body {
      background-color: #000;
      color: #fff;
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #maze-container {
      display: inline-block;
      position: relative;
    }
    
    #player {
      position: absolute;
    }
    
    .obstacle {
      position: absolute;
    }
    
    #finish {
      position: absolute;
    }
  </style>
</head>
<body>
  <h1>Corn Maze Horror Game</h1>
  
  <canvas id="maze-container" width="600" height="400"></canvas>
  
  <script>
    // Game settings
    const MAZE_WIDTH = 20;
    const MAZE_HEIGHT = 14;
    const CELL_SIZE = 30;
    const PLAYER_SPEED = 5;
    
    // Pictograms (can be updated with custom ones)
    const PLAYER_ICON = "👤";
    const OBSTACLE_ICON = "🌽";
    const FINISH_ICON = "🏁";
    
    // Maze layout (2D array)
    const maze = [
      ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ""],
      ["🌽", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "🌽"],
      ["", "", "🌽", "🌽", "🌽", "", "🌽", "🌽", "🌽", "", "🌽", "", "🌽", "🌽", "", "🌽", "🌽", "🌽", "🌽"],
      ["", "", "", "", "", "", "", "", "🌽", "", "🌽", "🌽", "🌽", "", "", "", "", "🌽", ""],
      ["🌽", "🌽", "🌽", "🌽", "🌽", "", "🌽", "", "", "", "", "", "", "", "🌽", "🌽", "🌽", "🌽", "🌽"],
      ["🌽", "", "", "", "🌽", "", "🌽", "🌽", "🌽", "", "🌽", "🌽", "🌽", "🌽", "🌽", "", "", "🌽", ""],
      ["", "🌽", "🌽", "", "🌽", "", "🌽", "", "", "", "🌽", "", "", "", "🌽", "", "", "🌽", "🌽"],
      ["", "", "", "", "🌽", "", "🌽", "", "🌽", "🌽", "🌽", "🌽", "🌽", "🌽", "🌽", "🌽", "", "", ""],
      ["🌽", "", "🌽", "🌽", "🌽", "", "", "", "", "", "", "🌽", "", "", "", "", "", "", ""],
      ["🌽", "", "🌽", "", "", "", "🌽", "🌽", "🌽", "", "🌽", "", "🌽", "🌽", "", "🌽", "🌽", "🌽", "🌽"],
      ["🌽", "🌽", "🌽", "🌽", "🌽", "🌽", "🌽", "🌽", "🌽", "🌽", "🌽", "", "🌽", "🌽", "", "", "", "", ""],
      ["", "", "", "", "", "", "", "", "", "", "🌽", "", "", "", "🌽", "🌽", "🌽", "🌽"],
      ["🌽", "", "🌽", "🌽", "🌽", "🌽", "", "🌽", "", "", "🌽", "", "🌽", "🌽", "🌽", "🌽", "", "🌽", "🌽"],
      ["", "", "", "", "", "", "", "🌽", "", "🌽", "🌽", "", "🌽", "", "", "", "", "", ""],
      ["", "🌽", "🌽", "🌽", "🌽", "🌽", "", "", "", "", "", "", "", "🌽", "🌽", "🌽", "🌽", ""],
    ];
    
    // Game state
    let playerX = 0;
    let playerY = 0;
    let isGameOver = false;
  
    const canvas = document.getElementById("maze-container");
    const ctx = canvas.getContext("2d");
    
    function drawMaze() {
      for (let row = 0; row < MAZE_HEIGHT; row++) {
        for (let col = 0; col < MAZE_WIDTH; col++) {
          const cell = maze[row][col];
          const x = col * CELL_SIZE;
          const y = row * CELL_SIZE;
          
          if (cell === "🌽") {
            ctx.fillText(OBSTACLE_ICON, x, y + CELL_SIZE);
          } else if (cell === "🏁") {
            ctx.fillText(FINISH_ICON, x, y + CELL_SIZE);
          }
        }
      }
    }
    
    function drawPlayer() {
      ctx.fillText(PLAYER_ICON, playerX * CELL_SIZE, playerY * CELL_SIZE + CELL_SIZE);
    }
    
    function clearPlayer() {
      ctx.clearRect(0, 0, MAZE_WIDTH * CELL_SIZE, MAZE_HEIGHT * CELL_SIZE);
      drawMaze();
    }
    
    function movePlayer(e) {
      if (isGameOver) return;
      
      const currentCell = maze[playerY][playerX];
      
      if (e.key === "ArrowUp") {
        if (playerY > 0 && maze[playerY - 1][playerX] !== "🌽") {
          playerY--;
        }
      } else if (e.key === "ArrowDown") {
        if (playerY < MAZE_HEIGHT - 1 && maze[playerY + 1][playerX] !== "🌽") {
          playerY++;
        }
      } else if (e.key === "ArrowLeft") {
        if (playerX > 0 && maze[playerY][playerX - 1] !== "🌽") {
          playerX--;
        }
      } else if (e.key === "ArrowRight") {
        if (playerX < MAZE_WIDTH - 1 && maze[playerY][playerX + 1] !== "🌽") {
          playerX++;
        }
      }
      
      clearPlayer();
      drawPlayer();
      
      if (currentCell === "🏁") {
        isGameOver = true;
        alert("Congratulations! You escaped the corn maze!");
      }
    }
    
    function startGame() {
      // Set the initial player position
      playerX = 0;
      playerY = 0;
      
      // Set up the canvas
      ctx.font = "30px Arial";
      ctx.textAlign = "center";
      ctx.textBaseline = "middle";
      
      drawMaze();
      drawPlayer();
      
      // Add event listener for arrow key presses
      document.addEventListener("keydown", movePlayer);
    }
    
    startGame();
  </script>
</body>
</html>