🌻バジルくん🌻を探そう！(OMORI) 【プレイヤーの操作方法】 * プレイヤーは🔪🎀🏀🍳です。🔪🎀🏀🍳は十字キーで移動できます。【ゲーム内容】 * 画面には🍉が5つ配置されています。🔪が🍉に接触すると、接触した🍉が消滅しますが、一つだけ🌻が表示されるものがあります。 * 🌻を表示させると「見付けてくれてありがとう」というテキストが表示されます。 * 画面の端には🎹が表示されています。🎹に接触すると「バジルくん🌻をみつけてね！」と表示されます。's game

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

No:5686

1434

←

Prev Next

→

🌻バジルくん🌻を探そう！(OMORI) 【プレイヤーの操作方法】 * プレイヤーは🔪🎀🏀🍳で..ALL
Developer もちきなこ｜Date and time 23/6/30 16:03:34
Build time 32.401 sec｜Game capacity 3.674KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>🌻バジルくん🌻を探そう！</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        #gameCanvas {
            width: 100%;
            height: 100vh;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

// Player object
        const player = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            size: 50,
            speed: 10
        };

// Watermelon objects
        const watermelons = [
            { x: 100, y: 100, size: 50 },
            { x: 300, y: 200, size: 50 },
            { x: 500, y: 300, size: 50 },
            { x: 700, y: 400, size: 50 },
            { x: 900, y: 500, size: 50 }
        ];

// Sunflower object
        const sunflower = {
            x: canvas.width - 100,
            y: canvas.height - 100,
            size: 50
        };

// Game loop
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawWatermelons();
            drawSunflower();
            checkCollision();
            requestAnimationFrame(gameLoop);
        }

// Draw player
        function drawPlayer() {
            ctx.fillStyle = "red";
            ctx.font = "30px Arial";
            ctx.fillText("🔪🎀🏀🍳", player.x, player.y);
        }

// Draw watermelons
        function drawWatermelons() {
            ctx.fillStyle = "green";
            watermelons.forEach(watermelon => {
                ctx.fillText("🍉", watermelon.x, watermelon.y);
            });
        }

// Draw sunflower
        function drawSunflower() {
            ctx.fillStyle = "yellow";
            ctx.fillText("🌻", sunflower.x, sunflower.y);
        }

// Check collision between player and watermelons/sunflower
        function checkCollision() {
            watermelons.forEach((watermelon, index) => {
                if (
                    player.x < watermelon.x + watermelon.size &&
                    player.x + player.size > watermelon.x &&
                    player.y < watermelon.y + watermelon.size &&
                    player.y + player.size > watermelon.y
                ) {
                    watermelons.splice(index, 1);
                }
            });

if (
                player.x < sunflower.x + sunflower.size &&
                player.x + player.size > sunflower.x &&
                player.y < sunflower.y + sunflower.size &&
                player.y + player.size > sunflower.y
            ) {
                ctx.fillStyle = "black";
                ctx.font = "20px Arial";
                ctx.fillText("バジルくん🌻を見つけてね！", 10, 30);
            }
        }

// Player movement
        window.addEventListener("keydown", function (e) {
            switch (e.key) {
                case "ArrowUp":
                    player.y -= player.speed;
                    break;
                case "ArrowDown":
                    player.y += player.speed;
                    break;
                case "ArrowLeft":
                    player.x -= player.speed;
                    break;
                case "ArrowRight":
                    player.x += player.speed;
                    break;
            }
        });

gameLoop();
    </script>
</body>
</html>