2d action game. You are a blue cube . Your goal is to eat all the 500 black cubes. The more black cubes you eat the bigger and faster you get. The max size is 100. 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.'s game

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

No:11263

←

Prev Next

→

2d action game. You are a blue cube . Your goal is..ALL
Developer No｜Date and time 23/8/9 5:53:45
Build time 38.222 sec｜Game capacity 5.14KB｜

Script

Sure! Here's an example of a simple 2D action game implemented as a single HTML file using JavaScript and enclosed in script tags:

In this game, you control a blue cube and your goal is to eat all the 500 black cubes while avoiding the red cubes. The more black cubes you eat, the bigger and faster you become. However, if you touch a red cube and you are smaller than it, you lose the game. To control the blue cube, you can use the arrow keys on your keyboard. Move towards the black cubes to eat them. Once you have eaten all the cubes, you win the game. If you touch a red cube and you are bigger than it, you can eat it, which doubles your size rate. The game is enclosed in script tags and can be run directly in a web browser, preferably on a smartphone for easier operation. The game uses pictograms represented by different colored cubes.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's an example of a simple 2D action game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>2D Action Game</title>
    <style>
        #container {
            position: relative;
            width: 500px;
            height: 500px;
            background-color: lightgray;
        }
        .cube {
            position: absolute;
            width: 20px;
            height: 20px;
        }
        .blue-cube {
            background-color: blue;
        }
        .black-cube {
            background-color: black;
        }
        .red-cube {
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="player" class="cube blue-cube"></div>
    </div>

function eatCube(cube) {
            cube.classList.remove("black-cube");
            cube.style.display = "none";
            score++;
            size = Math.min(size + 1, max_size);
            player.style.width = size + "px";
            player.style.height = size + "px";

if (score === black_cubes) {
                endGame("You Win!");
            }
        }

function endGame(message) {
            game_over = true;
            alert(message);
        }

function checkCollision() {
            if (game_over) return;

var playerRect = player.getBoundingClientRect();
            var redCubes = document.getElementsByClassName('red-cube');
            for (var i = 0; i < redCubes.length; i++) {
                var redCube = redCubes[i];
                var redRect = redCube.getBoundingClientRect();

if (playerRect.width >= redRect.width && playerRect.height >= redRect.height) {
                    eatCube(redCube);
                }
                else if (playerRect.width < redRect.width && playerRect.height < redRect.height) {
                    endGame("Game Over!");
                }
            }
        }

function movePlayer(e) {
            if (game_over) return;

var direction = e.key;
            var playerRect = player.getBoundingClientRect();
            var containerRect = container.getBoundingClientRect();

if (direction === "ArrowUp" && playerRect.top > containerRect.top) {
                player.style.top = (player.offsetTop - speed) + "px";
            }
            else if (direction === "ArrowDown" && playerRect.bottom < containerRect.bottom) {
                player.style.top = (player.offsetTop + speed) + "px";
            }
            else if (direction === "ArrowLeft" && playerRect.left > containerRect.left) {
                player.style.left = (player.offsetLeft - speed) + "px";
            }
            else if (direction === "ArrowRight" && playerRect.right < containerRect.right) {
                player.style.left = (player.offsetLeft + speed) + "px";
            }

checkCollision();
        }

document.addEventListener("keydown", movePlayer);

// Generate black cubes
        for (var i = 0; i < black_cubes; i++) {
            var blackCube = document.createElement('div');
            blackCube.className = "cube black-cube";
            blackCube.style.top = Math.floor(Math.random() * (container.clientHeight - size)) + "px";
            blackCube.style.left = Math.floor(Math.random() * (container.clientWidth - size)) + "px";
            container.appendChild(blackCube);
        }

// Generate red cubes
        for (var i = 0; i < 20; i++) {
            var redCube = document.createElement('div');
            var redSize = Math.floor(Math.random() * (10 - 5 + 1)) + 5;
            redCube.className = "cube red-cube";
            redCube.style.top = Math.floor(Math.random() * (container.clientHeight - redSize)) + "px";
            redCube.style.left = Math.floor(Math.random() * (container.clientWidth - redSize)) + "px";
            redCube.style.width = redSize + "px";
            redCube.style.height = redSize + "px";
            container.appendChild(redCube);
        }
    </script>
</body>
</html>
```

To control the blue cube, you can use the arrow keys on your keyboard. Move towards the black cubes to eat them. Once you have eaten all the cubes, you win the game. If you touch a red cube and you are bigger than it, you can eat it, which doubles your size rate.

The game is enclosed in script tags and can be run directly in a web browser, preferably on a smartphone for easier operation. The game uses pictograms represented by different colored cubes.