AI game creator

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

No:9614

113

←

Prev Next

→

action game
Developer User4392｜Date and time 23/7/26 17:20:24
Build time 27.035 sec｜Game capacity 2.687KB｜

Script

了解しました。以下にアクションゲームのプログラムの一例を示します。

このプログラムは、スマートフォンで操作することを前提としたアクションゲームです。ゲーム画面上で黄色のプレイヤーが表示され、タッチでプレイヤーを操作することができます。タッチ操作が終了した場所にプレイヤーが移動します。毎フレームごとに画面をクリアし、プレイヤーを描画することでアニメーションを実現しています。以上が例としてのアクションゲームのプログラムです。具体的な仕様や目的に合わせてカスタマイズすることができます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解しました。以下にアクションゲームのプログラムの一例を示します。

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Action Game</title>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// プレイヤーの初期位置とサイズ
    let playerX = canvas.width / 2;
    let playerY = canvas.height - 50;
    const playerSize = 50;

// タッチされた座標を保存する変数
    let touchX = null;
    let touchY = null;

// ゲームループ
    function gameLoop() {
      // 画面をクリア
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// プレイヤーを描画
      ctx.fillStyle = "yellow";
      ctx.fillRect(playerX, playerY, playerSize, playerSize);

// タッチされた場所にプレイヤーを移動させる
      if (touchX !== null && touchY !== null) {
        playerX = touchX - playerSize / 2;
        playerY = touchY - playerSize / 2;
      }

requestAnimationFrame(gameLoop);
    }

// タッチが開始された時の処理
    function onTouchStart(event) {
      event.preventDefault();
      touchX = event.touches[0].clientX;
      touchY = event.touches[0].clientY;
    }

// タッチが終了した時の処理
    function onTouchEnd(event) {
      event.preventDefault();
      touchX = null;
      touchY = null;
    }

// タッチが移動した時の処理
    function onTouchMove(event) {
      event.preventDefault();
      touchX = event.touches[0].clientX;
      touchY = event.touches[0].clientY;
    }

// イベントリスナーを登録
    canvas.addEventListener("touchstart", onTouchStart);
    canvas.addEventListener("touchend", onTouchEnd);
    canvas.addEventListener("touchmove", onTouchMove);

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

以上が例としてのアクションゲームのプログラムです。具体的な仕様や目的に合わせてカスタマイズすることができます。