AI game creator

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

No:26992

100

←

Prev Next

→

Space invaders game
Developer User13365｜Date and time 23/12/3 21:09:52
Build time 70.857 sec｜Game capacity 3.604KB｜

Script

Sure! Here's a simple implementation of the Space Invaders game using JavaScript and HTML:

This is a basic implementation of the game, where you control a blue player square at the bottom of the screen. You can move the player left and right using the left and right arrow keys. Pressing the spacebar will fire a bullet from the player. The objective is to hit the green invader square moving across the screen. Please note that this is a very simplified version of the game and does not include a full gameplay loop, scoring, or fancy graphics. Feel free to modify and enhance the game as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of the Space Invaders game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Space Invaders</title>
  <style>
    #game-container {
      width: 400px;
      height: 400px;
      border: 2px solid black;
      position: relative;
    }

.player {
      width: 20px;
      height: 20px;
      background-color: blue;
      position: absolute;
      bottom: 0;
    }

.bullet {
      width: 2px;
      height: 10px;
      background-color: red;
      position: absolute;
    }

.invader {
      width: 20px;
      height: 20px;
      background-color: green;
      position: absolute;
      top: 10px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div class="player"></div>
    <div class="bullet"></div>
    <div class="invader"></div>
  </div>

let playerPosition = 0;
      let bulletPosition = null;
      let invaderPosition = 0;

function movePlayer(e) {
        if (e.key === 'ArrowLeft' && playerPosition > 0) {
          playerPosition -= 10;
          player.style.left = playerPosition + 'px';
        } else if (e.key === 'ArrowRight' && playerPosition < 380) {
          playerPosition += 10;
          player.style.left = playerPosition + 'px';
        }

if (e.key === ' ' && !bulletPosition) {
          bulletPosition = playerPosition + 9;
          bullet.style.left = bulletPosition + 'px';
          bullet.style.bottom = '20px';

const bulletMove = setInterval(function () {
            bulletPosition += 10;
            bullet.style.left = bulletPosition + 'px';

if (bulletPosition >= invaderPosition && bulletPosition <= invaderPosition + 20) {
              invader.style.display = 'none';
              bullet.style.display = 'none';
              clearInterval(bulletMove);
              setTimeout(function() {
                invader.style.display = 'block';
                bulletPosition = null;
                bullet.style.bottom = '';
                bullet.style.left = '';
              }, 2000); // Respawn invader after 2 seconds
            }

if (bulletPosition >= 400) {
              bullet.style.display = 'none';
              clearInterval(bulletMove);
              bulletPosition = null;
              bullet.style.bottom = '';
              bullet.style.left = '';
            }
          }, 50);
        }
      }

document.addEventListener('keydown', movePlayer);
      moveInvader();
    });
  </script>
</body>
</html>
```

Please note that this is a very simplified version of the game and does not include a full gameplay loop, scoring, or fancy graphics. Feel free to modify and enhance the game as per your requirements.