I want to create action game with guns.'s game

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

No:25420

←

Prev Next

→

I want to create action game with guns.
Developer User12446｜Date and time 23/11/21 17:42:16
Build time 105.078 sec｜Game capacity 3.043KB｜

Script

Sure! Here's a simple action game implemented as a single HTML file using JavaScript. It will be designed for smartphone operation and will include pictograms for the guns. Please note that this is a basic implementation and can be expanded upon to add more features and enhance gameplay.

This code sets up a simple game where the player can move left and right by touching the screen on a smartphone. The player can shoot bullets by tapping the screen. If a bullet hits the player or reaches the top of the canvas, it gets reset. To enhance the game, you can add more enemy objects, implement scoring, levels, game over conditions, and much more.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Gun Action Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    canvas {
      background: #eee;
      display: block;
    }
  </style>
</head>
<body>
<canvas id="gameCanvas"></canvas>

// Define player properties
  const player = {
    x: canvas.width / 2,
    y: canvas.height - 30,
    size: 30,
    speed: 4
  };

// Define bullet properties
  const bullet = {
    x: 0,
    y: 0,
    size: 10,
    speed: 8,
    isFired: false
  };

// Handle touch events for player movement
  document.addEventListener("touchmove", handleTouchMove, false);

// Handle touch events for shooting bullets
  document.addEventListener("touchstart", handleTouchStart, false);

function handleTouchStart(event) {
    if (!bullet.isFired) {
      // Fire a bullet in the direction of the touch
      bullet.x = player.x + player.size / 2;
      bullet.y = player.y - player.size / 2;
      bullet.isFired = true;
    }
  }

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

// Draw the player
    ctx.fillRect(player.x, player.y, player.size, player.size);

if (bullet.isFired) {
      // Move the bullet upwards
      bullet.y -= bullet.speed;

// Draw the bullet
      ctx.beginPath();
      ctx.arc(bullet.x, bullet.y, bullet.size, 0, Math.PI * 2);
      ctx.fill();

// Check for collision between bullet and player
      if (bullet.y < 0 || (
        bullet.x + bullet.size > player.x &&
        bullet.x < player.x + player.size &&
        bullet.y + bullet.size > player.y &&
        bullet.y < player.y + player.size
      )) {
        // Reset bullet position
        bullet.isFired = false;
        bullet.y = 0;
      }
    }

// Request next frame
    requestAnimationFrame(update);
  }

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

To enhance the game, you can add more enemy objects, implement scoring, levels, game over conditions, and much more.