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

No:15335

←

Prev Next

→

رعب
Developer User6662｜Date and time 23/9/8 22:28:09
Build time 18.133 sec｜Game capacity 2.019KB｜

Script

لعبة الرعب

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>لعبة الرعب</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      background-color: #000;
      color: #fff;
    }
    
    #game-screen {
      display: none;
      font-size: 60px;
      margin-top: 200px;
    }
    
    #start-button, #game-over-button {
      font-size: 30px;
      padding: 10px 20px;
      background-color: #ff0000;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>لعبة الرعب</h1>
  <button id="start-button">بدء اللعبة</button>
  <div id="game-screen">
    <img id="ghost-image" src="ghost.png" alt="شبح">
  </div>
  
  <script>
    document.getElementById('start-button').onclick = function() {
      document.getElementById('start-button').style.display = 'none';
      document.getElementById('game-screen').style.display = 'block';
      startGame();
    };
    
    function startGame() {
      var screenWidth = window.innerWidth;
      var screenHeight = window.innerHeight;
      var ghostImage = document.getElementById('ghost-image');
      
      var ghostX = Math.floor(Math.random() * (screenWidth - ghostImage.width));
      var ghostY = Math.floor(Math.random() * (screenHeight - ghostImage.height));
      
      ghostImage.style.left = ghostX + 'px';
      ghostImage.style.top = ghostY + 'px';
      
      ghostImage.onclick = function() {
        alert('لقد قتلت الشبح! أحسنت!');
        gameOver();
      };
      
      setTimeout(function() {
        alert('انتبه! الشبح قريب!');
        ghostImage.style.display = 'none';
        gameOver();
      }, 3000);
    }
    
    function gameOver() {
      document.getElementById('game-screen').style.display = 'none';
      document.getElementById('start-button').style.display = 'none';
      document.getElementById('game-over-button').style.display = 'inline-block';
    }
  </script>
</body>
</html>