インフレ系ハクスラ's game

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

No:37779

←

Prev Next

→

インフレ系ハクスラ
Developer User17126｜Date and time 24/1/21 16:17:36
Build time 12.587 sec｜Game capacity 2.892KB｜

Script

了解です。以下に、スマートフォンで遊べるインフレ系ハクスラゲームのHTMLプログラムを示します。

Score: 0

😀

👿

このプログラムは、HTMLファイルにJavaScriptコードを埋め込んでいます。プレイヤーの顔(😀)と敵の顔(👿)を表示し、プレイヤーが敵に接触するとスコアが加算されます。スコアの表示とプレイヤー・敵の位置の更新は、ゲームループとして定期的に実行されます。スマートフォンで上記のHTMLファイルを開くと、ゲームをプレイすることができます。ゲーム開始ボタンをタップすると、プレイヤーが右に移動し、敵に接触するとスコアが加算されます。スマートフォンの操作を前提としており、絵文字も使用しています。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下に、スマートフォンで遊べるインフレ系ハクスラゲームのHTMLプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>インフレ系ハクスラゲーム</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    
    #game-container {
      display: inline-block;
      padding: 10px;
      border: 2px solid black;
    }
    
    #score-display {
      font-size: 24px;
      margin-bottom: 10px;
    }
    
    #player {
      font-size: 36px;
      margin-bottom: 20px;
    }
    
    #enemy {
      font-size: 36px;
      padding: 10px;
      background-color: red;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="score-display">Score: 0</div>
    <div id="player">😀</div>
    <div id="enemy">👿</div>

// プレイヤーの位置を保持する変数
      let playerX = 50;
    
      // 敵の位置を保持する変数
      let enemyX = 0;

// JavaScriptの処理を実行する関数
      function gameLoop() {
        // プレイヤーと敵の位置を更新
        playerX += 10;
        enemyX += 5;

// プレイヤーが敵に接触した場合の処理
        if (playerX >= enemyX) {
          score++;
          enemyX = 0;
        }

// スコアと位置を画面に表示
        document.getElementById('score-display').textContent = 'Score: ' + score;
        document.getElementById('player').style.marginLeft = playerX + 'px';
        document.getElementById('enemy').style.marginLeft = enemyX + 'px';

// 10ミリ秒後に再度ゲームループを実行
        setTimeout(gameLoop, 10);
      }

// ゲームを開始する関数
      function startGame() {
        gameLoop();
      }

// ゲーム開始ボタンをクリックした時の処理
      document.addEventListener('DOMContentLoaded', function() {
        document.getElementById('game-container').addEventListener('click', startGame);
      });
    </script>
  </div>
</body>
</html>
```

このプログラムは、HTMLファイルにJavaScriptコードを埋め込んでいます。プレイヤーの顔(😀)と敵の顔(👿)を表示し、プレイヤーが敵に接触するとスコアが加算されます。スコアの表示とプレイヤー・敵の位置の更新は、ゲームループとして定期的に実行されます。

スマートフォンで上記のHTMLファイルを開くと、ゲームをプレイすることができます。ゲーム開始ボタンをタップすると、プレイヤーが右に移動し、敵に接触するとスコアが加算されます。スマートフォンの操作を前提としており、絵文字も使用しています。