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

No:7619

647

←

Prev Next

→

Kanakana Kanakana...
Developer User4062｜Date and time 23/7/9 0:10:39
Build time 14.172 sec｜Game capacity 3.054KB｜

Script

了解しました。以下にサンプルのゲームを作成しました。プレイヤーが絵文字の💥を操作し、敵の絵文字の👾に当たらないように避けるゲームです。

避けゲー

このゲームでは、プレイヤーの操作によって絵文字の💥が左右に移動し、敵の絵文字の👾に当たらないようにすることが目的です。ゲームは自動的にスタートし、敵を避け続けることでスコアを稼ぐことができます。プレイヤーが敵に当たると"Game Over"と表示され、ゲームがリセットされます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<body style="text-align: center;">
    <h1>避けゲー</h1>
    <canvas id="gameCanvas" style="border: 1px solid black;"></canvas>
    <script>
        // Canvasの設定
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        canvas.width = 400;
        canvas.height = 600;

// プレイヤーの初期位置
        let playerX = canvas.width / 2;
        let playerY = canvas.height - 50;

// キー入力の監視
        let rightPressed = false;
        let leftPressed = false;

document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

function keyDownHandler(e) {
            if (e.key === "Right" || e.key === "ArrowRight") {
                rightPressed = true;
            } else if (e.key === "Left" || e.key === "ArrowLeft") {
                leftPressed = true;
            }
        }

function keyUpHandler(e) {
            if (e.key === "Right" || e.key === "ArrowRight") {
                rightPressed = false;
            } else if (e.key === "Left" || e.key === "ArrowLeft") {
                leftPressed = false;
            }
        }

// 敵の初期位置
        let enemyX = Math.random() * (canvas.width - 50);
        let enemyY = 10;

// 当たり判定の関数
        function collisionDetection() {
            if (playerX < enemyX + 50 &&
                playerX + 50 > enemyX &&
                playerY < enemyY + 50 &&
                playerY + 50 > enemyY) {
                alert("Game Over");
                document.location.reload();
            }
        }

// ゲームのメインループ
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// プレイヤーの描画
            ctx.font = "50px Arial";
            ctx.fillText("💥", playerX, playerY);

// 敵の描画
            ctx.font = "50px Arial";
            ctx.fillText("👾", enemyX, enemyY);

collisionDetection();

if (rightPressed && playerX < canvas.width - 50) {
                playerX += 5;
            } else if (leftPressed && playerX > 0) {
                playerX -= 5;
            }

enemyY += 2;

requestAnimationFrame(draw);
        }

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