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

No:49252

140

←

Prev Next

→

Grand dad 7:Fleenstones
Developer Skarby｜Date and time 24/3/4 5:14:29
Build time 10.106 sec｜Game capacity 2.456KB｜

Script

Welcome to Granddad 7: Fleenstones!

Help Granddad collect all the Fleenstones to win! Use the arrow keys to move.

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Granddad 7: Fleenstones</title>
</head>
<body style="text-align: center;">
    <h1>Welcome to Granddad 7: Fleenstones!</h1>
    <p>Help Granddad collect all the Fleenstones to win! Use the arrow keys to move.</p>
    
    <canvas id="gameCanvas" width="400" height="400" style="border:1px solid black;"></canvas>

const granddad = {
            x: 50,
            y: 50,
            size: 25,
            speed: 5
        };

const fleenstone = {
            x: 200,
            y: 200,
            size: 15
        };

function drawGranddad() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(granddad.x, granddad.y, granddad.size, granddad.size);
        }

function drawFleenstone() {
            ctx.fillStyle = 'orange';
            ctx.fillRect(fleenstone.x, fleenstone.y, fleenstone.size, fleenstone.size);
        }

function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

function checkCollision() {
            if (granddad.x < fleenstone.x + fleenstone.size &&
                granddad.x + granddad.size > fleenstone.x &&
                granddad.y < fleenstone.y + fleenstone.size &&
                granddad.y + granddad.size > fleenstone.y) {
                alert('You collected the Fleenstone! Play again?');
                fleenstone.x = Math.random() * (canvas.width - fleenstone.size);
                fleenstone.y = Math.random() * (canvas.height - fleenstone.size);
            }
        }

function update() {
            clearCanvas();
            checkCollision();
            drawGranddad();
            drawFleenstone();
        }

update();
        });

update();

</script>
</body>
</html>