A cooking game about Spongebob making krabby patties To cook krabby patties, click on the red circle & the krabby patty will appear Clicking the red circle multiple times makes more krabby patties's game

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

No:36814

108

←

Prev Next

→

A cooking game about Spongebob making krabby patti..ALL
Developer User16826｜Date and time 24/1/18 13:21:28
Build time 8.803 sec｜Game capacity 2.129KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Spongebob's Krabby Patty Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Variables to store the position and size of the red circle
        var circleX = 400;
        var circleY = 300;
        var circleRadius = 50;

// Variable to count the number of krabby patties made
        var krabbyPatties = 0;

// Function to draw the red circle on the canvas
        function drawRedCircle() {
            ctx.beginPath();
            ctx.arc(circleX, circleY, circleRadius, 0, Math.PI * 2);
            ctx.fillStyle = "red";
            ctx.fill();
            ctx.closePath();
        }

// Function to draw the krabby patty on the canvas
        function drawKrabbyPatty() {
            ctx.beginPath();
            ctx.rect(circleX - 25, circleY - 10, 50, 20);
            ctx.fillStyle = "brown";
            ctx.fill();
            ctx.closePath();
        }

// Function to update the canvas
        function updateCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawRedCircle();
            for (var i = 0; i < krabbyPatties; i++) {
                drawKrabbyPatty(i);
            }
        }

// Function to handle the click event
        function handleClick(event) {
            var clickX = event.clientX - canvas.offsetLeft;
            var clickY = event.clientY - canvas.offsetTop;

// Check if the click is inside the red circle
            if (Math.sqrt(Math.pow(clickX - circleX, 2) + Math.pow(clickY - circleY, 2)) <= circleRadius) {
                krabbyPatties++;
            }

// Update the canvas
            updateCanvas();
        }

// Add click event listener to the canvas
        canvas.addEventListener("click", handleClick);

// Start the game by drawing the initial canvas
        updateCanvas();
    </script>
</body>
</html>