AI game creator

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

No:15658

139

←

Prev Next

→

Shooting game
Developer Eziekel｜Date and time 23/9/10 14:42:07
Build time 17.96 sec｜Game capacity 2.57KB｜

Script

Sure! Here's a simple shooting game implemented as a single HTML file using JavaScript. The game will be playable on smartphones and will use pictograms for visuals. Below is the code you can use:

This code sets up a basic shooting game where the player can control a character represented by a green square. By tapping or clicking on the screen, bullets (represented by red squares) are shot upwards. The game loop continuously updates the canvas to redraw the player and bullets. Feel free to modify and enhance the game as per your requirements. Happy coding!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple shooting game implemented as a single HTML file using JavaScript. The game will be playable on smartphones and will use pictograms for visuals. Below is the code you can use:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    
    #gameCanvas {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: #000;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Set canvas dimensions
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

// Create player object
    const player = {
      x: canvas.width / 2,
      y: canvas.height - 100,
      width: 50,
      height: 50,
      color: 'green',
      speed: 8,
    };

// Create bullets array
    const bullets = [];

// Add event listener for touch and mouse events
    canvas.addEventListener('touchstart', shootBullet);
    canvas.addEventListener('mousedown', shootBullet);

function shootBullet() {
      bullets.push({
        x: player.x + player.width / 2,
        y: player.y,
        width: 10,
        height: 10,
        color: 'red',
        speed: 10,
      });
    }

function drawPlayer() {
      context.fillStyle = player.color;
      context.fillRect(player.x, player.y, player.width, player.height);
    }

function drawBullets() {
      bullets.forEach((bullet, index) => {
        context.fillStyle = bullet.color;
        context.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
        bullet.y -= bullet.speed;

// Remove the bullet if it goes out of the screen
        if (bullet.y < 0) {
          bullets.splice(index, 1);
        }
      });
    }

function gameLoop() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
      drawBullets();
      requestAnimationFrame(gameLoop);
    }

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

Feel free to modify and enhance the game as per your requirements. Happy coding!