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

No:20225

←

Prev Next

→

🐙と🐡
Developer User8984｜Date and time 23/10/8 21:41:56
Build time 32.282 sec｜Game capacity 5.572KB｜

Script

了解です！以下に、指定された条件に従ったプログラム例を示します。

おサカナゲーム 🐙と🐡

このプログラムは、「おサカナゲーム 🐙と🐡」というシンプルなゲームです。プレイヤーを操作して画面内の魚を追いかけ、重なった時にスコアが加算されます。キーボードの矢印キーでプレイヤーの移動を行います。プログラムの中には、PlayerクラスとFishクラスがあります。これらのオブジェクトを使ってゲームの状態を管理し、描画しています。ゲームのメイン処理は、`game.update()` メソッドで行われ、1フレームごとに更新されます。このプログラムを実行すると、htmlファイルがブラウザに表示され、ゲームがプレイできるようになります。間違いなくJavaScriptが含まれ、実行が開始されていることを確認してください。

←

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>
        body {
            text-align: center;
        }
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <h1>おサカナゲーム 🐙と🐡</h1>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

this.update();
            },

// フレームごとの更新処理
            update: function() {
                this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
                this.player.update();
                this.fish.update();
                
                // 当たり判定
                if (this.player.x < (this.fish.x + this.fish.size) &&
                    (this.player.x + this.player.size) > this.fish.x &&
                    this.player.y < (this.fish.y + this.fish.size) &&
                    (this.player.y + this.player.size) > this.fish.y) {
                    // プレイヤーと魚が重なったら
                    this.score++;
                    this.fish.respawn();
                }
                
                this.draw();
                requestAnimationFrame(this.update.bind(this));
            },

// 描画処理
            draw: function() {
                // プレイヤーの描画
                this.ctx.fillStyle = "blue";
                this.ctx.fillRect(this.player.x, this.player.y, this.player.size, this.player.size);
                
                // 魚の描画
                this.ctx.fillStyle = "red";
                this.ctx.fillRect(this.fish.x, this.fish.y, this.fish.size, this.fish.size);
                
                // スコアの描画
                this.ctx.font = "24px sans-serif";
                this.ctx.fillStyle = "black";
                this.ctx.fillText("Score: " + this.score, 10, 30);
            }
        };

// プレイヤーオブジェクト
        function Player(x, y) {
            this.x = x;
            this.y = y;
            this.size = 40;
        }

// 上移動
        Player.prototype.moveUp = function() {
            if (this.y > 0) {
                this.y -= 10;
            }
        };

// 下移動
        Player.prototype.moveDown = function() {
            if (this.y < (game.canvas.height - this.size)) {
                this.y += 10;
            }
        };

// 左移動
        Player.prototype.moveLeft = function() {
            if (this.x > 0) {
                this.x -= 10;
            }
        };

// 右移動
        Player.prototype.moveRight = function() {
            if (this.x < (game.canvas.width - this.size)) {
                this.x += 10;
            }
        };

// 魚オブジェクト
        function Fish() {
            this.size = 40;
            this.respawn();
        }

// 魚の再配置
        Fish.prototype.respawn = function() {
            this.x = Math.floor(Math.random() * (game.canvas.width - this.size));
            this.y = Math.floor(Math.random() * (game.canvas.height - this.size));
        };

// 魚の更新処理（移動なし）
        Fish.prototype.update = function() {};

// ゲームの初期化
        game.init();
    </script>
</body>
</html>
```

このプログラムは、「おサカナゲーム 🐙と🐡」というシンプルなゲームです。プレイヤーを操作して画面内の魚を追いかけ、重なった時にスコアが加算されます。キーボードの矢印キーでプレイヤーの移動を行います。

プログラムの中には、PlayerクラスとFishクラスがあります。これらのオブジェクトを使ってゲームの状態を管理し、描画しています。ゲームのメイン処理は、`game.update()` メソッドで行われ、1フレームごとに更新されます。

このプログラムを実行すると、htmlファイルがブラウザに表示され、ゲームがプレイできるようになります。間違いなくJavaScriptが含まれ、実行が開始されていることを確認してください。