Superhero vs boss fight using fire's game

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

No:10880

←

Prev Next

→

Superhero vs boss fight using fire
Developer User4685｜Date and time 23/8/5 9:37:49
Build time 20.922 sec｜Game capacity 2.972KB｜

Script

Sure! Here's an example of a simple game where a superhero fights against a boss using fire. The game will be implemented in a single HTML file, enclosed in script tags, and written in JavaScript:

In this game, you can control the superhero's fire by touching the screen on a smartphone. The superhero's goal is to defeat the boss by shooting fire projectiles at it. If the boss's health reaches zero, you win the game. Otherwise, the boss will continue to fight back.

←

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 game where a superhero fights against a boss using fire. The game will be implemented in a single HTML file, enclosed in script tags, and written in JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      text-align: center;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="300"></canvas>
  
  <script>
    // Get the canvas element
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");
    
    // Create a superhero object
    const superhero = {
      x: 50,
      y: canvas.height / 2,
      width: 50,
      height: 50,
      firePower: 10,
      draw: function() {
        ctx.fillStyle = "blue";
        ctx.fillRect(this.x, this.y, this.width, this.height);
      }
    };
    
    // Create a boss object
    const boss = {
      x: canvas.width - 100,
      y: canvas.height / 2,
      width: 100,
      height: 100,
      health: 100,
      draw: function() {
        ctx.fillStyle = "red";
        ctx.fillRect(this.x, this.y, this.width, this.height);
      }
    };
    
    // Listen for touch events on the canvas
    canvas.addEventListener("touchstart", function(event) {
      event.preventDefault();
      
      // Shoot fire when touched
      const fire = {
        x: superhero.x + superhero.width,
        y: superhero.y + superhero.height / 2,
        width: 10,
        height: 5,
        dx: 5,
        draw: function() {
          ctx.fillStyle = "orange";
          ctx.fillRect(this.x, this.y, this.width, this.height);
        },
        update: function() {
          this.x += this.dx;
        }
      };
      
      // Update fire position
      fire.update();
      
      // Check collision between fire and boss
      if (
        fire.x < boss.x + boss.width &&
        fire.x + fire.width > boss.x &&
        fire.y < boss.y + boss.height &&
        fire.y + fire.height > boss.y
      ) {
        // Reduce boss health by the fire power
        boss.health -= superhero.firePower;
        
        // Reset fire position
        fire.x = superhero.x + superhero.width;
        
        // Check if boss is defeated
        if (boss.health <= 0) {
          alert("You defeated the boss! Game over.");
          location.reload(); // Restart the game
        }
      }
    });
    
    // Game loop
    function gameLoop() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw superhero and boss
      superhero.draw();
      boss.draw();
      
      requestAnimationFrame(gameLoop);
    }
    
    // Start the game loop
    gameLoop();
    
  </script>
</body>
</html>
```