AI game creator

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

No:8213

1294

←

Prev Next

→

Shooting Game
Developer User4158｜Date and time 23/7/14 8:41:01
Build time 19.33 sec｜Game capacity 2.38KB｜

Script

Here's a simple shooting game implemented as a single HTML file using JavaScript:

To play the game on a smartphone, simply open the HTML file in a web browser. The player can move the character horizontally by touching and dragging on the screen. Tap anywhere on the screen to shoot bullets. The objective of the game is to shoot down as many targets as possible.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Here's a simple shooting game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="300" height="200"></canvas>
  <script>
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

var player = {
      x: 150,
      y: 180,
      width: 20,
      height: 10,
      color: "#000"
    };

var bullets = [];

function drawPlayer() {
      ctx.fillStyle = player.color;
      ctx.fillRect(player.x, player.y, player.width, player.height);
    }

function drawBullets() {
      bullets.forEach(function(bullet) {
        ctx.fillStyle = "#f00";
        ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
      });
    }

function moveBullets() {
      bullets.forEach(function(bullet) {
        bullet.y -= 5;
      });

bullets = bullets.filter(function(bullet) {
        return bullet.y > 0;
      });
    }

function update() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
      drawBullets();
      moveBullets();
    }

function shoot() {
      var bullet = {
        x: player.x + player.width / 2 - 2,
        y: player.y,
        width: 4,
        height: 10
      };
      bullets.push(bullet);
    }

function handleKeyPress(event) {
      if (event.key === " ") {
        shoot();
      }
    }

function handleTouchStart(event) {
      event.preventDefault();
      shoot();
    }

function handleTouchMove(event) {
      event.preventDefault();

var touch = event.touches[0];
      var touchX = touch.pageX - canvas.offsetLeft;

if (touchX < player.x) {
        player.x = touchX;
      } else if (touchX > player.x + player.width) {
        player.x = touchX - player.width;
      }
    }

document.addEventListener("keydown", handleKeyPress);
    document.addEventListener("touchstart", handleTouchStart);
    document.addEventListener("touchmove", handleTouchMove);

setInterval(update, 20);
  </script>
</body>
</html>
```