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. Big map's game

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

No:11277

105

←

Prev Next

→

2d action game. You are a blue cube . Your goal is..ALL
Developer No｜Date and time 23/8/9 6:16:47
Build time 37.788 sec｜Game capacity 4.528KB｜

Script

Sure! Here's an example of a simple 2D action game implemented as a single HTML file with JavaScript:

This code sets up a canvas and implements the game logic for a 2D action game where the player (represented by a blue cube) needs to eat all the black cubes to win. The player can move left, right, up, and down using the arrow keys. Red cubes are obstacles, and the player can only eat them if they are larger in size. The game ends when either all the black cubes are eaten, in which case the player wins, or if the player collides with a red cube while the red cube is larger, in which case the player loses. I hope you enjoy playing the game!

←

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 with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      margin: 0;
    }
    canvas {
      border: 1px solid #000;
      background-color: #fff;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Create the blue cube (player)
    const player = {
      x: canvas.width / 2,
      y: canvas.height / 2,
      size: 10,
      speed: 2
    };

// Array to store black cubes
    const blackCubes = [];

// Create 200 black cubes randomly on the canvas
    for (let i = 0; i < 200; i++) {
      const blackCube = {
        x: Math.random() * (canvas.width - 20),
        y: Math.random() * (canvas.height - 20),
        size: 10
      };
      blackCubes.push(blackCube);
    }

// Array to store red cubes
    const redCubes = [];

// Create 5 red cubes randomly on the canvas
    for (let i = 0; i < 5; i++) {
      const redCube = {
        x: Math.random() * (canvas.width - 20),
        y: Math.random() * (canvas.height - 20),
        size: Math.floor(Math.random() * 20) + 10
      };
      redCubes.push(redCube);
    }

// Keyboard event listeners to control the blue cube
    document.addEventListener('keydown', function(event) {
      if (event.keyCode === 37) { // Left arrow key
        player.x -= player.speed;
      }
      else if (event.keyCode === 38) { // Up arrow key
        player.y -= player.speed;
      }
      else if (event.keyCode === 39) { // Right arrow key
        player.x += player.speed;
      }
      else if (event.keyCode === 40) { // Down arrow key
        player.y += player.speed;
      }
    });

// Function to check collision between two rectangles
    function isCollision(rect1, rect2) {
      return rect1.x < rect2.x + rect2.size &&
             rect1.x + rect1.size > rect2.x &&
             rect1.y < rect2.y + rect2.size &&
             rect1.y + rect1.size > rect2.y;
    }

// Function to update the game state and draw on the canvas
    function update() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the black cubes
      blackCubes.forEach(blackCube => {
        ctx.fillStyle = '#000';
        ctx.fillRect(blackCube.x, blackCube.y, blackCube.size, blackCube.size);
      });

// Draw the red cubes
      redCubes.forEach(redCube => {
        ctx.fillStyle = '#f00';
        ctx.fillRect(redCube.x, redCube.y, redCube.size, redCube.size);
      });

// Draw the blue cube (player)
      ctx.fillStyle = '#00f';
      ctx.fillRect(player.x, player.y, player.size, player.size);

// Check collision with black cubes
      blackCubes.forEach((blackCube, index) => {
        if (isCollision(player, blackCube)) {
          blackCubes.splice(index, 1); // Remove the eaten black cube
          player.size += 5; // Increase player size
          player.speed += 0.5; // Increase player speed
        }
      });

// Check collision with red cubes
      redCubes.forEach((redCube, index) => {
        if (isCollision(player, redCube)) {
          if (player.size > redCube.size) {
            // Player can eat red cube, increase size rate
            player.size += redCube.size * 2;
            redCubes.splice(index, 1); // Remove the eaten red cube
          } else {
            // Player lost, display game over message
            alert("Game Over");
            document.location.reload();
          }
        }
      });

// Check if all black cubes are eaten
      if (blackCubes.length === 0) {
        alert("You Win!");
        document.location.reload();
      }

// Update the game state
      requestAnimationFrame(update);
    }

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

The game ends when either all the black cubes are eaten, in which case the player wins, or if the player collides with a red cube while the red cube is larger, in which case the player loses.

I hope you enjoy playing the game!