AI game creator

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

No:6832

←

Prev Next

→

family of ducklings
Developer User3932｜Date and time 23/7/3 23:01:26
Build time 31.603 sec｜Game capacity 2.372KB｜

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>
    #game-container {
      width: 100vw;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 100px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    🐤🦆
  </div>
  <script>
    // 親ガモの初期位置
    let parentX = 50;
    let parentY = 50;

// 子ガモの初期位置
    let childX = 300;
    let childY = 300;

// ゲームのメインループ
    function gameLoop() {
      // キーボードの矢印キー入力を受け取る
      window.addEventListener('keydown', (event) => {
        switch (event.key) {
          case 'ArrowUp':
            parentY -= 10;
            break;
          case 'ArrowDown':
            parentY += 10;
            break;
          case 'ArrowLeft':
            parentX -= 10;
            break;
          case 'ArrowRight':
            parentX += 10;
            break;
        }
      });

// 子ガモを親ガモに追従させる
      if (childX > parentX) {
        childX -= 1;
      } else if (childX < parentX) {
        childX += 1;
      }
      if (childY > parentY) {
        childY -= 1;
      } else if (childY < parentY) {
        childY += 1;
      }

// ゲーム画面を更新
      const gameContainer = document.getElementById('game-container');
      gameContainer.innerHTML = `<div style="position: relative; left: ${parentX}px; top: ${parentY}px; font-size: 100px;">🐤</div>
                                 <div style="position: relative; left: ${childX}px; top: ${childY}px; font-size: 100px;">🦆</div>`;

// 10ミリ秒毎にゲームループを繰り返す
      setTimeout(gameLoop, 10);
    }

// ゲームを開始する
    gameLoop();
  </script>
</body>
</html>
```