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

No:22718

←

Prev Next

→

Escape from a crusher
Developer User10472｜Date and time 23/10/24 9:46:53
Build time 45.287 sec｜Game capacity 2.714KB｜

Script

Escape from a Crusher

🚶

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Escape from a Crusher</title>
</head>
<body>
  <script>
    // Game variables
    var positionX = 0;
    var positionY = 0;
    var screenWidth = window.innerWidth;
    var screenHeight = window.innerHeight;
    
    // Function to handle player movement
    function move(direction) {
      if (direction === 'up') {
        positionY -= 10;
      } else if (direction === 'down') {
        positionY += 10;
      } else if (direction === 'left') {
        positionX -= 10;
      } else if (direction === 'right') {
        positionX += 10;
      }
      
      // Check if player reached the crusher
      if (positionX < 100 && positionY < 100) {
        alert("Game Over! You were crushed!");
        resetGame();
      }
      
      // Check if player reached the escape
      if (positionX > screenWidth - 100 && positionY > screenHeight - 100) {
        alert("Congratulations! You escaped!");
        resetGame();
      }
      
      // Update player position
      document.getElementById('player').style.left = positionX + 'px';
      document.getElementById('player').style.top = positionY + 'px';
    }
    
    // Function to reset game state
    function resetGame() {
      positionX = 0;
      positionY = 0;
      document.getElementById('player').style.left = '0px';
      document.getElementById('player').style.top = '0px';
    }
    
    // Start the game
    function startGame() {
      // Set initial player position
      document.getElementById('player').style.left = '0px';
      document.getElementById('player').style.top = '0px';
      
      // Attach click event listeners to directional buttons
      document.getElementById('upButton').addEventListener('click', function() {
        move('up');
      });
      document.getElementById('downButton').addEventListener('click', function() {
        move('down');
      });
      document.getElementById('leftButton').addEventListener('click', function() {
        move('left');
      });
      document.getElementById('rightButton').addEventListener('click', function() {
        move('right');
      });
    }
  </script>
  
  <style>
    #container {
      position: relative;
    }
    
    #player {
      position: absolute;
      left: 0;
      top: 0;
      font-size: 50px;
    }
  </style>
  
  <h1>Escape from a Crusher</h1>
  
  <div id="container">
    <div id="player">🚶</div>
  </div>
  
  <button id="upButton">↑</button>
  <br>
  <button id="leftButton">←</button>
  <button id="rightButton">→</button>
  <br>
  <button id="downButton">↓</button>
  
  <script>
    // Start the game when the page is loaded
    window.onload = startGame;
  </script>
</body>
</html>