AI game creator

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

No:22910

←

Prev Next

→

Shooting Game
Developer User10594｜Date and time 23/10/26 16:20:49
Build time 40.81 sec｜Game capacity 2.269KB｜

Script

Sure! Here's a simple shooting game implemented as a single HTML file using JavaScript and encased in script tags. The game is playable on a smartphone and includes pictograms for an easy visual experience. You can copy and paste the code below into an HTML file and open it in a web browser on your smartphone to play the game:

In this simple shooting game, you'll see a shooting area represented by a bordered HTML element with the id "gameContainer". Below the game area, there's a "Shoot!" button that you can tap to shoot. When you click the "Shoot!" button, an alert will appear displaying your score, which will increase by 1 each time you shoot. You can also tap on the game area to create bullet visuals that fly across the screen for one second before disappearing. Feel free to modify and customize the code to add more features, visuals, or interactions to the game. Enjoy playing!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

You can copy and paste the code below into an HTML file and open it in a web browser on your smartphone to play the game:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Game</title>
  <style>
    #gameContainer {
      width: 100%;
      height: 400px;
      border: 1px solid black;
      position: relative;
    }
    #shootButton {
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
      padding: 10px 20px;
      background: #ff0000;
      color: #fff;
      font-weight: bold;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="gameContainer"></div>
  <button id="shootButton">Shoot!</button>

shootButton.addEventListener('click', function() {
      score++;
      alert('Shot! Your score is now ' + score);
    });

gameContainer.addEventListener('click', function(event) {
      var x = event.clientX - gameContainer.offsetLeft;
      var y = event.clientY - gameContainer.offsetTop;

var bullet = document.createElement('div');
      bullet.classList.add('bullet');
      bullet.style.left = x + 'px';
      bullet.style.top = y + 'px';

gameContainer.appendChild(bullet);

setTimeout(function() {
        bullet.remove();
      }, 1000);
    });
  </script>
</body>
</html>
```

In this simple shooting game, you'll see a shooting area represented by a bordered HTML element with the id "gameContainer". Below the game area, there's a "Shoot!" button that you can tap to shoot.

When you click the "Shoot!" button, an alert will appear displaying your score, which will increase by 1 each time you shoot.

You can also tap on the game area to create bullet visuals that fly across the screen for one second before disappearing.

Feel free to modify and customize the code to add more features, visuals, or interactions to the game. Enjoy playing!