AI game creator

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

No:8271

4036

←

Prev Next

→

Blue Impulse
Developer User4160｜Date and time 23/7/14 14:34:05
Build time 29.346 sec｜Game capacity 3.49KB｜

Script

了解しました。以下にブルーインパルスというシューティングゲームのプログラムを示します。このプログラムでは、スマホを傾けて飛行機を操作し、敵の飛行機を撃墜することが目的です。

このプログラムでは、canvas要素を使ってゲームを描画しています。スマホの傾きを取得して、プレイヤーの飛行機を移動させることで操作をしやすくしています。敵の飛行機に当たるとゲームオーバーになります。

←

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>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400" style="border:1px solid black;"></canvas>

// プレイヤーの飛行機の初期位置
            let playerX = canvas.width / 2;
            let playerY = canvas.height - 50;

// 敵の飛行機の初期位置
            let enemyX = canvas.width / 2;
            let enemyY = 30;
            let enemySpeed = 2;

// スマホの傾きを検出してプレイヤーの飛行機を移動させる
            window.addEventListener('deviceorientation', function(event) {
                // スマホの傾きを取得
                const x = event.gamma;

// プレイヤーの飛行機を移動
                playerX += x;

// プレイヤーの飛行機が画面外に出ないよう制御
                if (playerX < 0) {
                    playerX = 0;
                } else if (playerX > canvas.width) {
                    playerX = canvas.width;
                }
            }, true);

// ゲームのメイン処理
            function gameLoop() {
                // ゲームの背景を描画
                ctx.fillStyle = "skyblue";
                ctx.fillRect(0, 0, canvas.width, canvas.height);

// プレイヤーの飛行機を描画
                ctx.fillStyle = "blue";
                ctx.fillRect(playerX - 20, playerY - 10, 40, 20);

// 敵の飛行機を描画
                ctx.fillStyle = "red";
                ctx.fillRect(enemyX - 10, enemyY - 5, 20, 10);

// 敵の飛行機を移動
                enemyY += enemySpeed;

// 敵の飛行機がプレイヤーに当たった場合はゲームオーバー
                if (enemyY >= playerY - 10 && enemyX >= playerX - 20 && enemyX <= playerX + 20) {
                    alert("ゲームオーバー");
                    clearInterval(gameInterval);
                }

// 敵の飛行機が画面外に出た場合は再配置
                if (enemyY >= canvas.height) {
                    enemyX = Math.floor(Math.random() * (canvas.width - 20)) + 10;
                    enemyY = 30;
                }

// 描画処理を繰り返す
                requestAnimationFrame(gameLoop);
            }

// ゲームのメイン処理を開始
            const gameInterval = setInterval(gameLoop, 1000 / 60);
        }

// ページのロードが完了したらゲームを初期化
        window.addEventListener('load', initGame);

</script>
</body>
</html>
```