AI game creator

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

No:20152

←

Prev Next

→

Shooting Game
Developer User8969｜Date and time 23/10/8 16:42:56
Build time 13.917 sec｜Game capacity 2.504KB｜

Script

Sure! Here's a simple shooting game implemented as a single HTML file using JavaScript and enclosed in script tags:

This game will display a game container with a green player at the bottom. Players can control the player's position by dragging their finger on the smartphone screen. They can also tap to shoot bullets from the player's position. The bullets will move upwards, and once they go off the screen, they will be removed. Please note that this is a very basic example and can be further enhanced with game logic, enemy objects, scoring points, sound effects, etc. But I hope this provides a starting point for a simple shooting game!

←

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 and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Game</title>
  <style>
    #game-container {
      position: relative;
      width: 100%;
      height: 400px;
      background-color: lightblue;
    }
    #player {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: green;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    .bullet {
      position: absolute;
      width: 10px;
      height: 10px;
      background-color: red;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player"></div>
  </div>

function movePlayer(event) {
        const x = event.touches[0].clientX;
        player.style.left = x + 'px';
      }

function shoot() {
        const bullet = document.createElement('div');
        bullet.classList.add('bullet');
        bullet.style.left = player.offsetLeft + player.offsetWidth / 2 + 'px';
        bullet.style.bottom = player.offsetHeight + 'px';
        gameContainer.appendChild(bullet);
        bullets.push(bullet);
      }

gameContainer.addEventListener('touchmove', movePlayer);
      gameContainer.addEventListener('click', shoot);

function update() {
        bullets.forEach(function(bullet) {
          const bulletBottom = bullet.offsetTop + bullet.offsetHeight;
          bullet.style.top = bullet.offsetTop - 10 + 'px';

if (bulletBottom < 0) {
            bullet.remove();
            bullets.splice(bullets.indexOf(bullet), 1);
          }
        });

requestAnimationFrame(update);
      }

update();
    });
  </script>
</body>
</html>
```

Please note that this is a very basic example and can be further enhanced with game logic, enemy objects, scoring points, sound effects, etc. But I hope this provides a starting point for a simple shooting game!