There are green cubes falling from the top of the screen to the bottom of the screen you have to click the green cubes if the green cubes touch the bottom of the screen you lose one life you have 3 life's if the life's are gone you lose but if you click the green cubes you destroy it you have to destroy 20 green cubes by clicking them and if you destroy 20 green cubes you win's game

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

No:49677

←

Prev Next

→

There are green cubes falling from the top of the ..ALL
Developer User21130｜Date and time 24/3/6 4:49:28
Build time 8.287 sec｜Game capacity 2.64KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Green Cube Clicker Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

let lives = 3;
        let score = 0;
        let greenCubes = [];

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

// Draw green cubes
            greenCubes.forEach(cube => {
                ctx.fillStyle = 'green';
                ctx.fillRect(cube.x, cube.y, 50, 50);
            });

// Display lives and score
            ctx.fillStyle = 'black';
            ctx.font = '20px Arial';
            ctx.fillText('Lives: ' + lives, 10, 30);
            ctx.fillText('Score: ' + score, 10, 60);
        }

function update() {
            greenCubes.forEach(cube => {
                cube.y += 2; // Speed of green cubes falling
            });

// Check if green cube reached the bottom
            greenCubes = greenCubes.filter(cube => cube.y < canvas.height);

// Check if player clicked on a green cube
            canvas.onclick = function(e) {
                greenCubes.forEach((cube, index) => {
                    if (e.offsetX >= cube.x && e.offsetX <= cube.x + 50 
                        && e.offsetY >= cube.y && e.offsetY <= cube.y + 50) {
                            greenCubes.splice(index, 1);
                            score ++;
                    }
                });
            };

// Check if player missed a green cube
            greenCubes.forEach(cube => {
                if (cube.y >= canvas.height) {
                    lives --;
                }
            });

// Check if player wins or loses
            if (lives <= 0) {
                alert('You lose! Your score: ' + score);
                location.reload(); // Reload the page to play again
            }

if (score >= 20) {
                alert('You win! Your score: ' + score);
                location.reload();
            }
        }

function gameLoop() {
            draw();
            update();
            requestAnimationFrame(gameLoop);
        }

// Create green cubes at random positions
        function createGreenCube() {
            const x = Math.random() * (canvas.width - 50);
            const y = 0;
            greenCubes.push({ x, y });
        }

// Call createGreenCube every second
        setInterval(createGreenCube, 1000);

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