AI game creator

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

No:33413

←

Prev Next

→

Shooter space game
Developer User15755｜Date and time 24/1/4 3:51:53
Build time 33.961 sec｜Game capacity 5.759KB｜

Script

Sure! Here's a simple space shooter game implemented as a single HTML file using JavaScript. Please note that for a full-fledged game, additional functionalities and styling would be required, but this should give you a starting point.

Save the above code in a single HTML file, and you should have a basic space shooter game that can be played on a smartphone. The player can move the spaceship horizontally using touch controls, and shoot by tapping on the screen. Enemies will appear from the top, and the player needs to shoot them down before they reach the bottom. When a collision occurs, an explosion effect is shown.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Space Shooter Game</title>
    <style>
      body {
        margin: 0;
        padding: 0;
      }

.game-container {
        width: 100%;
        height: 100vh;
        background-color: black;
        overflow: hidden;
      }

#player {
        width: 50px;
        height: 50px;
        position: absolute;
        bottom: 10px;
        left: calc(50% - 25px);
        background-color: white;
      }

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

.enemy {
        width: 30px;
        height: 30px;
        position: absolute;
        background-color: green;
      }

.explosion {
        width: 60px;
        height: 60px;
        position: absolute;
        background-image: url("explosion.png");
      }
    </style>
  </head>
  <body>
    <div class="game-container">
      <div id="player"></div>
    </div>

let playerX = gameContainer.offsetWidth / 2 - player.offsetWidth / 2;
        let playerY = gameContainer.offsetHeight - player.offsetHeight - 10;

player.style.left = playerX + "px";
        player.style.bottom = playerY + "px";

let bullets = [];
        let enemies = [];
        let explosions = [];

function createBullet() {
          const bullet = document.createElement("div");
          bullet.classList.add("bullet");
          bullet.style.left = playerX + player.offsetWidth / 2 - 2.5 + "px";
          bullet.style.bottom = player.offsetHeight + 10 + "px";
          return bullet;
        }

function createEnemy() {
          const enemy = document.createElement("div");
          enemy.classList.add("enemy");
          enemy.style.left = Math.random() * (gameContainer.offsetWidth - 30) + "px";
          enemy.style.top = -30 + "px";
          return enemy;
        }

function createExplosion(x, y) {
          const explosion = document.createElement("div");
          explosion.classList.add("explosion");
          explosion.style.left = x - 30 + "px";
          explosion.style.top = y - 30 + "px";
          return explosion;
        }

function checkCollision() {
          bullets.forEach((bullet) => {
            enemies.forEach((enemy) => {
              if (
                bullet.offsetLeft >= enemy.offsetLeft &&
                bullet.offsetLeft <= enemy.offsetLeft + enemy.offsetWidth &&
                bullet.offsetTop <= enemy.offsetTop + enemy.offsetHeight &&
                bullet.offsetTop >= enemy.offsetTop
              ) {
                const explosion = createExplosion(
                  enemy.offsetLeft + enemy.offsetWidth / 2,
                  enemy.offsetTop + enemy.offsetHeight / 2
                );
                gameContainer.appendChild(explosion);
                explosions.push(explosion);

gameContainer.removeChild(bullet);
                gameContainer.removeChild(enemy);

bullets = bullets.filter((el) => el !== bullet);
                enemies = enemies.filter((el) => el !== enemy);

setTimeout(() => {
                  gameContainer.removeChild(explosion);
                  explosions = explosions.filter((el) => el !== explosion);
                }, 500);
              }
            });
          });
        }

function gameLoop() {
          moveBullets();
          moveEnemies();
          checkCollision();
        }

document.addEventListener("keydown", (event) => {
          if (event.key === " ") {
            const bullet = createBullet();
            gameContainer.appendChild(bullet);
            bullets.push(bullet);
          }
        });

gameContainer.addEventListener("mousemove", (event) => {
          const mouseX = event.clientX;
          playerX = mouseX - gameContainer.offsetLeft - player.offsetWidth / 2;
          player.style.left = playerX + "px";
        });

setInterval(() => {
          const enemy = createEnemy();
          gameContainer.appendChild(enemy);
          enemies.push(enemy);
        }, 1000);

setInterval(gameLoop, 10);
      };
    </script>
  </body>
</html>
```