AI game creator

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

No:6226

728

←

Prev Next

→

obstacle protection
Developer User3871｜Date and time 23/7/1 22:05:42
Build time 41.12 sec｜Game capacity 3.933KB｜

Script

以下は、JavaScriptを使用して実装された障害物よけゲームの例です。このゲームでは、プレイヤーが障害物を避けながら進む必要があります。

🚀

この例では、プレイヤーの移動にはキーボードの矢印キーを使用し、障害物は一定間隔で落下します。プレイヤーが障害物に接触すると「ゲームオーバー！」というアラートが表示されます。

←

Prev　Next

→ 　

Back　

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

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

以下は、JavaScriptを使用して実装された障害物よけゲームの例です。このゲームでは、プレイヤーが障害物を避けながら進む必要があります。

```html
<!DOCTYPE html>
<html>
<head>
    <title>障害物よけゲーム</title>
</head>
<body>

// プレイヤーの初期位置と移動速度を設定
        var playerTop = parseInt(player.style.top);
        var playerLeft = parseInt(player.style.left);
        var playerSpeed = 20;

// キーボードの入力を受け付けるためのイベントリスナーを追加
        window.addEventListener("keydown", function(event) {
            var key = event.keyCode;

// キー入力に応じてプレイヤーを移動させる
            if (key === 37) { // 左矢印キー
                playerLeft -= playerSpeed;
            } else if (key === 39) { // 右矢印キー
                playerLeft += playerSpeed;
            } else if (key === 38) { // 上矢印キー
                playerTop -= playerSpeed;
            } else if (key === 40) { // 下矢印キー
                playerTop += playerSpeed;
            }

// プレイヤーの位置を更新
            player.style.top = playerTop + "px";
            player.style.left = playerLeft + "px";

// 衝突判定を実行
            checkCollision();
        });

// 障害物がプレイヤーに衝突したかどうかを判定する関数
        function checkCollision() {
            var playerRect = player.getBoundingClientRect();
            var obstacles = document.getElementsByClassName("obstacle");

for (var i = 0; i < obstacles.length; i++) {
                var obstacleRect = obstacles[i].getBoundingClientRect();

if (playerRect.top < obstacleRect.bottom && playerRect.bottom > obstacleRect.top &&
                    playerRect.left < obstacleRect.right && playerRect.right > obstacleRect.left) {
                    alert("ゲームオーバー！");
                    return;
                }
            }
        }

// 一定間隔で障害物を生成する関数
        setInterval(function() {
            var obstacle = document.createElement("div");
            obstacle.className = "obstacle";
            obstacle.style.position = "absolute";
            obstacle.style.top = "0";
            obstacle.style.left = Math.random() * 450 + "px";
            obstacle.style.width = "50px";
            obstacle.style.height = "50px";
            obstacle.style.backgroundColor = "red";

gameContainer.appendChild(obstacle);

// 障害物の落下アニメーション
            var animationId = setInterval(function() {
                var obstacleTop = parseInt(obstacle.style.top);
                obstacleTop += 5;
                obstacle.style.top = obstacleTop + "px";

// 障害物が画面外に出たら削除
                if (obstacleTop > 500) {
                    clearInterval(animationId);
                    gameContainer.removeChild(obstacle);
                }
            }, 10);
        }, 1500);
    }

// ゲームを開始する
    startGame();
</script>

</body>
</html>
```