自由オープンワールドゲーム's game

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

No:13485

121

←

Prev Next

→

自由オープンワールドゲーム
Developer User5908｜Date and time 23/8/28 14:57:04
Build time 18.293 sec｜Game capacity 3.289KB｜

Script

了解いたしました。以下に、自由オープンワールドゲームのサンプルプログラムを示します。

このゲームでは、黄色の四角がプレイヤーを表し、赤い四角が障害物を表します。スマホの場合は、上下左右の矢印ボタンをタップすることでプレイヤーを操作できます。プレイヤーが障害物に触れるとゲームが終了し、アラートが表示されます。ご希望の要件を満たす自由オープンワールドゲームのサンプルプログラムとなります。参考にしていただければ幸いです。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解いたしました。以下に、自由オープンワールドゲームのサンプルプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>自由オープンワールドゲーム</title>
</head>
<body>
    <script>
        // ゲームオブジェクト
        var game = {
            player: { x: 0, y: 0 },
            obstacles: [
                { x: 100, y: 100, w: 50, h: 50 },
                { x: 200, y: 200, w: 80, h: 80 },
                { x: 300, y: 300, w: 70, h: 70 }
            ],
            isGameOver: false,
            finishGame: function() {
                this.isGameOver = true;
                alert('ゲームクリア！');
            }
        };

// ゲーム画面の表示
        function draw() {
            var canvas = document.createElement('canvas');
            var ctx = canvas.getContext('2d');
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
            document.body.appendChild(canvas);

// プレイヤーの表示
            ctx.fillStyle = "yellow";
            ctx.fillRect(game.player.x, game.player.y, 50, 50);

// 障害物の表示
            ctx.fillStyle = "red";
            for (var i = 0; i < game.obstacles.length; i++) {
                var obstacle = game.obstacles[i];
                ctx.fillRect(obstacle.x, obstacle.y, obstacle.w, obstacle.h);
            }
        }

// キーボードの操作
        function handleKeyDown(event) {
            if (game.isGameOver) return;

switch (event.key) {
                case 'ArrowUp':
                    game.player.y -= 10;
                    break;
                case 'ArrowDown':
                    game.player.y += 10;
                    break;
                case 'ArrowLeft':
                    game.player.x -= 10;
                    break;
                case 'ArrowRight':
                    game.player.x += 10;
                    break;
            }

checkCollision();
        }

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

// インタラクションの設定
        window.addEventListener('keydown', handleKeyDown);

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

このゲームでは、黄色の四角がプレイヤーを表し、赤い四角が障害物を表します。スマホの場合は、上下左右の矢印ボタンをタップすることでプレイヤーを操作できます。プレイヤーが障害物に触れるとゲームが終了し、アラートが表示されます。

ご希望の要件を満たす自由オープンワールドゲームのサンプルプログラムとなります。参考にしていただければ幸いです。