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. Controls. There are red cubes that if you touch them you lose.'s game

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

No:11261

←

Prev Next

→

2d action game. You are a blue cube . Your goal is..ALL
Developer No｜Date and time 23/8/9 5:50:21
Build time 29.89 sec｜Game capacity 5.194KB｜

Script

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

To play the game, simply copy and paste the code into an HTML file and open it in a browser. Use the arrow keys on the keyboard to control the movement of the blue cube. Avoid touching the red cubes and try to eat all the black cubes to win 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:

```html
<!DOCTYPE html>
<html>
<head>
  <title>2D Action Game</title>
  <style>
    canvas {
      border: 1px solid black;
      background-color: #eee;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Game variables
      var canvas = document.getElementById("gameCanvas");
      var context = canvas.getContext("2d");
      var playerX = GAME_WIDTH / 2;
      var playerY = GAME_HEIGHT / 2;
      var playerSize = PLAYER_SIZE;
      var gameOver = false;
      var win = false;
      var blackCubes = [];
      var redCubes = [];

// Generate random coordinates for black cubes
      function generateRandomCoordinates() {
        var x = Math.floor(Math.random() * (GAME_WIDTH - BLACK_CUBE_SIZE));
        var y = Math.floor(Math.random() * (GAME_HEIGHT - BLACK_CUBE_SIZE));
        return { x: x, y: y };
      }

// Initialize game
      function initialize() {
        for (var i = 0; i < BLACK_CUBE_COUNT; i++) {
          var coordinates = generateRandomCoordinates();
          blackCubes.push(coordinates);
        }

for (var j = 0; j < 5; j++) {
          var coordinates = generateRandomCoordinates();
          redCubes.push(coordinates);
        }
      }

// Update game logic
      function update() {
        if (gameOver || win) {
          return;
        }

if (blackCubes.length === 0) {
          win = true;
          return;
        }

if (playerSize >= MAX_SIZE) {
          playerSize = MAX_SIZE;
          return;
        }

// Check collision with black cubes
        for (var i = 0; i < blackCubes.length; i++) {
          var blackCube = blackCubes[i];

if (
            playerX + playerSize >= blackCube.x &&
            playerY + playerSize >= blackCube.y &&
            playerX <= blackCube.x + BLACK_CUBE_SIZE &&
            playerY <= blackCube.y + BLACK_CUBE_SIZE
          ) {
            blackCubes.splice(i, 1);
            playerSize++;
            break;
          }
        }

// Check collision with red cubes
        for (var j = 0; j < redCubes.length; j++) {
          var redCube = redCubes[j];

if (
            playerX + playerSize >= redCube.x &&
            playerY + playerSize >= redCube.y &&
            playerX <= redCube.x + RED_CUBE_SIZE &&
            playerY <= redCube.y + RED_CUBE_SIZE
          ) {
            gameOver = true;
            break;
          }
        }
      }

// Draw game objects
      function draw() {
        context.clearRect(0, 0, GAME_WIDTH, GAME_HEIGHT);
        context.fillStyle = "blue";
        context.fillRect(playerX, playerY, playerSize, playerSize);

context.fillStyle = "black";
        blackCubes.forEach(function(blackCube) {
          context.fillRect(blackCube.x, blackCube.y, BLACK_CUBE_SIZE, BLACK_CUBE_SIZE);
        });

context.fillStyle = "red";
        redCubes.forEach(function(redCube) {
          context.fillRect(redCube.x, redCube.y, RED_CUBE_SIZE, RED_CUBE_SIZE);
        });

if (gameOver) {
          context.font = "30px Arial";
          context.fillStyle = "red";
          context.fillText(GAME_OVER_MESSAGE, GAME_WIDTH / 2 - 150, GAME_HEIGHT / 2);
        }

if (win) {
          context.font = "30px Arial";
          context.fillStyle = "green";
          context.fillText(WIN_MESSAGE, GAME_WIDTH / 2 - 200, GAME_HEIGHT / 2);
        }
      }

// Handle keyboard arrow keys for player movement
      function handleKeyDown(e) {
        if (e.keyCode === 37) { // Left arrow key
          playerX -= 10;
        } else if (e.keyCode === 38) { // Up arrow key
          playerY -= 10;
        } else if (e.keyCode === 39) { // Right arrow key
          playerX += 10;
        } else if (e.keyCode === 40) { // Down arrow key
          playerY += 10;
        }

// Prevent player from going out of bounds
        playerX = Math.max(0, Math.min(GAME_WIDTH - playerSize, playerX));
        playerY = Math.max(0, Math.min(GAME_HEIGHT - playerSize, playerY));
      }

// Start game when the page has finished loading
      window.addEventListener("load", function() {
        initialize();
        setInterval(function() {
          update();
          draw();
        }, 1000 / 30); // 30 frames per second

window.addEventListener("keydown", handleKeyDown);
      });
    })();
  </script>
</body>
</html>
```