AI game creator

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

No:10794

←

Prev Next

→

Gun game
Developer User4635｜Date and time 23/8/3 1:07:10
Build time 26.423 sec｜Game capacity 2.681KB｜

Script

Sure! Here's an example of a simple gun game implemented in a single HTML file using JavaScript and enclosed within script tags:

This code sets up a simple gun game where you can move the gun horizontally on touch and shoot bullets by touching the screen. The game loop continuously updates the bullet's position and redraws the gun and bullet on the canvas. The bullet disappears when it reaches the top of the canvas. You can customize and enhance this game further according to your requirements by adding more features, levels, and styling.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's an example of a simple gun game implemented in a single HTML file using JavaScript and enclosed within script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Gun Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Game variables
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");
    var gunX = canvas.width / 2; // Initial gun position
    var gunY = canvas.height - 10;
    var bulletX = gunX; // Bullet starts at gun position
    var bulletY = gunY;
    var bulletSpeed = 5;
    var bulletActive = false;
    
    // Event listeners for touch controls
    canvas.addEventListener("touchmove", moveGun);
    canvas.addEventListener("touchstart", shoot);
    
    // Main game loop
    function gameLoop() {
      clearCanvas();
      if (bulletActive) {
        updateBullet();
      }
      drawGun();
      requestAnimationFrame(gameLoop);
    }
    
    // Function to move the gun based on touch input
    function moveGun(event) {
      var touchX = event.touches[0].clientX - canvas.offsetLeft;
      if (touchX >= 0 && touchX <= canvas.width) {
        gunX = touchX;
      }
    }
    
    // Function to shoot the bullet when screen is touched
    function shoot() {
      if (!bulletActive) {
        bulletActive = true;
        bulletX = gunX;
        bulletY = gunY;
      }
    }
    
    // Function to update bullet position
    function updateBullet() {
      bulletY -= bulletSpeed;
      if (bulletY < 0) {
        bulletActive = false;
      }
    }
    
    // Function to draw gun and bullet
    function drawGun() {
      context.beginPath();
      context.arc(gunX, gunY, 10, 0, Math.PI * 2);
      context.fillStyle = "#FF0000";
      context.fill();
      context.closePath();
      
      if (bulletActive) {
        context.beginPath();
        context.arc(bulletX, bulletY, 5, 0, Math.PI * 2);
        context.fillStyle = "#0000FF";
        context.fill();
        context.closePath();
      }
    }
    
    // Function to clear the canvas
    function clearCanvas() {
      context.clearRect(0, 0, canvas.width, canvas.height);
    }
    
    // Start the game
    gameLoop();
  </script>
</body>
</html>
```

You can customize and enhance this game further according to your requirements by adding more features, levels, and styling.