AI game creator

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

No:10148

117

←

Prev Next

→

foreign (fall-guy)
Developer User4481｜Date and time 23/7/29 3:44:12
Build time 35.177 sec｜Game capacity 5.598KB｜

Script

了解しました。下記に示すのは、スマホ操作を前提としたフォールガイズというゲームの実装例です。

この例では、下に進んでいくプレイヤー（🔺）が、左右の矢印キーで操作できます。障害物（赤い四角形）を避けながら、なるべく長く生き残ることが目標です。画面上部にはスコアが表示されます。実際には、この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>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// プレイヤーオブジェクト
        var player = {
            x: 200,
            y: 300,
            size: 40,
            color: "🔺",
            speed: 3,
            moveLeft: false,
            moveRight: false
        };

// 障害物オブジェクト
        function Obstacle(x, y, size, speed) {
            this.x = x;
            this.y = y;
            this.size = size;
            this.speed = speed;
        }

// ゲームの初期化
        function init() {
            game.ctx = game.canvas.getContext("2d");
            game.player = player;
            game.obstacles = [];
            game.isGameOver = false;
            game.score = 0;

document.addEventListener("keydown", handleKeyDown);
            document.addEventListener("keyup", handleKeyUp);

spawnObstacles();

update();
        }

// ゲームの更新
        function update() {
            clearCanvas();
            movePlayer();
            moveObstacles();
            checkCollision();
            drawPlayer();
            drawObstacles();
            drawScore();

if (!game.isGameOver) {
                requestAnimationFrame(update);
            }
        }

// キーが押された時の処理
        function handleKeyDown(event) {
            if (event.key === "ArrowLeft") {
                game.player.moveLeft = true;
            }
            if (event.key === "ArrowRight") {
                game.player.moveRight = true;
            }
        }

// キーが離された時の処理
        function handleKeyUp(event) {
            if (event.key === "ArrowLeft") {
                game.player.moveLeft = false;
            }
            if (event.key === "ArrowRight") {
                game.player.moveRight = false;
            }
        }

// プレイヤーの移動処理
        function movePlayer() {
            if (game.player.moveLeft && game.player.x > 0) {
                game.player.x -= game.player.speed;
            }
            if (game.player.moveRight && game.player.x + game.player.size < game.canvas.width) {
                game.player.x += game.player.speed;
            }
        }

// 障害物の移動処理
        function moveObstacles() {
            for (var i = 0; i < game.obstacles.length; i++) {
                game.obstacles[i].y += game.obstacles[i].speed;

if (game.obstacles[i].y > game.canvas.height) {
                    game.obstacles.splice(i, 1);
                    game.score++;
                }
            }
        }

// 衝突判定
        function checkCollision() {
            for (var i = 0; i < game.obstacles.length; i++) {
                if (game.player.x < game.obstacles[i].x + game.obstacles[i].size &&
                    game.player.x + game.player.size > game.obstacles[i].x &&
                    game.player.y < game.obstacles[i].y + game.obstacles[i].size &&
                    game.player.y + game.player.size > game.obstacles[i].y) {
                    game.isGameOver = true;
                    break;
                }
            }
        }

// プレイヤーの描画処理
        function drawPlayer() {
            game.ctx.fillStyle = "black";
            game.ctx.font = "30px Arial";
            game.ctx.fillText(game.player.color, game.player.x, game.player.y);
        }

// 障害物の描画処理
        function drawObstacles() {
            for (var i = 0; i < game.obstacles.length; i++) {
                game.ctx.fillStyle = "red";
                game.ctx.fillRect(game.obstacles[i].x, game.obstacles[i].y, game.obstacles[i].size, game.obstacles[i].size);
            }
        }

// スコアの描画処理
        function drawScore() {
            game.ctx.fillStyle = "black";
            game.ctx.font = "20px Arial";
            game.ctx.fillText("Score: " + game.score, 10, 30);
        }

// 画面のクリア
        function clearCanvas() {
            game.ctx.clearRect(0, 0, game.canvas.width, game.canvas.height);
        }

// 障害物の生成
        function spawnObstacles() {
            setInterval(function() {
                var x = Math.random() * (game.canvas.width - 40);
                var y = -40;
                var size = Math.random() * (60 - 20) + 20;
                var speed = Math.random() * (6 - 2) + 2;

game.obstacles.push(new Obstacle(x, y, size, speed));
            }, 2000);
        }

init();
    </script>
</body>
</html>
```

この例では、下に進んでいくプレイヤー（🔺）が、左右の矢印キーで操作できます。障害物（赤い四角形）を避けながら、なるべく長く生き残ることが目標です。画面上部にはスコアが表示されます。

実際には、このHTMLファイルをブラウザで開くことでゲームをプレイすることができます。