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 | AI game creator

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

No:11273

110

2d action game. You are a blue cube . Your goal is..ALL
Developer No｜Date and time 23/8/9 6:09:27
Build time 43.905 sec｜Game capacity 5.46KB｜

Sure, here is an example of a simple 2D action game implemented in a single HTML file using JavaScript. The game features a blue cube as the main character, with the goal of eating all the black cubes while avoiding the red cubes. The blue cube will grow in size and speed as it eats more black cubes, but can only eat red cubes if it is already bigger than them. The game ends when the blue cube has eaten all the black cubes or touches a red cube that is bigger than it. Please note that due to the limitations of this text-based platform, it may not be possible to provide a fully functional game experience with graphics and interactive features. This code is intended to demonstrate the basic game mechanics and can be further enhanced and styled as needed.

Please copy the above code into a blank HTML file and open it in a web browser to play the game. Use the arrow keys to move the blue cube around the game canvas and try to eat all the black cubes while avoiding the red cubes. Good luck!

→ 　

0　

0　

　
　
　
　

[PR]現在のフィギュア売れ筋ランキング

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

(C)2023 HisashiApp

Sure, here is an example of a simple 2D action game implemented in a single HTML file using JavaScript. The game features a blue cube as the main character, with the goal of eating all the black cubes while avoiding the red cubes. The blue cube will grow in size and speed as it eats more black cubes, but can only eat red cubes if it is already bigger than them. The game ends when the blue cube has eaten all the black cubes or touches a red cube that is bigger than it.

Please note that due to the limitations of this text-based platform, it may not be possible to provide a fully functional game experience with graphics and interactive features. This code is intended to demonstrate the basic game mechanics and can be further enhanced and styled as needed.

```html
<!DOCTYPE html>
<html>
<head>
  <title>2D Action Game</title>
  <style>
    #gameCanvas {
      border: 1px solid black;
      width: 400px;
      height: 400px;
    }
    .cube {
      position: absolute;
      border-radius: 50%;
    }
    #blueCube {
      background-color: blue;
      width: 20px;
      height: 20px;
    }
    .blackCube {
      background-color: black;
      width: 10px;
      height: 10px;
    }
    .redCube {
      background-color: red;
      width: 10px;
      height: 10px;
    }
  </style>
</head>
<body>
  <div id="gameCanvas">
    <div id="blueCube" class="cube"></div>
    
  </div>

<script>
    // Game variables
    var score = 0;
    var maxSize = 100;
    var blueCubeSize = 20;
    var blueCubeSpeed = 1;
    var gameCanvas = document.getElementById("gameCanvas");
    
    // Generate black cubes
    for (var i = 0; i < 200; i++) {
      var blackCube = document.createElement("div");
      blackCube.className = "blackCube cube";
      blackCube.style.left = Math.floor(Math.random() * (gameCanvas.clientWidth - 10)) + "px";
      blackCube.style.top = Math.floor(Math.random() * (gameCanvas.clientHeight - 10)) + "px";
      gameCanvas.appendChild(blackCube);
    }
    
    // Move blue cube
    document.addEventListener("keydown", function(event) {
      var blueCube = document.getElementById("blueCube");
      var x = parseInt(blueCube.style.left);
      var y = parseInt(blueCube.style.top);
      
      if (event.keyCode === 37 && x - blueCubeSpeed >= 0) {
        blueCube.style.left = (x - blueCubeSpeed) + "px"; // Move left
      } else if (event.keyCode === 38 && y - blueCubeSpeed >= 0) {
        blueCube.style.top = (y - blueCubeSpeed) + "px"; // Move up
      } else if (event.keyCode === 39 && x + blueCubeSize + blueCubeSpeed <= gameCanvas.clientWidth) {
        blueCube.style.left = (x + blueCubeSpeed) + "px"; // Move right
      } else if (event.keyCode === 40 && y + blueCubeSize + blueCubeSpeed <= gameCanvas.clientHeight) {
        blueCube.style.top = (y + blueCubeSpeed) + "px"; // Move down
      }
    });

// Check collision with black cubes and red cubes
    setInterval(function() {
      var blueCube = document.getElementById("blueCube");
      var blueCubeSize = parseInt(blueCube.style.width);
      var blueCubeX = parseInt(blueCube.style.left);
      var blueCubeY = parseInt(blueCube.style.top);
      var blackCubes = document.getElementsByClassName("blackCube");
      var redCubes = document.getElementsByClassName("redCube");
      
      // Check collision with black cubes
      for (var i = 0; i < blackCubes.length; i++) {
        var blackCube = blackCubes[i];
        var blackCubeX = parseInt(blackCube.style.left);
        var blackCubeY = parseInt(blackCube.style.top);
        
        if (
          blueCubeX + blueCubeSize >= blackCubeX &&
          blueCubeX <= blackCubeX + 10 &&
          blueCubeY + blueCubeSize >= blackCubeY &&
          blueCubeY <= blackCubeY + 10
        ) {
          blackCube.remove();
          score++;
          if (score >= maxSize) {
            // Handle game win condition
            alert("You win!");
            location.reload();
          }
          
          blueCubeSize += 2;
          blueCubeSpeed += 0.5;
          blueCube.style.width = blueCubeSize + "px";
          blueCube.style.height = blueCubeSize + "px";
          break;
        }
      }
      
      // Check collision with red cubes
      for (var i = 0; i < redCubes.length; i++) {
        var redCube = redCubes[i];
        var redCubeSize = parseInt(redCube.style.width);
        var redCubeX = parseInt(redCube.style.left);
        var redCubeY = parseInt(redCube.style.top);
        
        if (
          blueCubeX + blueCubeSize >= redCubeX &&
          blueCubeX <= redCubeX + redCubeSize &&
          blueCubeY + blueCubeSize >= redCubeY &&
          blueCubeY <= redCubeY + redCubeSize
        ) {
          if (blueCubeSize >= redCubeSize) {
            redCube.remove();
            blueCubeSize *= 2;
            blueCubeSpeed *= 2;
            blueCube.style.width = blueCubeSize + "px";
            blueCube.style.height = blueCubeSize + "px";
          } else {
            // Handle game over condition
            alert("Game over!");
            location.reload();
          }
          
          break;
        }
      }
    }, 10);
  </script>
</body>
</html>
```

Please copy the above code into a blank HTML file and open it in a web browser to play the game. Use the arrow keys to move the blue cube around the game canvas and try to eat all the black cubes while avoiding the red cubes. Good luck!