AI game creator

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Shooting Game's game | AI game creator

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

No:8213

1986

←

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>
```