AI game creator

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

No:36997

2874

←

Prev Next

→

Shooting Game
Developer anonymous｜Date and time 70/1/1 9:44:03
Build time unknown sec｜Game capacity 2.643KB｜

Script

Sure, here's a simple shooting game implemented as a single HTML file with JavaScript. Please note that this is a basic example and may not include all the features you might expect from a full-fledged game.

To play the game, open the HTML file in a web browser on your smartphone. You can move the ship by dragging your finger across the screen and tap anywhere to fire a bullet. The ship is represented by a square and the bullet by a smaller square that moves towards the top of the screen.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

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

// Game variables
      var shipX = canvas.width / 2;
      var shipY = canvas.height - 50;
      var bulletX = -100;
      var bulletY = -100;
      var bulletSpeed = 5;
      var bulletFired = false;

// Handle touch events for mobile devices
      canvas.addEventListener('touchstart', function (event) {
        fireBullet();
      });

canvas.addEventListener('touchmove', function (event) {
        event.preventDefault();
        var touch = event.touches[0];
        shipX = touch.pageX - canvas.offsetLeft;
        shipY = touch.pageY - canvas.offsetTop;
      });

// Update game state
      function update() {
        // Move bullet
        if (bulletFired) {
          bulletY -= bulletSpeed;

// Check if bullet hit the top
          if (bulletY < 0) {
            bulletFired = false;
          }
        }

// Render game
        render();

// Schedule next frame
        requestAnimationFrame(update);
      }

// Render game
      function render() {
        context.clearRect(0, 0, canvas.width, canvas.height);
        drawShip();
        if (bulletFired) {
          drawBullet();
        }
      }

// Draw player's ship
      function drawShip() {
        context.fillStyle = '#000000';
        context.fillRect(shipX - 20, shipY - 20, 40, 40);
      }

// Draw bullet
      function drawBullet() {
        context.fillStyle = '#FF0000';
        context.fillRect(bulletX - 5, bulletY - 5, 10, 10);
      }

// Fire bullet
      function fireBullet() {
        if (!bulletFired) {
          bulletX = shipX;
          bulletY = shipY;
          bulletFired = true;
        }
      }

// Start the game
      update();
    });
  </script>
</body>
</html>
```
To play the game, open the HTML file in a web browser on your smartphone. You can move the ship by dragging your finger across the screen and tap anywhere to fire a bullet. The ship is represented by a square and the bullet by a smaller square that moves towards the top of the screen.