AI game creator

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

No:37139

←

Prev Next

→

fires with a gun
Developer User17003｜Date and time 24/1/20 13:41:46
Build time 9.827 sec｜Game capacity 2.667KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript. Please copy the code below and save it as a .html file to run it:

To play the game, you simply need to open the HTML file in a web browser, which will run the game. The game represents a gun at the bottom of the canvas, and fires (shown as a red circle) will fall from the top of the canvas. The objective is to move the gun using the left and right arrow keys to catch the fires. Each time a fire is caught, the score will increase.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game implemented as a single HTML file using JavaScript. Please copy the code below and save it as a .html file to run it:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shoot the Fire Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="300" height="300"></canvas>

// Define fire object
    var fire = {
      x: canvas.width / 2,
      y: canvas.height - 30,
      radius: 10,
      dy: -2
    };

// Define gun object
    var gun = {
      x: canvas.width / 2,
      y: canvas.height - 10,
      width: 20,
      height: 10,
      dx: 5
    };

// Variable to track score
    var score = 0;

// Function to draw fire
    function drawFire() {
      ctx.beginPath();
      ctx.arc(fire.x, fire.y, fire.radius, 0, Math.PI * 2, false);
      ctx.fillStyle = "red";
      ctx.fill();
      ctx.closePath();
    }

// Function to draw gun
    function drawGun() {
      ctx.beginPath();
      ctx.rect(gun.x - gun.width / 2, gun.y - gun.height / 2, gun.width, gun.height);
      ctx.fillStyle = "black";
      ctx.fill();
      ctx.closePath();
    }

// Function to update game state
    function update() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

drawFire();
      drawGun();

// Move the fire
      fire.y += fire.dy;

// Check collision between fire and gun
      if (fire.y < gun.y && fire.y + fire.radius > gun.y - gun.height / 2 &&
          fire.x > gun.x - gun.width / 2 && fire.x < gun.x + gun.width / 2) {
        score++; // Increase score if collision occurs
        fire.y = canvas.height - 30; // Move fire back to the starting position
      }

// Display score
      ctx.font = "16px Arial";
      ctx.fillStyle = "black";
      ctx.fillText("Score: " + score, 10, 20);

requestAnimationFrame(update); // Loop the game
    }

// Event listener to move the gun
    document.addEventListener("keydown", function(event) {
      if (event.key === "ArrowLeft") {
        gun.x -= gun.dx;
      } else if (event.key === "ArrowRight") {
        gun.x += gun.dx;
      }
    });

// Start the game
    update();
  </script>
</body>
</html>
```