invader's game | AI game creator

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

No:67

412

invader
Developer anonymous｜Date and time 23/5/11 15:29:52
Build time 129.718 sec｜Game capacity 6.625KB｜

(Invaders)

👾 self、👽 is the enemy、🔫 represents your attack. Use the left and right arrow keys to move yourself and、Use the space key to attack. When you defeat an enemy, your score is added and、If an enemy catches up with you, you lose a life. When all enemies are defeated, you gain a level and、Enemy speed will increase. The game is over when you lose all your lives.

→ 　

0　

0　

　

　

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

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

(C)2023 HisashiApp

(Invaders)

<div id="game"></div>

<script>
  let game = document.getElementById("game");
  let score = 0;
  let lives = 3;
  let speed = 10;
  let invaders = [];
  let bullets = [];
  let player = {
    position: 50,
    width: 25,
    height: 25
  };

function update() {
    clear();
    drawPlayer();
    drawInvaders();
    drawBullets();
    moveBullets();
    moveInvaders();
    detectCollision();
    detectLoss();
    detectWin();
    updateScore();
  }

function drawPlayer() {
    game.innerHTML += `<span style="position: absolute; left: ${player.position}px; top: 90%;">👾</span>`;
  }

function drawInvaders() {
    invaders.forEach(invader => {
      game.innerHTML += `<span style="position: absolute; left: ${invader.position}px; top: ${invader.marginTop}%; color: #00ffff">👽</span>`;
    });
  }

function drawBullets() {
    bullets.forEach(bullet => {
      game.innerHTML += `<span style="position: absolute; left: ${bullet.position}px; top: ${bullet.marginTop}%; color: #00ff00">🔫</span>`;
    });
  }

function moveBullets() {
    bullets.forEach(bullet => {
      bullet.marginTop -= speed;
    });
  }

function moveInvaders() {
    invaders.forEach(invader => {
      invader.position += speed;
    });
  }

function detectCollision() {
    bullets.forEach(bullet => {
      invaders.forEach(invader => {
        if (bullet.marginTop <= invader.marginTop + 10 && bullet.marginTop >= invader.marginTop - 10 && bullet.position <= invader.position + 10 && bullet.position >= invader.position - 10) {
          invaders.splice(invaders.indexOf(invader), 1);
          bullets.splice(bullets.indexOf(bullet), 1);
          score += 10;
        }
      });
    });
  }

function detectLoss() {
    invaders.forEach(invader => {
      if (invader.marginTop >= 95) {
        lives--;
        invaders = [];
        bullets = [];
        speed = 10;
      }
    });
  }

function detectWin() {
    if (invaders.length === 0) {
      invaders = [];
      bullets = [];
      speed += 5;
      let count = 1;
      for (let i = 0; i < 5; i++) {
        for (let j = 0; j < 10; j++) {
          invaders.push({
            position: count * 30,
            marginTop: i * 10
          });
          count++;
        }
      }
    }
  }

function updateScore() {
    game.innerHTML += `<br/> Score: ${score}<br/> Lives: ${lives}`;
  }

function clear() {
    game.innerHTML = "";
  }

function movePlayer(e) {
    if (e.key === "ArrowLeft") {
      if (player.position > 0) {
        player.position -= 10;
      }
    } else if (e.key === "ArrowRight") {
      if (player.position < 95) {
        player.position += 10;
      }
    } else if (e.key === " ") {
      bullets.push({
        position: player.position + player.width / 2,
        marginTop: 90
      });
    }
  }

document.addEventListener("keydown", movePlayer);

setInterval(update, 100);
</script>

<p>👾 は自分、👽 は敵、🔫 は自分の攻撃を表します。左右の矢印キーで自分を動かし、スペースキーで攻撃してください。敵を倒すとスコアが加算され、敵に追いつかれるとライフが減ります。全ての敵を倒すとレベルが上がり、敵の速度が上がります。全てのライフを失うとゲームオーバーです。</p>

(Translation:)

Invaders

<div id="game"></div>

<script>
  let game = document.getElementById("game");
  let score = 0;
  let lives = 3;
  let speed = 10;
  let invaders = [];
  let bullets = [];
  let player = {
    position: 50,
    width: 25,
    height: 25
  };

function update() {
    clear();
    drawPlayer();
    drawInvaders();
    drawBullets();
    moveBullets();
    moveInvaders();
    detectCollision();
    detectLoss();
    detectWin();
    updateScore();
  }

function drawPlayer() {
    game.innerHTML += `<span style="position: absolute; left: ${player.position}px; top: 90%;">👾</span>`;
  }

function drawInvaders() {
    invaders.forEach(invader => {
      game.innerHTML += `<span style="position: absolute; left: ${invader.position}px; top: ${invader.marginTop}%; color: #00ffff">👽</span>`;
    });
  }

function drawBullets() {
    bullets.forEach(bullet => {
      game.innerHTML += `<span style="position: absolute; left: ${bullet.position}px; top: ${bullet.marginTop}%; color: #00ff00">🔫</span>`;
    });
  }

function moveBullets() {
    bullets.forEach(bullet => {
      bullet.marginTop -= speed;
    });
  }

function moveInvaders() {
    invaders.forEach(invader => {
      invader.position += speed;
    });
  }

function detectCollision() {
    bullets.forEach(bullet => {
      invaders.forEach(invader => {
        if (bullet.marginTop <= invader.marginTop + 10 && bullet.marginTop >= invader.marginTop - 10 && bullet.position <= invader.position + 10 && bullet.position >= invader.position - 10) {
          invaders.splice(invaders.indexOf(invader), 1);
          bullets.splice(bullets.indexOf(bullet), 1);
          score += 10;
        }
      });
    });
  }

function detectLoss() {
    invaders.forEach(invader => {
      if (invader.marginTop >= 95) {
        lives--;
        invaders = [];
        bullets = [];
        speed = 10;
      }
    });
  }

function detectWin() {
    if (invaders.length === 0) {
      invaders = [];
      bullets = [];
      speed += 5;
      let count = 1;
      for (let i = 0; i < 5; i++) {
        for (let j = 0; j < 10; j++) {
          invaders.push({
            position: count * 30,
            marginTop: i * 10
          });
          count++;
        }
      }
    }
  }

function updateScore() {
    game.innerHTML += `<br/> Score: ${score}<br/> Lives: ${lives}`;
  }

function clear() {
    game.innerHTML = "";
  }

function movePlayer(e) {
    if (e.key === "ArrowLeft") {
      if (player.position > 0) {
        player.position -= 10;
      }
    } else if (e.key === "ArrowRight") {
      if (player.position < 95) {
        player.position += 10;
      }
    } else if (e.key === " ") {
      bullets.push({
        position: player.position + player.width / 2,
        marginTop: 90
      });
    }
  }

document.addEventListener("keydown", movePlayer);

setInterval(update, 100);
</script>

<p>👾 is you, 👽 is the enemy, 🔫 is your attack. Use the left and right arrow keys to move yourself and the space bar to attack. Your score increases as you defeat enemies, and your lives decrease as the enemies catch up to you. When you defeat all the enemies, the level goes up and the enemy speed increases. If you lose all your lives, it's game over.</p>