Mitochondrial blacula's game

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

No:4724

2482

←

Prev Next

→

Mitochondrial blacula
Developer User3795｜Date and time 23/6/28 18:47:03
Build time 26.756 sec｜Game capacity 3.122KB｜

Script

了解しました。ミトコンドリアのブラクラというゲームを作成します。以下がHTMLファイルのコードです。

このゲームは、ミトコンドリアを操作して画面上の黒い円（別のブラクラと考えてください）を避けるというゲームです。画面上の黒い円は左右に操作することができ、画面の端にぶつかると反対側から出てくるようになっています。キーボードの左右矢印キーでプレイヤーを操作します。以上が、ミトコンドリアのブラクラというゲームの実装例です。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解しました。ミトコンドリアのブラクラというゲームを作成します。

以下がHTMLファイルのコードです。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ミトコンドリアのブラクラ</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// プレイヤーの初期位置とサイズを設定
            const player = {
                x: canvas.width / 2,
                y: canvas.height - 30,
                radius: 10,
                speed: 5
            };

// キーボードの入力を監視
            document.addEventListener('keydown', keyDownHandler);
            document.addEventListener('keyup', keyUpHandler);

let rightPressed = false;
            let leftPressed = false;

function keyDownHandler(event) {
                if (event.key === 'ArrowRight') {
                    rightPressed = true;
                } else if (event.key === 'ArrowLeft') {
                    leftPressed = true;
                }
            }

function keyUpHandler(event) {
                if (event.key === 'ArrowRight') {
                    rightPressed = false;
                } else if (event.key === 'ArrowLeft') {
                    leftPressed = false;
                }
            }

// プレイヤーの描画
            function drawPlayer() {
                context.beginPath();
                context.arc(player.x, player.y, player.radius, 0, Math.PI * 2);
                context.fillStyle = 'black';
                context.fill();
                context.closePath();
            }

// ゲームループ
            function gameLoop() {
                context.clearRect(0, 0, canvas.width, canvas.height);
                drawPlayer();

// プレイヤーの移動
                if (rightPressed && player.x < canvas.width - player.radius) {
                    player.x += player.speed;
                } else if (leftPressed && player.x > player.radius) {
                    player.x -= player.speed;
                }

requestAnimationFrame(gameLoop);
            }

gameLoop();
        }

// ゲームの開始
        window.onload = init;
    </script>
</body>
</html>
```

このゲームは、ミトコンドリアを操作して画面上の黒い円（別のブラクラと考えてください）を避けるというゲームです。
画面上の黒い円は左右に操作することができ、画面の端にぶつかると反対側から出てくるようになっています。
キーボードの左右矢印キーでプレイヤーを操作します。

以上が、ミトコンドリアのブラクラというゲームの実装例です。