A horror game. If you can escape from the monster for 3 minutes, an escape door will appear and you will be able to escape successfully, and the game ends.'s game

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

No:7557

1353

←

Prev Next

→

A horror game. If you can escape from the monster ..ALL
Developer User4057｜Date and time 23/7/8 18:51:29
Build time 18.48 sec｜Game capacity 3.698KB｜

Script

以下はHTMLとJavaScriptを組み合わせたホラーゲームの例です：

🏃

😈

このプログラムでは、プレイヤーとモンスターの絵文字が表示されます。キーボードの矢印キーでプレイヤーを移動させ、モンスターから逃げることが目標です。3分以内に脱出できれば成功となり、ゲームは終了します。モンスターをクリックすると即座にゲームオーバーとなります。 ※このプログラムは単純な例であり、実際のゲームとしては要素の配置や移動方法、操作方法などを工夫する必要があります。また、デザインやアニメーションもさらに追加することができます。ご参考までにお使いください。

←

Prev　Next

→ 　

Back　

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

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

以下はHTMLとJavaScriptを組み合わせたホラーゲームの例です：

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ホラーゲーム</title>
  <style>
    body {
      background-color: black;
      color: white;
    }
    #player {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 3rem;
    }
    #monster {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 3rem;
      animation: monsterMove 3s infinite;
    }
    @keyframes monsterMove {
      0% {
        transform: translate(-50%, -50%);
      }
      50% {
        transform: translate(-80%, -50%);
      }
      100% {
        transform: translate(-50%, -50%);
      }
    }
  </style>
</head>
<body>
  <div id="player">🏃</div>
  <div id="monster">😈</div>

let isEscaped = false;

monster.addEventListener("click", () => {
      if (!isEscaped) {
        alert("ゲームオーバー！モンスターに捕まってしまいました！");
        restartGame();
      }
    });

setTimeout(() => {
      if (!isEscaped) {
        alert("ゲームオーバー！時間切れです！");
        restartGame();
      }
    }, 180000); // 3分後

document.addEventListener("keydown", (event) => {
      const key = event.key;
      if (!isEscaped) {
        movePlayer(key);
        checkEscape();
      }
    });

function movePlayer(direction) {
      const playerPos = player.getBoundingClientRect();
      const { top, left, right, bottom } = playerPos;
      const step = 20;

if (direction === "ArrowUp" && top > 0) {
        player.style.top = `${top - step}px`;
      } else if (direction === "ArrowDown" && bottom < window.innerHeight) {
        player.style.top = `${top + step}px`;
      } else if (direction === "ArrowLeft" && left > 0) {
        player.style.left = `${left - step}px`;
      } else if (direction === "ArrowRight" && right < window.innerWidth) {
        player.style.left = `${left + step}px`;
      }
    }

function checkEscape() {
      const playerPos = player.getBoundingClientRect();
      const { top, left, right, bottom } = playerPos;
      const monsterPos = monster.getBoundingClientRect();
      const { top: monsterTop, left: monsterLeft, right: monsterRight, bottom: monsterBottom } = monsterPos;

if (bottom < monsterTop || top > monsterBottom || right < monsterLeft || left > monsterRight) {
        isEscaped = true;
        alert("脱出成功！おめでとうございます！");
        restartGame();
      }
    }

function restartGame() {
      isEscaped = false;
      player.style.top = "50%";
      player.style.left = "50%";
    }
  </script>
</body>
</html>
```

このプログラムでは、プレイヤーとモンスターの絵文字が表示されます。キーボードの矢印キーでプレイヤーを移動させ、モンスターから逃げることが目標です。3分以内に脱出できれば成功となり、ゲームは終了します。モンスターをクリックすると即座にゲームオーバーとなります。

※このプログラムは単純な例であり、実際のゲームとしては要素の配置や移動方法、操作方法などを工夫する必要があります。また、デザインやアニメーションもさらに追加することができます。ご参考までにお使いください。