Games that bounce off enemies who touch them's game

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

No:4914

1574

←

Prev Next

→

Games that bounce off enemies who touch them
Developer もちきなこ｜Date and time 23/6/29 0:09:22
Build time 22.624 sec｜Game capacity 2.384KB｜

Script

了解しました。以下に、スマホ操作前提で触れた敵を跳ね飛ばすゲームのサンプルコードを示します。

このコードでは、ゲーム画面としてHTMLの`canvas`要素を使用しています。ゲーム画面上でマウスクリックをすると、その位置に敵が追加され、赤い円として表示されます。描画はJavaScriptの`requestAnimationFrame`関数を使用して、連続的に行われます。ただし、敵を跳ね飛ばすための具体的なアクションやルール、スコア計算などはこのサンプルコードには含まれていません。これらを追加するためには、さらなるプログラミングの実装が必要になります。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

了解しました。以下に、スマホ操作前提で触れた敵を跳ね飛ばすゲームのサンプルコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>敵を跳ね飛ばすゲーム</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// キャンバスのサイズを設定
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

const enemyRadius = 30;
        let enemies = [];

// 敵を作成する関数
        function createEnemy(x, y) {
            enemies.push({ x, y, radius: enemyRadius });
        }

// キャンバスをクリックしたときに敵を追加するイベントリスナーを設定
        canvas.addEventListener("click", (e) => {
            const rect = canvas.getBoundingClientRect();
            const mousePosX = e.clientX - rect.left;
            const mousePosY = e.clientY - rect.top;
            createEnemy(mousePosX, mousePosY);
        });

// ゲームループ
        function gameLoop() {
            // 敵を描画
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.fillStyle = "red";
            for (let i = 0; i < enemies.length; i++) {
                const enemy = enemies[i];
                ctx.beginPath();
                ctx.arc(enemy.x, enemy.y, enemy.radius, 0, Math.PI * 2);
                ctx.fill();
            }

requestAnimationFrame(gameLoop);
        }

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

このコードでは、ゲーム画面としてHTMLの`canvas`要素を使用しています。ゲーム画面上でマウスクリックをすると、その位置に敵が追加され、赤い円として表示されます。描画はJavaScriptの`requestAnimationFrame`関数を使用して、連続的に行われます。

ただし、敵を跳ね飛ばすための具体的なアクションやルール、スコア計算などはこのサンプルコードには含まれていません。これらを追加するためには、さらなるプログラミングの実装が必要になります。