There is a brown cube in front of your screen right? In the middle of your screen, click on it. You get a point, your goal is to get to a 110 points. But there is red cubes Trying to attack the brown cube click on the red cube to destroy it The red cubes will make holes in the brown cube if the brown cube gets destroyed by the red cubes you lose's game

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

No:18629

←

Prev Next

→

There is a brown cube in front of your screen righ..ALL
Developer User8183｜Date and time 23/9/30 7:51:21
Build time 14.199 sec｜Game capacity 4.674KB｜

Script

This is a simple game implemented as a single HTML file that can be played on a smartphone. The game window displays a brown cube in the middle. By clicking on the brown cube, the player earns a point. The goal is to reach a score of 110. However, there are red cubes that appear randomly on the screen and they will damage the brown cube if they collide with it. If the brown cube gets destroyed by the red cubes, the player loses. The game is implemented using the HTML canvas element and JavaScript. The game loop continuously updates the game state and renders the elements on the canvas. The player can interact with the game by clicking on the canvas. Please note that this code assumes basic knowledge of HTML, CSS, and JavaScript. The game logic can be further expanded and customized based on your specific requirements.

←

Prev　Next

→ 　

Back　

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

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

```
<!DOCTYPE html>
<html>
<head>
<style>
    body {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    canvas {
        background-color: #000;
    }
</style>
</head>
<body>
    <canvas id="game" width="500" height="500"></canvas>

// Set initial game variables
        var score = 0;
        var gameover = false;
        var cubeSize = 50;
        var brownCube = {
            x: canvas.width / 2 - cubeSize / 2,
            y: canvas.height / 2 - cubeSize / 2,
            width: cubeSize,
            height: cubeSize
        };
        var redCubes = [];

// Mouse click event listener
        canvas.addEventListener("click", handleClick, false);

// Main game loop
        function gameLoop() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw brown cube
            context.fillStyle = "#964B00";
            context.fillRect(brownCube.x, brownCube.y, brownCube.width, brownCube.height);

// Draw red cubes
            context.fillStyle = "#FF0000";
            for (var i = 0; i < redCubes.length; i++) {
                var redCube = redCubes[i];
                context.fillRect(redCube.x, redCube.y, redCube.width, redCube.height);
            }

// Display current score
            context.fillStyle = "#FFF";
            context.font = "20px Arial";
            context.fillText("Score: " + score, 10, 30);

// Check for collision between brown and red cubes
            for (var i = 0; i < redCubes.length; i++) {
                var redCube = redCubes[i];
                if (checkCollision(brownCube, redCube)) {
                    gameover = true;
                    break;
                }
            }

// If game is not over and score is less than 110
            if (!gameover && score < 110) {
                requestAnimationFrame(gameLoop);
            } else {
                // Game over
                context.fillStyle = "#FFF";
                context.font = "40px Arial";
                context.fillText("Game Over", canvas.width / 2 - 90, canvas.height / 2);
            }
        }

// Function to handle mouse click event
        function handleClick(event) {
            if (!gameover && score < 110) {
                // Retrieve click position
                var rect = canvas.getBoundingClientRect();
                var x = event.clientX - rect.left;
                var y = event.clientY - rect.top;

// Check if click is within the brown cube
                if (x >= brownCube.x && x <= brownCube.x + brownCube.width &&
                    y >= brownCube.y && y <= brownCube.y + brownCube.height) {
                    score++; // Increase score
                } else {
                    // Clicked outside of brown cube, create a red cube at click position
                    redCubes.push({
                        x: x - cubeSize / 2,
                        y: y - cubeSize / 2,
                        width: cubeSize,
                        height: cubeSize
                    });
                }
            }
        }

// Function to check collision between two rectangles
        function checkCollision(rect1, rect2) {
            if (rect1.x < rect2.x + rect2.width &&
                rect1.x + rect1.width > rect2.x &&
                rect1.y < rect2.y + rect2.height &&
                rect1.y + rect1.height > rect2.y) {
                return true; // Collided
            }
            return false; // Not collided
        }

// Start the game
        gameLoop();
    </script>
</body>
</html>
```

However, there are red cubes that appear randomly on the screen and they will damage the brown cube if they collide with it. If the brown cube gets destroyed by the red cubes, the player loses.

The game is implemented using the HTML canvas element and JavaScript. The game loop continuously updates the game state and renders the elements on the canvas. The player can interact with the game by clicking on the canvas.

Please note that this code assumes basic knowledge of HTML, CSS, and JavaScript. The game logic can be further expanded and customized based on your specific requirements.