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

No:11433

119

←

Prev Next

→

even pheasants should be protected from being shot..ALL
Developer User1006｜Date and time 23/8/10 4:18:23
Build time 20.235 sec｜Game capacity 2.705KB｜

Script

🐔

シューティングゲーム

⚽️

このプログラムは、シューティングゲームの基本的な部分を実装しています。プレイヤーはキーボードの左右キーで動かすことができます。円形のプレイヤーが画面内を移動し、入力に応じて左右に移動します。このコードは、1枚のHTMLファイルに実装されており、JavaScriptのコードは`
`タグで囲まれています。ゲームの処理は自動的に実行されるようになっています。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>シューティングゲーム</title>
</head>
<body>
    <h1>シューティングゲーム</h1>
    ⚽️
    <canvas id="gameCanvas" width="500" height="500"></canvas>

// プレイヤーの情報
        let player = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            radius: 20,
            speed: 5
        }

// キー入力の処理
        let leftPressed = false;
        let rightPressed = false;
        document.addEventListener("keydown", keyDownHandler);
        document.addEventListener("keyup", keyUpHandler);

function keyDownHandler(event) {
            if (event.key === "ArrowLeft") {
                leftPressed = true;
            } else if (event.key === "ArrowRight") {
                rightPressed = true;
            }
        }

function keyUpHandler(event) {
            if (event.key === "ArrowLeft") {
                leftPressed = false;
            } else if (event.key === "ArrowRight") {
                rightPressed = false;
            }
        }

// ゲームのメインループ
        function gameLoop() {
            // 画面をクリア
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            // プレイヤーを描画
            ctx.beginPath();
            ctx.arc(player.x, player.y, player.radius, 0, Math.PI * 2);
            ctx.fillStyle = "red";
            ctx.fill();
            ctx.closePath();

// プレイヤーの移動処理
            if (leftPressed && player.x > player.radius) {
                player.x -= player.speed;
            }
            if (rightPressed && player.x < canvas.width - player.radius) {
                player.x += player.speed;
            }

requestAnimationFrame(gameLoop);
        }

gameLoop();
    </script>
</body>
</html>
```

このプログラムは、シューティングゲームの基本的な部分を実装しています。プレイヤーはキーボードの左右キーで動かすことができます。円形のプレイヤーが画面内を移動し、入力に応じて左右に移動します。

このコードは、1枚のHTMLファイルに実装されており、JavaScriptのコードは`<script>`タグで囲まれています。ゲームの処理は自動的に実行されるようになっています。