敵が追いかけてくるホラーゲーム's game

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

No:30995

←

Prev Next

→

敵が追いかけてくるホラーゲーム
Developer User14989｜Date and time 23/12/24 20:06:58
Build time 14.98 sec｜Game capacity 2.118KB｜

Script

了解です。以下に実装例を示します。

👻

😱

このコードでは、黒い背景の中で操作するプレイヤーが、白い敵に追いかけられる様子を表現しています。プレイヤー（👻）はマウスの位置に追従し、敵（😱）と衝突するとゲームオーバーとなります。どうぞこれを参考にして、必要に応じて改良してみてください。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下に実装例を示します。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>追いかけられるホラーゲーム</title>
    <style>
      body { background-color: black; }
      #player { font-size: 48px; color: red; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
      #enemy { font-size: 48px; color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: chase 5s linear infinite; }
      @keyframes chase { 0% { transform: translate(-50%, -50%); } 100% { transform: translate(calc(100vw - 48px), calc(100vh - 48px)); } }
    </style>
  </head>
  <body>
    <script>
      document.addEventListener('DOMContentLoaded', function() {
        var player = document.getElementById('player');
        var enemy = document.getElementById('enemy');
        
        document.addEventListener('mousemove', function(event) {
          player.style.top = event.clientY + 'px';
          player.style.left = event.clientX + 'px';
          checkCollision();
        });
        
        function checkCollision() {
          var playerRect = player.getBoundingClientRect();
          var enemyRect = enemy.getBoundingClientRect();
          
          if (playerRect.left < enemyRect.right &&
              playerRect.right > enemyRect.left &&
              playerRect.top < enemyRect.bottom &&
              playerRect.bottom > enemyRect.top) {
            gameOver();
          }
        }
        
        function gameOver() {
          alert('ゲームオーバー');
          enemy.style.animation = 'none';
        }
      });
    </script>
    <div id="player">👻</div>
    <div id="enemy">😱</div>
  </body>
</html>
```

このコードでは、黒い背景の中で操作するプレイヤーが、白い敵に追いかけられる様子を表現しています。プレイヤー（👻）はマウスの位置に追従し、敵（😱）と衝突するとゲームオーバーとなります。

どうぞこれを参考にして、必要に応じて改良してみてください。