AI game creator

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

No:4765

2080

←

Prev Next

→

space shooter
Developer もちきなこ｜Date and time 23/6/28 19:24:54
Build time 36.664 sec｜Game capacity 3.893KB｜

Script

了解です。以下にスペースシューター風のゲームを実装したHTMLファイルを示します。JavaScriptのコードはscriptタグ内に記述されています。

🌟

🚀

このHTMLファイルは、スペースキーを押すことでプレイヤーが弾を撃つスペースシューター風のゲームです。プレイヤーは左右に移動し、スペースキーを押すことで弾を発射することができます。ゲーム画面上には星とプレイヤーの絵文字が表示され、弾はテキストベースの要素として描画されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

了解です。以下にスペースシューター風のゲームを実装したHTMLファイルを示します。JavaScriptのコードはscriptタグ内に記述されています。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>スペースシューター</title>
    <style>
        #space {
            position: absolute;
            top: 70%;
            left: 45%;
            font-size: 30px;
        }
        #player {
            position: absolute;
            top: 80%;
            left: 45%;
            font-size: 30px;
        }
    </style>
</head>
<body>
    <div id="space">🌟</div>
    <div id="player">🚀</div>

// ゲームの開始
        function startGame() {
            document.addEventListener("keydown", movePlayer);
            setInterval(updateGameArea, 20);
        }

// プレイヤーの移動
        function movePlayer(event) {
            if (event.key === "ArrowLeft" && game.player.offsetLeft > 10) {
                game.player.style.left = game.player.offsetLeft - game.playerSpeed + "px";
            } else if (event.key === "ArrowRight" && game.player.offsetLeft < window.innerWidth - 50) {
                game.player.style.left = game.player.offsetLeft + game.playerSpeed + "px";
            } else if (event.key === " ") {
                shootBullet();
            }
        }

// 弾の発射
        function shootBullet() {
            const currentTime = new Date().getTime();
            if (currentTime - game.lastShootTime >= game.shootInterval) {
                const bullet = document.createElement("div");
                bullet.classList.add("bullet");
                bullet.style.left = game.player.offsetLeft + 15 + "px";
                bullet.style.top = game.player.offsetTop + "px";
                document.body.appendChild(bullet);
                game.bullets.push(bullet);
                game.lastShootTime = currentTime;
            }
        }

// 弾の移動と衝突判定
        function updateGameArea() {
            for (let i = 0; i < game.bullets.length; i++) {
                const bullet = game.bullets[i];
                bullet.style.top = bullet.offsetTop - 5 + "px";

if (bullet.offsetTop < 0) {
                    bullet.remove();
                    game.bullets.splice(i, 1);
                    i--;
                }

if (isCollision(game.space, bullet)) {
                    game.space.style.color = "red";
                    setTimeout(() => { game.space.style.color = "black" }, 100);
                    bullet.remove();
                    game.bullets.splice(i, 1);
                    i--;
                }
            }
        }

// 衝突判定
        function isCollision(element1, element2) {
            const rect1 = element1.getBoundingClientRect();
            const rect2 = element2.getBoundingClientRect();
            return !(rect1.right < rect2.left || rect1.left > rect2.right || rect1.bottom < rect2.top || rect1.top > rect2.bottom);
        }

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