tank battle with boss fight and falling fire balls with water balls's game

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

No:10213

203

←

Prev Next

→

tank battle with boss fight and falling fire balls..ALL
Developer User4498｜Date and time 23/7/29 12:31:48
Build time 26.86 sec｜Game capacity 4.381KB｜

Script

Sure! Here's an example of a simple tank battle game with a boss fight and falling fireballs using JavaScript and HTML:

This is just a basic example to give you an idea of how you can implement the game. You can customize it further by adding graphics, sounds, levels, and more functionality based on your specific requirements.

←

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 tank battle game with a boss fight and falling fireballs using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #gameContainer {
      position: relative;
      width: 300px;
      height: 400px;
      border: 1px solid black;
      overflow: hidden;
    }

#tank {
      position: absolute;
      width: 50px;
      height: 50px;
      background-image: url('tank.png');
      background-size: cover;
      top: 350px;
    }

.fireball {
      position: absolute;
      width: 30px;
      height: 30px;
      background-color: red;
      top: 0;
    }

#boss {
      position: absolute;
      width: 100px;
      height: 100px;
      background-image: url('boss.png');
      background-size: cover;
      top: 100px;
      left: 100px;
    }

#waterball {
      position: absolute;
      width: 30px;
      height: 30px;
      background-color: blue;
      top: 350px;
    }
  </style>
</head>
<body>
  <div id="gameContainer">
    <div id="tank"></div>
    <div id="boss"></div>
    <div id="waterball" style="display: none;"></div>
  </div>

var gameOver = false;

// Tank movement
    document.addEventListener('keydown', function(event) {
      if (event.keyCode === 37 && !gameOver) { // Left arrow key
        tank.style.left = (parseInt(tank.style.left) - 10) + 'px';
      } else if (event.keyCode === 39 && !gameOver) { // Right arrow key
        tank.style.left = (parseInt(tank.style.left) + 10) + 'px';
      } else if (event.keyCode === 32 && !gameOver) { // Space key to shoot water ball
        waterBall.style.display = 'block';
        waterBall.style.left = (parseInt(tank.style.left) + 10) + 'px';
        shootWaterBall();
      }
    });

function shootWaterBall() {
      var currentTop = parseInt(waterBall.style.top);
      var waterBallInterval = setInterval(function() {
        waterBall.style.top = (currentTop - 5) + 'px';
        currentTop -= 5;

// Check collision with boss
        if (currentTop <= parseInt(boss.style.top) + parseInt(boss.style.height) &&
            parseInt(waterBall.style.left) >= parseInt(boss.style.left) &&
            parseInt(waterBall.style.left) <= parseInt(boss.style.left) + parseInt(boss.style.width)) {
          clearInterval(waterBallInterval);
          waterBall.style.display = 'none';
          boss.style.backgroundImage = 'url("boss_defeated.png")';
          gameOver = true;
          alert("You win!");
        }

// Check if water ball is out of the game container
        if (currentTop <= -30) {
          clearInterval(waterBallInterval);
          waterBall.style.display = 'none';
        }
      }, 10);
    }

// Fireballs falling
    setInterval(function() {
      var fireball = document.createElement('div');
      fireball.className = 'fireball';
      fireball.style.left = Math.floor(Math.random() * (gameContainer.offsetWidth - 30)) + 'px';
      gameContainer.appendChild(fireball);
      fireballs.push(fireball);

var currentTop = 0;
      var fireballInterval = setInterval(function() {
        fireball.style.top = currentTop + 'px';
        currentTop += 5;

// Check collision with tank
        if (currentTop >= parseInt(tank.style.top) - 30 &&
            parseInt(fireball.style.left) >= parseInt(tank.style.left) &&
            parseInt(fireball.style.left) <= parseInt(tank.style.left) + parseInt(tank.style.width)) {
          clearInterval(fireballInterval);
          gameOver = true;
          alert('Game over!');
        }

// Check if fireball is out of the game container
        if (currentTop >= gameContainer.offsetHeight) {
          clearInterval(fireballInterval);
          gameContainer.removeChild(fireball);
          fireballs.splice(fireballs.indexOf(fireball), 1);
        }
      }, 30);
    }, 1000);

</script>
</body>
</html>
```