AI game creator

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

No:26712

←

Prev Next

→

Shooting Game
Developer User13230｜Date and time 23/12/2 5:54:10
Build time 58.86 sec｜Game capacity 2.649KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript:

This is a basic shooting game where the player needs to tap/click on the game container to shoot a bullet at a target moving from top to bottom. The game container represents the playable area, the red dot at the bottom is the bullet, and the blue rectangle at the top is the target. When the bullet hits the target, an alert message is shown indicating a successful hit, and when the bullet misses, another alert message is shown. The game supports smartphone operation and uses basic pictograms to represent the game elements.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Shooting Game</title>
    <style>
      #game-container {
        position: relative;
        width: 300px;
        height: 400px;
        border: 1px solid #000;
      }
      .bullet {
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: red;
        border-radius: 50%;
      }
      .target {
        position: absolute;
        width: 30px;
        height: 30px;
        background-color: blue;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div class="bullet"></div>
      <div class="target"></div>
    </div>

// Set initial position of bullet and target
      bullet.style.left = '145px';
      bullet.style.top = '385px';
      target.style.left = '135px';
      target.style.top = '5px';

// Function to handle bullet movement
      function moveBullet() {
        let top = parseInt(bullet.style.top);
        top -= 10;
        bullet.style.top = top + 'px';

// Check if bullet hits the target
        const bulletRect = bullet.getBoundingClientRect();
        const targetRect = target.getBoundingClientRect();
        if (
          bulletRect.left < targetRect.right &&
          bulletRect.right > targetRect.left &&
          bulletRect.top < targetRect.bottom &&
          bulletRect.bottom > targetRect.top
        ) {
          alert('You hit the target!');
        } else if (top > 0) {
          // Bullet still on the screen, continue moving
          setTimeout(moveBullet, 50);
        } else {
          // Bullet missed the target
          alert('Missed the target!');
        }
      }

// Start bullet movement on touch/click
      document.querySelector('#game-container').addEventListener('click', () => {
        moveBullet();
      });
    </script>
  </body>
</html>
```