AI game creator

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

No:42450

←

Prev Next

→

Shooting Game
Developer User18878｜Date and time 24/2/11 18:42:28
Build time 16.503 sec｜Game capacity 5.2KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript and enclosed in script tags. It is designed for smartphone operation and uses pictograms. Please note that this is a basic example and can be expanded further based on your requirements.

This example provides a basic shooting game where the player can control a character using touch controls on a smartphone screen. The player can move left and right by swiping their finger across the screen. The objective is to shoot down the descending enemies by tapping on the screen, and the score is increased by each successful hit. Please note that this is just a starting point, and you can customize and enhance the game as per your specific requirements and preferences.

←

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>
  <style>
    canvas {
      border: 1px solid #000;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="320" height="480"></canvas>
  <script>
    // Game variables
    var canvas = document.getElementById('gameCanvas');
    var ctx = canvas.getContext('2d');
    var player = { x: canvas.width / 2, y: canvas.height - 50, width: 32, height: 32, speed: 30};
    var bullets = [];
    var enemies = [];
    var score = 0;
  
    // Event listeners for touch controls
    canvas.addEventListener('touchstart', handleTouchStart, false);
    canvas.addEventListener('touchmove', handleTouchMove, false);
    canvas.addEventListener('touchend', handleTouchEnd, false);
  
    // Touch control variables
    var touchStartX = null;
    var touchDeltaX = null;
  
    // Update game state
    function update() {
      movePlayer();
      updateBullets();
      updateEnemies();
      checkCollisions();
      draw();
  
      window.requestAnimationFrame(update);
    }
  
    // Move the player based on touch controls
    function movePlayer() {
      if (touchDeltaX !== null) {
        player.x += touchDeltaX * player.speed;
        if (player.x < player.width / 2) player.x = player.width / 2;
        if (player.x > canvas.width - player.width / 2) player.x = canvas.width - player.width / 2;
      }
    }
  
    // Update bullets position and remove out-of-screen bullets
    function updateBullets() {
      for (var i = 0; i < bullets.length; i++) {
        bullets[i].y -= 5;
        if (bullets[i].y < -10) {
          bullets.splice(i, 1);
          i--;
        }
      }
    }
  
    // Update enemies position and remove out-of-screen enemies
    function updateEnemies() {
      for (var i = 0; i < enemies.length; i++) {
        enemies[i].y += 2;
        if (enemies[i].y > canvas.height) {
          enemies.splice(i, 1);
          i--;
        }
      }
    }
  
    // Check for collisions between bullets and enemies
    function checkCollisions() {
      for (var i = 0; i < bullets.length; i++) {
        for (var j = 0; j < enemies.length; j++) {
          if (bullets[i].x > enemies[j].x && bullets[i].x < enemies[j].x + enemies[j].width &&
              bullets[i].y > enemies[j].y && bullets[i].y < enemies[j].y + enemies[j].height) {
            bullets.splice(i, 1);
            i--;
            enemies.splice(j, 1);
            j--;
            score++;
          }
        }
      }
    }
  
    // Draw player, bullets, enemies, and score on the canvas
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
  
      // Draw player
      ctx.fillRect(player.x - player.width / 2, player.y - player.height / 2, player.width, player.height);
  
      // Draw bullets
      ctx.fillStyle = '#f00';
      for (var i = 0; i < bullets.length; i++) {
        ctx.fillRect(bullets[i].x, bullets[i].y, 5, 10);
      }
  
      // Draw enemies
      ctx.fillStyle = '#00f';
      for (var i = 0; i < enemies.length; i++) {
        ctx.fillRect(enemies[i].x, enemies[i].y, enemies[i].width, enemies[i].height);
      }
  
      // Draw score
      ctx.fillStyle = '#000';
      ctx.font = '24px Arial';
      ctx.fillText('Score: ' + score, 10, 30);
    }
  
    // Handle touchstart event
    function handleTouchStart(event) {
      var touch = event.touches[0];
      touchStartX = touch.clientX;
      touchDeltaX = 0;
    }
  
    // Handle touchmove event
    function handleTouchMove(event) {
      var touch = event.touches[0];
      touchDeltaX = touch.clientX - touchStartX;
    }
  
    // Handle touchend event
    function handleTouchEnd() {
      touchStartX = null;
      touchDeltaX = null;
    }
  
    // Initialize game state
    function init() {
      player.x = canvas.width / 2;
      player.y = canvas.height - 50;
      bullets = [];
      enemies = [];
      score = 0;
  
      // Generate random enemies
      setInterval(function() {
        var enemy = { x: Math.random() * (canvas.width - 32), y: -32, width: 32, height: 32 };
        enemies.push(enemy);
      }, 1000);
  
      update();
    }
  
    // Start the game
    init();
  </script>
</body>
</html>
```

Please note that this is just a starting point, and you can customize and enhance the game as per your specific requirements and preferences.