I like the African statues 🐘.'s game

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

No:5313

4092

←

Prev Next

→

I like the African statues 🐘.
Developer anonymous｜Date and time 70/1/1 9:33:49
Build time unknown sec｜Game capacity 2.029KB｜

Script

了解しました！ゲームを作成します。では、アフリカ大陸を探索するゲームを作りましょう。プレイヤーはスマホを操作してアフリカ大陸内を移動します。以下に実装例を示します。

🚶

このゲームでは、スマホで上下左右のキーを押すことでプレイヤーの位置が変更されます。プレイヤーアイコン（🚶）はアフリカ大陸内を歩き回ることができます。プレイヤーはキー入力に反応して移動し、その位置情報はJavaScriptで処理され、画面上で更新されます。注意：このコードは実際に動作することを確認していませんので、必要に応じて調整が必要かもしれません。また、見た目や操作方法は変更しても構いません。

←

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>
    #game-board {
      width: 100vw;
      height: 100vh;
      background-color: #eee;
    }
    #player {
      position: absolute;
      left: 50%;
      top: 50%;
      font-size: 48px;
      transform: translate(-50%, -50%);
    }
  </style>
</head>
<body>
  <div id="game-board">
    <div id="player">🚶</div>
  </div>
  
  <script>
    // プレイヤーの初期位置
    let playerX = 50;
    let playerY = 50;
  
    document.addEventListener('keydown', function(event) {
      // 上キー
      if (event.key === 'ArrowUp') {
        playerY -= 10;
      }
      // 下キー
      if (event.key === 'ArrowDown') {
        playerY += 10;
      }
      // 左キー
      if (event.key === 'ArrowLeft') {
        playerX -= 10;
      }
      // 右キー
      if (event.key === 'ArrowRight') {
        playerX += 10;
      }
  
      // player要素の位置を更新
      const playerElement = document.getElementById('player');
      playerElement.style.left = playerX + '%';
      playerElement.style.top = playerY + '%';
    });
  </script>
</body>
</html>
```

このゲームでは、スマホで上下左右のキーを押すことでプレイヤーの位置が変更されます。プレイヤーアイコン（🚶）はアフリカ大陸内を歩き回ることができます。プレイヤーはキー入力に反応して移動し、その位置情報はJavaScriptで処理され、画面上で更新されます。

注意：このコードは実際に動作することを確認していませんので、必要に応じて調整が必要かもしれません。また、見た目や操作方法は変更しても構いません。