シューティングシミュレーション's game

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

No:21123

←

Prev Next

→

シューティングシミュレーション
Developer User9340｜Date and time 23/10/13 15:02:41
Build time 102.04 sec｜Game capacity 3.459KB｜

Script

了解しました。以下にシューティングシミュレーションのサンプルコードを記述します。

🚀

このコードでは、画面上にプレイヤーのロケットと敵のキャラクターが表示されます。プレイヤーは左右に移動し、敵のキャラクターを避けながらスコアを稼ぐシューティングシミュレーションです。プレイヤーと敵の衝突判定も行われ、衝突した場合はゲームオーバーとなります。スコアは画面上部のプレイヤーの表示の一部として表示されます。このコードを1枚のhtmlファイルに保存し、ブラウザで開くとシューティングシミュレーションがプレイできます。なお、スマートフォンでの操作を前提としているため、画面サイズに合わせて自動的にレスポンシブに表示されます。

←

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>
    <style>
        #game-screen {
            width: 100%;
            height: 100vh;
            background-color: black;
            position: relative;
        }

#player {
            position: absolute;
            left: 50%;
            bottom: 10px;
            transform: translateX(-50%);
            font-size: 30px;
        }

.enemy {
            position: absolute;
            bottom: 100vh;
            font-size: 30px;
        }
    </style>
</head>
<body>
    <div id="game-screen">
        <div id="player">🚀</div>
    </div>

function getRandomInt(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

function createEnemy() {
            const enemy = document.createElement("div");
            enemy.classList.add("enemy");
            enemy.innerText = "👾";
            const screenWidth = window.innerWidth;
            const randomPosition = getRandomInt(0, screenWidth - 50);
            enemy.style.left = randomPosition + "px";
            document.getElementById("game-screen").appendChild(enemy);
            moveEnemy(enemy);
        }

function updateScore() {
            player.innerText = "🚀 Score: " + score;
        }

function gameOver() {
            alert("Game Over. Your final score is: " + score);
            window.location.reload();
        }

setInterval(createEnemy, 2000);
    </script>
</body>
</html>
```

このコードを1枚のhtmlファイルに保存し、ブラウザで開くとシューティングシミュレーションがプレイできます。なお、スマートフォンでの操作を前提としているため、画面サイズに合わせて自動的にレスポンシブに表示されます。