Please make a top down shooter's game

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

No:12640

←

Prev Next

→

Please make a top down shooter
Developer User5358｜Date and time 23/8/21 7:02:56
Build time 14.934 sec｜Game capacity 3.978KB｜

Script

Sure! Here's an example of a top-down shooter game implemented as a single HTML file with JavaScript. It's optimized for smartphone operation and uses pictograms for graphics.

You can simply copy and paste the above code into a new HTML file and open it in a web browser on your smartphone to play the top-down shooter game. Enjoy!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's an example of a top-down shooter game implemented as a single HTML file with JavaScript. It's optimized for smartphone operation and uses pictograms for graphics.

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Top-Down Shooter Game</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>
  
    <script>
      // Game initialization
      const canvas = document.getElementById("gameCanvas");
      const context = canvas.getContext("2d");
      let playerX = canvas.width / 2;
      let playerY = canvas.height - 50;

const enemies = [];
      let score = 0;
      let gameover = false;

canvas.addEventListener("touchstart", handleTouchStart);
      canvas.addEventListener("touchmove", handleTouchMove);
      canvas.addEventListener("touchend", handleTouchEnd);

// Helper functions for touch controls
      let touchStartX;
      let touchStartY;

function handleTouchStart(event) {
        const touch = event.changedTouches[0];
        touchStartX = touch.clientX;
        touchStartY = touch.clientY;
      }

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

function handleTouchEnd(event) {
        const touch = event.changedTouches[0];
        const touchEndX = touch.clientX;
        const touchEndY = touch.clientY;

const dx = touchEndX - touchStartX;
        const dy = touchEndY - touchStartY;

if (Math.abs(dx) > Math.abs(dy)) {
          if (dx > 0) {
            // Right swipe
            playerX += 10;
          } else {
            // Left swipe
            playerX -= 10;
          }
        } else {
          if (dy > 0) {
            // Down swipe
            playerY += 10;
          } else {
            // Up swipe
            playerY -= 10;
          }
        }
      }

// Game loop
      function gameLoop() {
        if (!gameover) {
          updateGame();
          drawGame();
        }
        requestAnimationFrame(gameLoop);
      }

// Update game state
      function updateGame() {
        // Move enemies
        for (let i = 0; i < enemies.length; i++) {
          enemies[i].y += 2;
          if (enemies[i].y > canvas.height) {
            enemies.splice(i, 1);
          }
        }

// Check for collision
        for (let i = 0; i < enemies.length; i++) {
          const enemy = enemies[i];
          if (
            playerX < enemy.x + 20 &&
            playerX + 20 > enemy.x &&
            playerY < enemy.y + 20 &&
            playerY + 20 > enemy.y
          ) {
            gameover = true;
            break;
          }
        }

// Increase score
        score++;
      }

// Draw game
      function drawGame() {
        // Clear canvas
        context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
        context.fillRect(playerX, playerY, 20, 20);

// Draw enemies
        for (let i = 0; i < enemies.length; i++) {
          const enemy = enemies[i];
          context.fillRect(enemy.x, enemy.y, 20, 20);
        }

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

// Game over message
        if (gameover) {
          context.fillStyle = "red";
          context.font = "30px Arial";
          context.fillText("GAME OVER", canvas.width / 2 - 100, canvas.height / 2);
        }
      }

// Trigger enemy generation
      setInterval(generateEnemy, 1000);

// Generate enemy
      function generateEnemy() {
        const enemyX = Math.floor(Math.random() * canvas.width);
        const enemyY = -20;
        enemies.push({ x: enemyX, y: enemyY });
      }

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

You can simply copy and paste the above code into a new HTML file and open it in a web browser on your smartphone to play the top-down shooter game. Enjoy!