Make a game with cameras and 2 doors that need to close because Freddy fazbear going to catch you's game

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

No:37930

←

Prev Next

→

Make a game with cameras and 2 doors that need to ..ALL
Developer User17157｜Date and time 24/1/21 21:41:20
Build time 12.064 sec｜Game capacity 3.184KB｜

Script

Это простая реализация игры "Freddy Fazbear's Escape". В игре есть две двери, которые могут быть либо открытыми, либо закрытыми. Цель игры - не дать Фредди Фазберу поймать вас, закрывая обе двери. Вы можете щелкнуть на двери, чтобы открыть или закрыть их. Вам потребуется создать изображения фона (emozi_chicken.png), Фредди Фазбера (freddy.png) и двери (door.png), чтобы полностью настроить игру. Их можно добавить в теге `<img>` в HTML-файле перед использованием соответствующих переменных Image. Кроме того, можно настроить размер холста canvas для вашего устройства.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Freddy Fazbear's Escape</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
  
    <script>
      const canvas = document.getElementById("gameCanvas");
      const ctx = canvas.getContext("2d");
      
      // Load images
      const backgroundImage = new Image();
      backgroundImage.src = "background.png";
      
      const freddyImage = new Image();
      freddyImage.src = "freddy.png";
      
      const doorImage = new Image();
      doorImage.src = "door.png";
      
      // Game variables
      let door1Open = true;  // Is door 1 open?
      let door2Open = true;  // Is door 2 open?
      let gameOver = false;  // Is the game over?
      
      // Game loop
      function gameLoop() {
        if (!gameOver) {
          update();
          render();
        }
      }
      
      // Update game state
      function update() {
        // Check if Freddy Fazbear catches the player
        if (!door1Open && !door2Open) {
          gameOver = true;
          alert("Game Over! Freddy Fazbear caught you!");
        }
      }
      
      // Draw game elements
      function render() {
        ctx.drawImage(backgroundImage, 0, 0, canvas.width, canvas.height);
        
        // Draw doors
        if (door1Open) {
          ctx.drawImage(doorImage, 50, 100, 80, 200);
        }
        
        if (door2Open) {
          ctx.drawImage(doorImage, 350, 100, 80, 200);
        }
        
        // Draw Freddy Fazbear
        ctx.drawImage(freddyImage, 180, 120, 120, 160);
      }
      
      // Handle door clicks
      canvas.addEventListener("click", function(event) {
        if (!gameOver) {
          const rect = canvas.getBoundingClientRect();
          const x = event.clientX - rect.left;
          const y = event.clientY - rect.top;
          
          if (x >= 50 && x <= 130 && y >= 100 && y <= 300) {
            door1Open = !door1Open;
          }
          
          if (x >= 350 && x <= 430 && y >= 100 && y <= 300) {
            door2Open = !door2Open;
          }
        }
      });
      
      // Start the game
      setInterval(gameLoop, 1000 / 60);
    </script>
  </body>
</html>
```

Вам потребуется создать изображения фона (background.png), Фредди Фазбера (freddy.png) и двери (door.png), чтобы полностью настроить игру. Их можно добавить в теге `<img>` в HTML-файле перед использованием соответствующих переменных Image. Кроме того, можно настроить размер холста canvas для вашего устройства.