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 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. Perfect. Controls left right up down controls.'s game

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

No:11268

116

←

Prev Next

→

2d action game. You are a blue cube . Your goal is..ALL
Developer No｜Date and time 23/8/9 6:01:04
Build time 45.586 sec｜Game capacity 4.835KB｜

Script

Sure, here is an example of a 2D action game implemented as a single HTML file using JavaScript:

You can run this HTML file in a web browser, and it will display the game where you control a blue cube using the arrow keys on your keyboard. Your goal is to eat all the black cubes while avoiding touching the red cubes. The blue cube will grow bigger and faster as you eat the black cubes. Once you eat all the 200 black cubes, you win the game. If you touch a red cube while smaller than it, you lose and see a "Game Over" message. On the other hand, if you touch a red cube while bigger, you eat it and increase your score. Good luck and have fun playing!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure, here is an example of a 2D action game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Cube Eater</title>
  <style>
    canvas {
      background-color: black;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      display: block;
      border: 1px solid #ccc;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Player object
    function Player(x, y) {
      this.x = x;
      this.y = y;
      this.size = 20;
      this.speed = 2;
    }

Player.prototype.update = function() {
      if (keys.left && this.x > 0) {
        this.x -= this.speed;
      }

if (keys.right && this.x < canvas.width - this.size) {
        this.x += this.speed;
      }

if (keys.up && this.y > 0) {
        this.y -= this.speed;
      }

if (keys.down && this.y < canvas.height - this.size) {
        this.y += this.speed;
      }

for (var i = 0; i < blackCubes.length; i++) {
        var cube = blackCubes[i];
        if (
          this.x < cube.x + cube.size &&
          this.x + this.size > cube.x &&
          this.y < cube.y + cube.size &&
          this.y + this.size > cube.y
        ) {
          blackCubes.splice(i, 1);
          this.size++;
          this.speed += 0.2;
          score++;
        }
      }

for (var i = 0; i < redCubes.length; i++) {
        var cube = redCubes[i];
        if (
          this.x < cube.x + cube.size &&
          this.x + this.size > cube.x &&
          this.y < cube.y + cube.size &&
          this.y + this.size > cube.y
        ) {
          if (this.size > cube.size) {
            redCubes.splice(i, 1);
            this.size += 2 * cube.size;
            score++;
          } else {
            gameOver = true;
          }
        }
      }
    };

Player.prototype.draw = function() {
      ctx.fillStyle = "blue";
      ctx.fillRect(this.x, this.y, this.size, this.size);
    };

// Cube object
    function Cube(x, y, size, color) {
      this.x = x;
      this.y = y;
      this.size = size;
      this.color = color;
    }

Cube.prototype.draw = function() {
      ctx.fillStyle = this.color;
      ctx.fillRect(this.x, this.y, this.size, this.size);
    };

// Keyboard controls
    var keys = {};
    window.addEventListener("keydown", function(event) {
      keys[event.keyCode] = true;
    });

window.addEventListener("keyup", function(event) {
      delete keys[event.keyCode];
    });

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

player.update();
      player.draw();

blackCubes.forEach(function(cube) {
        cube.draw();
      });

redCubes.forEach(function(cube) {
        cube.draw();
      });

ctx.fillStyle = "white";
      ctx.font = "20px Arial";
      ctx.fillText("Score: " + score, 10, 30);

if (gameOver) {
        ctx.fillStyle = "red";
        ctx.font = "50px Arial";
        ctx.fillText("Game Over", canvas.width/2 - 120, canvas.height/2);
      } else if (score === 200) {
        ctx.fillStyle = "green";
        ctx.font = "50px Arial";
        ctx.fillText("Congratulations!", canvas.width/2 - 160, canvas.height/2);
      } else {
        requestAnimationFrame(gameLoop);
      }
    }

function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");

player = new Player(canvas.width/2, canvas.height/2);

for (var i = 0; i < 200; i++) {
        var x = Math.floor(Math.random() * (canvas.width - 20));
        var y = Math.floor(Math.random() * (canvas.height - 20));
        blackCubes.push(new Cube(x, y, 20, "black"));
      }

for (var i = 0; i < 10; i++) {
        var x = Math.floor(Math.random() * (canvas.width - 20));
        var y = Math.floor(Math.random() * (canvas.height - 20));
        var size = Math.floor(Math.random() * 40) + 10;
        redCubes.push(new Cube(x, y, size, "red"));
      }

gameLoop();
    }

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