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

No:50024

←

Prev Next

→

SpongeBob Dr. Mario game
Developer User21218｜Date and time 24/3/7 14:05:09
Build time 9.288 sec｜Game capacity 2.378KB｜

Script

SpongeBob Dr. Mario Game

Use the buttons below to move the pills left, right, and rotate them to match and eliminate the viruses.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
    body {
        text-align: center;
    }
</style>
</head>
<body>

<h1>SpongeBob Dr. Mario Game</h1>
<p>Use the buttons below to move the pills left, right, and rotate them to match and eliminate the viruses.</p>

const pillColors = ["#ff0000", "#0000ff", "#00ff00"];
    const viruses = ["🦠", "🧪", "💊"];

let pills = [
        { color: Math.floor(Math.random() * 3), x: 2, y: 0, rotation: 0 },
        { color: Math.floor(Math.random() * 3), x: 5, y: 0, rotation: 0 }
    ];
    let score = 0;

function drawPill(pill) {
        ctx.fillStyle = pillColors[pill.color];
        ctx.fillRect(pill.x * 20, pill.y * 20, 20, 20);
    }

function drawBoard() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        pills.forEach(pill => drawPill(pill));
    }

function rotatePill() {
        const currentPill = pills[1];

currentPill.rotation = (currentPill.rotation + 1) % 2;
    }

function movePill(direction) {
        const currentPill = pills[1];

if (direction === "left") {
            currentPill.x -= 1;
        } else if (direction === "right") {
            currentPill.x += 1;
        }

drawBoard();
    }

function checkMatches() {
        const currentPill = pills[1];
        const topPill = pills[0];
        const bottomPill = currentPill;

if (topPill.x === bottomPill.x && Math.abs(topPill.y - bottomPill.y) === 1) {
            score += 10;
            pills = [
                { color: Math.floor(Math.random() * 3), x: 2, y: 0, rotation: 0 },
                { color: Math.floor(Math.random() * 3), x: 5, y: 0, rotation: 0 }
            ];
        }
    }

function gameLoop() {
        drawBoard();
        checkMatches();
    }

setInterval(gameLoop, 1000);

</script>

</body>
</html>