AI game creator

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

No:9222

134

←

Prev Next

→

Ninja clan master
Developer User4246｜Date and time 23/7/22 16:31:11
Build time 25.669 sec｜Game capacity 2.849KB｜

Script

了解しました。以下に、単純なシューティングゲームを作成しました。スマートフォンでプレイすることを前提に、絵文字を使用しています。

🙅

このプログラムでは、スペースキーで弾を発射し、左右の矢印キーでプレイヤーを移動させることができます。プレイヤーは画面下部に表示され、弾はその上部から上方向に移動します。弾が画面上端に到達すると弾が消えます。以上が対魔忍という名前のシューティングゲームの1枚のHTMLファイルでの実装例です。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #000;
        }
        #game {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        #player {
            position: absolute;
            bottom: 10%;
            left: 50%;
            transform: translateX(-50%);
            font-size: 30px;
        }
        #bullet {
            position: absolute;
            font-size: 30px;
            color: yellow;
        }
    </style>
</head>
<body>
<div id="game">
    <div id="player">🙅</div>
    <div id="bullet"></div>
</div>

// 弾の初期位置・状態
    let bulletX = NaN;
    let bulletY = NaN;
    let bulletVisible = false;

// キーボード操作によるプレイヤーの移動
    window.addEventListener('keydown', (event) => {
        switch (event.key) {
            case 'ArrowLeft':
                playerX = Math.max(0, playerX - 5);
                break;
            case 'ArrowRight':
                playerX = Math.min(100, playerX + 5);
                break;
            case ' ':
                if (!bulletVisible) {
                    bulletX = playerX;
                    bulletY = 90;
                    bulletVisible = true;
                }
                break;
        }
    });

// ゲームループ
    function gameLoop() {
        // プレイヤーの位置を更新
        document.getElementById('player').style.left = playerX + '%';

// 弾の位置を更新
        if (bulletVisible) {
            bulletY -= 5; // 弾を上に移動させる
            document.getElementById('bullet').style.top = bulletY + '%';

// 弾が画面上端に到達したら非表示にする
            if (bulletY <= 0) {
                bulletVisible = false;
            }
        }

requestAnimationFrame(gameLoop);
    }

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

このプログラムでは、スペースキーで弾を発射し、左右の矢印キーでプレイヤーを移動させることができます。プレイヤーは画面下部に表示され、弾はその上部から上方向に移動します。弾が画面上端に到達すると弾が消えます。

以上が対魔忍という名前のシューティングゲームの1枚のHTMLファイルでの実装例です。