AI game creator

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

No:8246

924

←

Prev Next

→

Jyurei Jade Wind
Developer User4160｜Date and time 23/7/14 11:51:28
Build time 39.5 sec｜Game capacity 4.063KB｜

Script

了解です。以下に、呪霊玉風のゲームの実装例を示します。

呪霊玉を叩いて祓ってください

スコア: 0

制限時間: 60秒

このゲームでは、制限時間内に表示される「呪霊玉」をクリックして祓っていくゲームです。ゲームが開始された状態で、表示される「スタート」ボタンをクリックすると制限時間がカウントダウンし、スコアが加算されます。制限時間内に「ストップ」ボタンをクリックすることで、ゲームを一時停止することもできます。なお、このゲームの画面はスマホでも遊べるようにレスポンシブデザインが適用されています。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下に、呪霊玉風のゲームの実装例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>呪霊玉風ゲーム</title>
  <style>
    body {
      text-align: center;
    }
    #game-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      font-size: 24px;
      color: white;
      background-color: #333;
    }
    #button-container {
      margin-top: 20px;
    }
    .button {
      display: inline-block;
      padding: 10px 20px;
      margin: 10px;
      font-size: 20px;
      color: white;
      background-color: #0099cc;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="message">呪霊玉を叩いて祓ってください</div>
    <div id="score">スコア: 0</div>
    <div id="time">制限時間: 60秒</div>
    <div id="button-container">
      <button class="button" id="start-button">スタート</button>
      <button class="button" id="stop-button" disabled>ストップ</button>
    </div>
  </div>

// スタートボタンのクリックイベント
    document.getElementById('start-button').addEventListener('click', function() {
      // ゲーム開始前に初期化
      score = 0;
      time = 60;
      updateScore();
      updateTime();

// タイマー開始
      timer = setInterval(function() {
        time--;
        updateTime();

if (time === 0) {
          // 制限時間終了時の処理
          clearInterval(timer);
          document.getElementById('message').textContent = '制限時間終了';
        }
      }, 1000);

// ボタンの状態を更新
      document.getElementById('start-button').disabled = true;
      document.getElementById('stop-button').disabled = false;
    });

// ストップボタンのクリックイベント
    document.getElementById('stop-button').addEventListener('click', function() {
      // タイマー停止
      clearInterval(timer);

// ボタンの状態を更新
      document.getElementById('start-button').disabled = false;
      document.getElementById('stop-button').disabled = true;
    });

// 呪霊玉をクリックした時の処理
    document.getElementById('game-container').addEventListener('click', function(event) {
      if (event.target.id === 'game-container') {
        // 正しい要素がクリックされた場合のみスコアを増加させる
        score++;
        updateScore();

// 呪霊玉の祓いが成功するたびにメッセージを表示
        var messages = ['阿呆祓い！', '猪とり祓い！', '窒息祓い！', '魑魅を祓った！', '猪首赤祓い！'];
        var randomIndex = Math.floor(Math.random() * messages.length);
        document.getElementById('message').textContent = messages[randomIndex];
      }
    });

// スコアを更新する関数
    function updateScore() {
      document.getElementById('score').textContent = 'スコア: ' + score;
    }

// 残り時間を更新する関数
    function updateTime() {
      document.getElementById('time').textContent = '制限時間: ' + time + '秒';
    }
  </script>
</body>
</html>
```

このゲームでは、制限時間内に表示される「呪霊玉」をクリックして祓っていくゲームです。ゲームが開始された状態で、表示される「スタート」ボタンをクリックすると制限時間がカウントダウンし、スコアが加算されます。制限時間内に「ストップ」ボタンをクリックすることで、ゲームを一時停止することもできます。

なお、このゲームの画面はスマホでも遊べるようにレスポンシブデザインが適用されています。