AI game creator

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

No:21416

←

Prev Next

→

Shooting Game
Developer User8183｜Date and time 23/10/15 10:38:27
Build time 91.28 sec｜Game capacity 3.705KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file with JavaScript:

In this game, you control a blue player using the left and right arrow keys. Your goal is to avoid getting hit by red bullets and earn score by colliding with them. The game ends when a bullet hits the player, and the gameover screen is shown. You can copy the above code into an HTML file, save it, and open it in a web browser on your smartphone to play the game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! Here's an example of a simple shooting game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Shooting Game</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 64 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Event listeners for player movement
    document.addEventListener('keydown', handleKeyPress);
    document.addEventListener('keyup', handleKeyPress);

// Function to handle player movement
    function handleKeyPress(e) {
      const keys = {
        ArrowLeft: 'left',
        ArrowRight: 'right'
      };

player[keys[e.key]] = e.type === 'keydown';
    }

// Function to draw the player
    function drawPlayer() {
      ctx.beginPath();
      ctx.rect(player.x - 10, player.y - 10, 20, 20);
      ctx.fillStyle = 'blue';
      ctx.fill();
      ctx.closePath();
    }

// Function to draw the bullets
    function drawBullets() {
      bullets.forEach((bullet, index) => {
        ctx.beginPath();
        ctx.arc(bullet.x, bullet.y, 5, 0, Math.PI * 2);
        ctx.fillStyle = 'red';
        ctx.fill();
        ctx.closePath();
        bullet.y -= 2; // Bullet speed
        if (bullet.y < 0) {
          bullets.splice(index, 1);
        }
      });
    }

// Function to handle bullet shooting
    function shootBullet() {
      bullets.push({ x: player.x, y: player.y });
    }

// Function to check collision between bullets and player
    function checkCollision() {
      bullets.forEach((bullet, index) => {
        const dx = bullet.x - player.x;
        const dy = bullet.y - player.y;
        const distance = Math.sqrt(dx * dx + dy * dy);
        if (distance < 20) {
          score++;
          bullets.splice(index, 1);
        }
      });
    }

// Function to draw the score
    function drawScore() {
      ctx.font = '16px Arial';
      ctx.fillStyle = 'black';
      ctx.fillText('Score: ' + score, 8, 20);
    }

// Function to draw the gameover screen
    function drawGameover() {
      ctx.font = '30px Arial';
      ctx.fillStyle = 'black';
      ctx.fillText('Game Over', canvas.width / 2 - 80, canvas.height / 2);
    }

// Main game loop
    function gameLoop() {
      if (!gameover) {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawPlayer();
        drawBullets();
        checkCollision();
        drawScore();

if (player.left && player.x > 0) {
          player.x -= 2;
        }
        if (player.right && player.x < canvas.width) {
          player.x += 2;
        }

if (player.shoot) {
          shootBullet();
          player.shoot = false;
        }

requestAnimationFrame(gameLoop);
      } else {
        drawGameover();
      }
    }

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

You can copy the above code into an HTML file, save it, and open it in a web browser on your smartphone to play the game.