AI game creator

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

No:37072

←

Prev Next

→

Shooting Game
Developer User16979｜Date and time 24/1/20 3:18:18
Build time 9.363 sec｜Game capacity 2.001KB｜

Script

Sure! Here's a sample code for a simple shooting game written in a single HTML file using JavaScript:

To play the game on a smartphone, open the HTML file in a web browser. You can control the player's position by touching the screen, and the player will shoot bullets upwards. The game will continue until you close the browser tab or navigate away from the HTML file.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's a sample code for a simple shooting game written in a single HTML file using JavaScript:

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

// Initialize game
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");
      playerX = canvas.width / 2;
      playerY = canvas.height - 30;

// Listen for touch events
      canvas.addEventListener("touchstart", touchStartHandler);

// Start game loop
      setInterval(update, 10);
    }

// Draw player and bullet
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.fillStyle = "#0095DD";
      ctx.fillRect(playerX - 10, playerY - 10, 20, 20);
      ctx.fillStyle = "#FF0000";
      ctx.fillRect(bulletX - 2, bulletY - 10, 4, 10);
    }

// Update game logic
    function update() {
      draw();
      bulletY -= 2;

// Check if bullet hit the top
      if (bulletY < 0) {
        bulletY = playerY;
        bulletX = playerX;
      }
    }

// Handle touch start event
    function touchStartHandler(event) {
      if (event.touches.length > 0) {
        let touch = event.touches[0];
        playerX = touch.clientX - canvas.offsetLeft;
        playerY = touch.clientY - canvas.offsetTop;
        bulletX = playerX;
        bulletY = playerY;
      }
    }

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