Space Game - OpenProcessing

mySketch.js
xxxxxxxxxx
 
let player;
let enemies = [];
let bullets = [];
let bg;
​
function preload() {
  // Load your images
  bg = loadImage('Bg.jpg');
  playerImg = loadImage('pink_ship_2.png');
  enemyImg = loadImage('green_ship_2.png');
  fireballImg = loadImage('fireball.png'); // New texture for fireballs
}
​
function setup() {
  createCanvas(800, 600);
  player = new Player();
  for (let i = 0; i < 3; i++) {
    for (let j = 0; j < 4; j++) {
      enemies.push(new Enemy(j*160 + 100, i*70 + 70));
    }
  }
}
​
function draw() {
  background(bg);
​
  player.show();
  player.move();
​
  for (let enemy of enemies) {
    enemy.show();
    enemy.move();
  }
​
  for (let bullet of bullets) {
    bullet.show();
    bullet.move();
    if (bullet.hits(player)) {
      console.log("Player hit!");
    }
    for (let enemy of enemies) {
      if (bullet.hits(enemy)) {
        bullets.splice(bullets.indexOf(bullet), 1);
        enemies.splice(enemies.indexOf(enemy), 1);
        break;
      }
    }
  }
}
​
function keyPressed() {
  if (key === ' ') {
    bullets.push(new Bullet(player.x, height - 50));
  }
}
​
class Player {
  constructor() {
    this.x = width / 2;
    this.y = height - 80; // Adjust the player's starting position
  }
​
  show() {
    image(playerImg, this.x, this.y, 100, 100); // Increase the size of the player's ship
  }
​
  move() {
    if (keyIsDown(LEFT_ARROW)) {
      this.x -= 5;
    }
    if (keyIsDown(RIGHT_ARROW)) {
      this.x += 5;
    }
  }
}
​
class Enemy {
  constructor(x, y) {
    this.x = x;
    this.y = y;
    this.direction = 1; // Added direction for left to right movement
    this.speed = 1; // Added speed for slower movement
  }
​
  show() {
    image(enemyImg, this.x, this.y, 100, 100); // Increase the size of enemy ships
  }
​
  move() {
    this.x += this.direction * this.speed;
    if (this.x > width - 100 || this.x < 0) {
      this.direction *= -1; // Reverse direction at screen edges
      this.y += 10; // Move down when changing direction
    }
  }
}
​
class Bullet {
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }
​
  show() {
    image(fireballImg, this.x, this.y, 20, 20); // Set the size of fireballs and use the new texture
  }
​
  move() {
    this.y -= 5;
  }
​
  hits(target) {
    let d = dist(this.x, this.y, target.x, target.y);
    return d < 50; // Adjust this value as needed for accurate hit detection
  }
}
​