Galaxion remake with spaceship you control where it shoots 1 bullet every second, and the opponents are aliens shooting back at you. If they shoot you, you explode, and you lose a life, if you lose all the lives, you get a game over, you are in space's game

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

No:43301

←

Prev Next

→

Galaxion remake with spaceship you control where i..ALL
Developer User19162｜Date and time 24/2/15 5:56:46
Build time 20.512 sec｜Game capacity 5.553KB｜

Script

Sure, here's an example of a Galaxion remake game implemented as a single HTML file using JavaScript:

To play the game, you can save this code in a file with a `.html` extension and open it in a web browser. The game can be played on a smartphone by tapping on the game screen to shoot bullets from the spaceship. The spaceship can move automatically, and the opponents (aliens) will shoot back at you. If the aliens shoot the spaceship, the player loses a life, and if all lives are lost, the game is over.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure, here's an example of a Galaxion remake game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Galaxion Remake</title>
  <style>
    #game-container {
      width: 100%;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #000;
      color: #fff;
    }
  </style>
</head>

// Game state variables
    let lives = MAX_LIVES;
    let score = 0;
    let gameIsOver = false;

// Ship object
    const ship = {
      x: GAME_WIDTH / 2 - SHIP_WIDTH / 2,
      y: GAME_HEIGHT - SHIP_HEIGHT - 10,
      width: SHIP_WIDTH,
      height: SHIP_HEIGHT,
      color: 'white',
      canShoot: true,
      shoot() {
        if (!gameIsOver && this.canShoot) {
          bullets.push(Bullet(this.x + SHIP_WIDTH / 2 - BULLET_WIDTH / 2, this.y));
          this.canShoot = false;
          setTimeout(() => {
            this.canShoot = true;
          }, 1000);
        }
      },
    };

// Bullet object
    function Bullet(x, y) {
      return {
        x: x,
        y: y,
        width: BULLET_WIDTH,
        height: BULLET_HEIGHT,
        color: 'white',
        update() {
          this.y -= 5;
        },
      };
    }

// Alien object
    function Alien(x, y) {
      return {
        x: x,
        y: y,
        width: ALIEN_WIDTH,
        height: ALIEN_HEIGHT,
        color: 'green',
        update() {
          this.y += 2;
        },
      };
    }

// Initialize game canvas and event listeners
    const canvas = document.getElementById('game-canvas');
    const context = canvas.getContext('2d');
    canvas.width = GAME_WIDTH;
    canvas.height = GAME_HEIGHT;

document.addEventListener('keydown', (event) => {
      if (event.code === 'Space') {
        ship.shoot();
      }
    });

// Game loop
    function gameLoop() {
      context.clearRect(0, 0, GAME_WIDTH, GAME_HEIGHT);

if (!gameIsOver) {
        // Draw ship
        context.fillStyle = ship.color;
        context.fillRect(ship.x, ship.y, ship.width, ship.height);

// Draw bullets
        for (let i = bullets.length - 1; i >= 0; i--) {
          bullets[i].update();
          context.fillStyle = bullets[i].color;
          context.fillRect(bullets[i].x, bullets[i].y, bullets[i].width, bullets[i].height);

// Check bullet collision with aliens
          for (let j = aliens.length - 1; j >= 0; j--) {
            if (
              bullets[i].x < aliens[j].x + aliens[j].width &&
              bullets[i].x + bullets[i].width > aliens[j].x &&
              bullets[i].y < aliens[j].y + aliens[j].height &&
              bullets[i].y + bullets[i].height > aliens[j].y
            ) {
              score++;
              aliens.splice(j, 1);
              bullets.splice(i, 1);
              break;
            }
          }

if (bullets[i] && bullets[i].y < 0) {
            bullets.splice(i, 1);
          }
        }

// Draw aliens
        for (let i = aliens.length - 1; i >= 0; i--) {
          aliens[i].update();
          context.fillStyle = aliens[i].color;
          context.fillRect(aliens[i].x, aliens[i].y, aliens[i].width, aliens[i].height);

// Check alien collision with ship
          if (
            ship.x < aliens[i].x + aliens[i].width &&
            ship.x + ship.width > aliens[i].x &&
            ship.y < aliens[i].y + aliens[i].height &&
            ship.y + ship.height > aliens[i].y
          ) {
            lives--;
            
            if (lives <= 0) {
              gameIsOver = true;
            }
          }
        }

// Draw score and lives
        context.fillStyle = 'white';
        context.font = '20px Arial';
        context.fillText(`Score: ${score}`, 10, 30);
        context.fillText(`Lives: ${lives}`, GAME_WIDTH - 100, 30);

if (aliens.length === 0) {
          gameIsOver = true;
        }
      } else {
        context.fillStyle = 'white';
        context.font = '40px Arial';
        context.fillText('Game Over', GAME_WIDTH / 2 - 100, GAME_HEIGHT / 2);
      }

requestAnimationFrame(gameLoop);
    }

// Create initial aliens
    const aliens = [];
    for (let row = 0; row < ALIEN_ROWS; row++) {
      for (let col = 0; col < ALIEN_COLS; col++) {
        aliens.push(
          Alien(col * (ALIEN_WIDTH + ALIEN_SPACING), row * (ALIEN_HEIGHT + ALIEN_SPACING))
        );
      }
    }

// Create bullets array
    const bullets = [];

// Start the game loop
    gameLoop();
  </script>
</body>

</html>
```