AI game creator

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

No:24346

←

Prev Next

→

Shooting Game
Developer User11470｜Date and time 23/11/8 0:44:07
Build time 56.372 sec｜Game capacity 2.417KB｜

Script

Sure, here's an example of a simple shooting game implemented as a single HTML file:

This game is optimized for smartphone operation. It allows the player to control the player character (represented by a green circle) by touching and dragging on the screen. Tapping the screen will fire a bullet (represented by a red circle) from the player's position towards the top of the canvas. The bullet will continue moving until it hits the top or goes off-screen. Please note that this is a very basic implementation and can be expanded upon to add features like enemies, scoring, sound effects, and more.

←

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 shooting game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Initialize player position and size
    var player = {
      x: canvas.width / 2,
      y: canvas.height - 30,
      size: 20
    };

// Initialize bullet position and size
    var bullet = {
      x: 0,
      y: 0,
      size: 5,
      speed: 5,
      isFired: false
    };

// Handle player movement
    document.addEventListener("touchmove", function(event) {
      player.x = event.touches[0].clientX - canvas.offsetLeft;
    });

// Handle bullet firing
    document.addEventListener("touchstart", function() {
      if (!bullet.isFired) {
        bullet.isFired = true;
        bullet.x = player.x;
        bullet.y = player.y;
      }
    });

// Update game state
    function update() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      ctx.beginPath();
      ctx.arc(player.x, player.y, player.size, 0, Math.PI * 2);
      ctx.fillStyle = "green";
      ctx.fill();
      ctx.closePath();

// Move and draw bullet
      if (bullet.isFired) {
        bullet.y -= bullet.speed;

ctx.beginPath();
        ctx.arc(bullet.x, bullet.y, bullet.size, 0, Math.PI * 2);
        ctx.fillStyle = "red";
        ctx.fill();
        ctx.closePath();
      }

// Check if bullet hits the top of the canvas
      if (bullet.y < 0) {
        bullet.isFired = false;
        bullet.x = 0;
        bullet.y = 0;
      }

requestAnimationFrame(update);
    }

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

Please note that this is a very basic implementation and can be expanded upon to add features like enemies, scoring, sound effects, and more.