2d action game. You are a blue cube . Your goal is to eat all the 200 black cubes. The more black cubes you eat the bigger and faster you get. The max size is 1000. After you eat all the cubes you win. To eat the black cubes jest go next to them.blue cube Controls. There are red cubes in different sizes and if you touch them you lose. But if your bigger then the red cubes then you can eat them . Eating the red cubes and double the size rate. Perfect. Controls left right up down controls.'s game

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

No:11271

111

←

Prev Next

→

2d action game. You are a blue cube . Your goal is..ALL
Developer No｜Date and time 23/8/9 6:06:32
Build time 56.415 sec｜Game capacity 6.816KB｜

Script

Here is an example implementation of the game you described in a single HTML file, using JavaScript and pictograms:

You can copy the above code into a new HTML file (e.g., `game.html`) and open it in a web browser to play the game. To control the blue cube, use the arrow keys on your smartphone. Try to eat all the black cubes while avoiding the red cubes. The game will display an alert message when you win or lose.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Here is an example implementation of the game you described in a single HTML file, using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body { margin: 0; padding: 0; }
        canvas { background: #fff; }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

var gridSize = 20; // Size of each cube
        var playerSize = 20; // Initial size of the blue cube
        var maxSize = 1000; // Maximum size of the blue cube
        var playerSpeed = 2; // Movement speed of the blue cube
        var totalBlackCubes = 200; // Total number of black cubes to be eaten

var playerX = canvas.width / 2 - playerSize / 2; // Initial X position of the blue cube
        var playerY = canvas.height / 2 - playerSize / 2; // Initial Y position of the blue cube

var blackCubes = []; // Array to store the black cubes
        var redCubes = []; // Array to store the red cubes

// Create black cubes at random positions
        for (var i = 0; i < totalBlackCubes; i++) {
            var blackCube = {
                x: Math.random() * canvas.width,
                y: Math.random() * canvas.height,
                width: gridSize,
                height: gridSize
            };
            blackCubes.push(blackCube);
        }

// Create red cubes at random positions and sizes
        for (var i = 0; i < 5; i++) {
            var redCube = {
                x: Math.random() * canvas.width,
                y: Math.random() * canvas.height,
                width: gridSize * Math.floor(Math.random() * 5 + 1),
                height: gridSize * Math.floor(Math.random() * 5 + 1)
            };
            redCubes.push(redCube);
        }

// Keyboard controls
        var keys = {
            ArrowLeft: false,
            ArrowRight: false,
            ArrowUp: false,
            ArrowDown: false
        };

document.addEventListener("keydown", function(event) {
            if (event.key in keys) {
                keys[event.key] = true;
            }
        });

document.addEventListener("keyup", function(event) {
            if (event.key in keys) {
                keys[event.key] = false;
            }
        });

// Game loop
        function update() {
            // Move the blue cube
            if (keys.ArrowLeft && playerX > 0) {
                playerX -= playerSpeed;
            }
            if (keys.ArrowRight && playerX < canvas.width - playerSize) {
                playerX += playerSpeed;
            }
            if (keys.ArrowUp && playerY > 0) {
                playerY -= playerSpeed;
            }
            if (keys.ArrowDown && playerY < canvas.height - playerSize) {
                playerY += playerSpeed;
            }

// Check collision with black cubes
            for (var i = 0; i < blackCubes.length; i++) {
                var blackCube = blackCubes[i];
                if (
                    playerX + playerSize >= blackCube.x &&
                    playerX <= blackCube.x + blackCube.width &&
                    playerY + playerSize >= blackCube.y &&
                    playerY <= blackCube.y + blackCube.height
                ) {
                    blackCubes.splice(i, 1);
                    playerSize += 5;
                    playerSpeed += 0.1;
                    break;
                }
            }

// Check collision with red cubes
            for (var i = 0; i < redCubes.length; i++) {
                var redCube = redCubes[i];
                if (
                    playerX + playerSize >= redCube.x &&
                    playerX <= redCube.x + redCube.width &&
                    playerY + playerSize >= redCube.y &&
                    playerY <= redCube.y + redCube.height
                ) {
                    if (playerSize > redCube.width) {
                        redCubes.splice(i, 1);
                        playerSize *= 2;
                        playerSpeed += 0.2;
                        break;
                    } else {    
                        // You lose if you touch a red cube and it's bigger than you
                        alert("Game Over!");
                        resetGame();
                    }
                }
            }

// You win if you eat all the black cubes
            if (blackCubes.length === 0) {
                alert("You Win!");
                resetGame();
            }

// Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw black cubes
            context.fillStyle = "#000";
            for (var i = 0; i < blackCubes.length; i++) {
                var blackCube = blackCubes[i];
                context.fillRect(blackCube.x, blackCube.y, blackCube.width, blackCube.height);
            }

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

// Draw blue cube
            context.fillStyle = "#00f";
            context.fillRect(playerX, playerY, playerSize, playerSize);

requestAnimationFrame(update);
        }

update();
    </script>
</body>
</html>
```