AI game creator

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

No:8618

107

←

Prev Next

→

Shooting Game
Developer User4222｜Date and time 23/7/17 10:52:20
Build time 27.511 sec｜Game capacity 3.05KB｜

Script

Sure, here's an example of a simple shooting game implemented in a single HTML file using JavaScript:

To play the game, open the HTML file in a web browser. The player object ("red square") can be moved left or right using the left and right arrow keys, and shooting is activated by pressing the space bar. The goal is to shoot down the enemy objects ("green squares") before they reach the bottom of the game area. The enemies will continuously spawn every second.

←

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 in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Game</title>
  <style>
    #game {
      width: 400px;
      height: 400px;
      border: 1px solid black;
      position: relative;
    }
    #player {
      width: 50px;
      height: 50px;
      background-color: red;
      position: absolute;
      bottom: 0;
      left: 175px;
    }
    .bullet {
      width: 5px;
      height: 20px;
      background-color: blue;
      position: absolute;
    }
    .enemy {
      width: 30px;
      height: 30px;
      background-color: green;
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="player"></div>
  </div>

var moveBullet = setInterval(function() {
          bullet.style.top = (parseInt(bullet.style.top) - 10) + 'px';
          if (parseInt(bullet.style.top) < 0) {
            clearInterval(moveBullet);
            document.getElementById('game').removeChild(bullet);
          }
        }, 25);
      }
    };

// Enemy object
    var enemy = {
      create: function() {
        var enemy = document.createElement('div');
        enemy.className = 'enemy';
        enemy.style.left = Math.floor(Math.random() * 370) + 'px';
        enemy.style.top = '-30px';
        document.getElementById('game').appendChild(enemy);

var moveEnemy = setInterval(function() {
          enemy.style.top = (parseInt(enemy.style.top) + 5) + 'px';
          if (parseInt(enemy.style.top) > 400) {
            clearInterval(moveEnemy);
            document.getElementById('game').removeChild(enemy);
          }
        }, 50);
      }
    };

// Keyboard events
    document.addEventListener('keydown', function(event) {
      if (event.keyCode === 37) { // Left Arrow
        player.move('left');
      } else if (event.keyCode === 39) { // Right Arrow
        player.move('right');
      } else if (event.keyCode === 32) { // Space Bar
        player.shoot();
      }
    });

// Enemy spawning
    setInterval(function() {
      enemy.create();
    }, 1000);
  </script>
</body>
</html>
```