This game is very simple you need to buy blues and merge them you need to move them together to be the color green you need to buy blue and merge it with the other blue fight the enemys the enemys are 2 blues you will see a button that says fight tap it to fight the enemys you can see the enemy blue blocks over there's game

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

No:17865

←

Prev Next

→

This game is very simple you need to buy blues and..ALL
Developer User4984｜Date and time 23/9/24 23:40:07
Build time 55.305 sec｜Game capacity 4.918KB｜

Script

Sure! Here's a simple HTML game that meets your requirements:

This HTML file contains the game described, where you can tap on blue blocks to merge them, and tap on the "Fight" button to fight against the enemy blue blocks. The goal is to merge all the blue blocks and defeat all the enemies to win the game. The game is played on a smartphone, using pictograms represented by colored blocks.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's a simple HTML game that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #canvas {
      width: 400px;
      height: 400px;
      background-color: #FFF;
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <div id="canvas"></div>
  
  <script>
    // Define global variables
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");
    var blues = []; // array to store blue blocks
    var enemies = []; // array to store enemy blue blocks
    
    // Define blue block class
    function BlueBlock(x, y) {
      this.x = x;
      this.y = y;
      this.color = "blue";
      
      // Method to draw the blue block
      this.draw = function() {
        ctx.fillStyle = this.color;
        ctx.fillRect(this.x, this.y, 50, 50);
      }
    }
    
    // Function to initialize the game
    function init() {
      canvas.addEventListener("click", handleTap); // handle taps on canvas
      
      // Create initial blue blocks
      blues.push(new BlueBlock(50, 50));
      blues.push(new BlueBlock(150, 50));
      
      // Create enemy blue blocks
      enemies.push(new BlueBlock(50, 250));
      enemies.push(new BlueBlock(150, 250));
      
      draw(); // draw initial game state
    }
    
    // Function to handle canvas taps
    function handleTap(e) {
      var tapX = e.pageX - canvas.offsetLeft;
      var tapY = e.pageY - canvas.offsetTop;
      
      // Check if tap is on the "Fight" button
      if (tapX >= 250 && tapX <= 350 && tapY >= 350 && tapY <= 400) {
        fight(); // initiate fight with enemies
      } else {
        // Check if tap is on a blue block
        for (var i = 0; i < blues.length; i++) {
          if (tapX >= blues[i].x && tapX <= blues[i].x + 50 &&
              tapY >= blues[i].y && tapY <= blues[i].y + 50) {
            merge(blues[i]); // merge blue block with the other blue
          }
        }
      }
    }
    
    // Function to merge blue blocks
    function merge(block) {
      // Check if there's another blue block to merge with
      if (blues.length > 1) {
        var otherBlock;
        
        // Find the other blue block to merge with
        for (var i = 0; i < blues.length; i++) {
          if (blues[i] !== block) {
            otherBlock = blues[i];
            break;
          }
        }
        
        // Check if the blocks are adjacent to each other
        if (Math.abs(block.x - otherBlock.x) <= 50 &&
            Math.abs(block.y - otherBlock.y) <= 50) {
          // Merge blue blocks and update game state
          blues.push(new BlueBlock(block.x, block.y));
          blues.splice(blues.indexOf(block), 1);
          blues.splice(blues.indexOf(otherBlock), 1);
          draw();
          checkGameState();
        }
      }
    }
    
    // Function to handle fights with enemies
    function fight() {
      if (blues.length === 2) {
        // Fight if there are exactly 2 blue blocks
        var enemyCount = 0;
        
        // Check if any enemy blocks are present
        for (var i = 0; i < enemies.length; i++) {
          if (Math.abs(blues[0].x - enemies[i].x) <= 50 &&
             Math.abs(blues[0].y - enemies[i].y) <= 50) {
            enemyCount++;
          }
        }
        
        if (enemyCount === 2) {
          // If both enemy blocks are present, remove them and update game state
          enemies.splice(0, 2);
          draw();
          checkGameState();
        }
      }
    }
    
    // Function to check game state and display victory message if conditions are met
    function checkGameState() {
      if (blues.length === 0 && enemies.length === 0) {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.font = "20px Arial";
        ctx.textAlign = "center";
        ctx.fillText("Congratulations! You won!", canvas.width / 2, canvas.height / 2);
      }
    }
    
    // Function to draw the game
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw blue blocks
      for (var i = 0; i < blues.length; i++) {
        blues[i].draw();
      }
      
      // Draw enemy blue blocks
      for (var i = 0; i < enemies.length; i++) {
        enemies[i].draw();
      }
      
      // Draw "Fight" button
      ctx.fillStyle = "green";
      ctx.fillRect(250, 350, 100, 50);
      ctx.fillStyle = "white";
      ctx.font = "16px Arial";
      ctx.textAlign = "center";
      ctx.fillText("FIGHT", canvas.width / 2, 380);
    }
    
    // Start the game
    init();
  </script>
</body>
</html>
```