AI game creator

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

No:21275

←

Prev Next

→

Shooting Game
Developer User9735｜Date and time 23/10/14 13:27:33
Build time 78.847 sec｜Game capacity 4.135KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript. The game can be played on smartphones and uses pictograms for visuals.

This game allows you to control a player using touch input on a smartphone. You can move the player by touching the left or right side of the screen. To fire a bullet, simply lift your finger from the screen. The goal is to shoot down as many enemy targets as possible while avoiding collisions with them. The current score is displayed on the screen, and the game will end when a collision occurs, showing the final score.

←

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 using JavaScript. The game can be played on smartphones and uses pictograms for visuals.

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

// Event listeners for touch and click input
    canvas.addEventListener("touchstart", handleTouchStart, false);
    canvas.addEventListener("touchmove", handleTouchMove, false);
    canvas.addEventListener("touchend", handleTouchEnd, false);

// Function to handle touch start event
    function handleTouchStart(event) {
      var touch = event.touches[0];
      if (touch.pageX < player.x) {
        player.x -= 10;
      } else {
        player.x += 10;
      }
    }

// Function to handle touch move event
    function handleTouchMove(event) {
      event.preventDefault();
    }

// Function to handle touch end event
    function handleTouchEnd() {
      fireBullet();
    }

// Function to fire a bullet
    function fireBullet() {
      bullets.push({ x: player.x, y: player.y });
    }

// Function to create an enemy
    function createEnemy() {
      enemies.push({ x: Math.random() * canvas.width, y: 0 });
    }

// Function to update game state
    function update() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      ctx.fillStyle = "black";
      ctx.fillRect(player.x - 10, player.y - 10, 20, 20);

// Draw bullets
      ctx.fillStyle = "red";
      for (var i = 0; i < bullets.length; i++) {
        ctx.fillRect(bullets[i].x - 5, bullets[i].y - 5, 10, 10);
        bullets[i].y -= 5;

// Remove bullet if it goes offscreen
        if (bullets[i].y < 0) {
          bullets.splice(i, 1);
          i--;
        }
      }

// Draw enemies
      ctx.fillStyle = "blue";
      for (var i = 0; i < enemies.length; i++) {
        ctx.fillRect(enemies[i].x - 10, enemies[i].y -10, 20, 20);
        enemies[i].y += 2;

// Check if enemy collides with player
        if (enemies[i].y > player.y - 10 && enemies[i].y < player.y + 10 && enemies[i].x > player.x - 10 && enemies[i].x < player.x + 10) {
          alert("Game Over! Final Score: " + score);
          location.reload(); // Restart the game
        }

// Check if enemy collides with bullet
        for (var j = 0; j < bullets.length; j++) {
          if (bullets[j].y > enemies[i].y - 10 && bullets[j].y < enemies[i].y + 10 && bullets[j].x > enemies[i].x - 10 && bullets[j].x < enemies[i].x + 10) {
            enemies.splice(i, 1);
            i--;
            bullets.splice(j, 1);
            j--;
            score++;
          }
        }

// Remove enemy if it goes offscreen
        if (enemies[i] && enemies[i].y > canvas.height) {
          enemies.splice(i, 1);
          i--;
          score--;
        }
      }

// Draw score
      ctx.fillStyle = "black";
      ctx.font = "16px Arial";
      ctx.fillText("Score: " + score, 10, 20);

// Create enemies at random intervals
      if (Math.random() < 0.01) {
        createEnemy();
      }

// Run the game loop
      requestAnimationFrame(update);
    }

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