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

No:10737

139

←

Prev Next

→

queen bee
Developer User4559｜Date and time 23/8/2 14:11:18
Build time 22.052 sec｜Game capacity 3.711KB｜

Script

最恐巨大蜂ゲーム

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>最恐巨大蜂</title>
    <style>
        body {
            text-align: center;
            margin-top: 200px;
        }
    </style>
</head>
<body>
    <h1>最恐巨大蜂ゲーム</h1>
    <p id="score">0</p>
    <button id="startButton">スタート</button>
    <canvas id="canvas" width="400" height="400"></canvas>

let score = 0;
        let gameStarted = false;

const bee = {
            x: 200,
            y: 200,
            size: 20,
            speed: 10,
            dx: 0,
            dy: 0
        };

const target = {
            x: getRandomNumber(0, canvas.width - 20),
            y: getRandomNumber(0, canvas.height - 20),
            size: 20
        };

function drawBee() {
            ctx.beginPath();
            ctx.arc(bee.x, bee.y, bee.size, 0, Math.PI * 2);
            ctx.fillStyle = "🐝";
            ctx.fill();
            ctx.closePath();
        }

function drawTarget() {
            ctx.beginPath();
            ctx.arc(target.x, target.y, target.size, 0, Math.PI * 2);
            ctx.fillStyle = "🌻";
            ctx.fill();
            ctx.closePath();
        }

function moveBee() {
            bee.x += bee.dx;
            bee.y += bee.dy;

if (bee.x + bee.size > canvas.width || bee.x - bee.size < 0) {
                bee.dx = -bee.dx;
            }

if (bee.y + bee.size > canvas.height || bee.y - bee.size < 0) {
                bee.dy = -bee.dy;
            }

if (collisionDetection(bee, target)) {
                score++;
                target.x = getRandomNumber(0, canvas.width - 20);
                target.y = getRandomNumber(0, canvas.height - 20);
            }
        }

function collisionDetection(obj1, obj2) {
            return (
                obj1.x < obj2.x + obj2.size &&
                obj1.x + obj1.size > obj2.x &&
                obj1.y < obj2.y + obj2.size &&
                obj1.y + obj1.size > obj2.y
            );
        }

function getRandomNumber(min, max) {
            return Math.floor(Math.random() * (max - min) + min);
        }

function startGame() {
            gameStarted = true;
            startButton.disabled = true;
            setInterval(() => {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                drawBee();
                drawTarget();
                moveBee();
                document.getElementById("score").textContent = score;
            }, 100);
        }

startButton.addEventListener("click", startGame);