Sketch 2026-07-03 15:55

  constructor() {
    this.width = 40;
    this.height = 30;
    this.x = width / 2 - this.width / 2; // Center horizontally
    this.y = height - 50; // Near the bottom
    this.speed = 5;
    this.bullets = [];
    this.lastShotTime = 0;
    this.shotDelay = 200; // Milliseconds between shots
  }

  move(direction) {
    this.x += direction * this.speed;
    this.x = constrain(this.x, 0, width - this.width); // Keep player on screen
  }

  shoot() {
    let currentTime = millis();
    if (currentTime - this.lastShotTime > this.shotDelay) {
      // Create a new bullet at the player's position
      let bullet = new Bullet(this.x + this.width / 2, this.y, -10); // Bullet moves up (-10 speed)
      this.bullets.push(bullet);
      this.lastShotTime = currentTime;
    }
  }

  update() {
    // Update all bullets
    for (let i = this.bullets.length - 1; i >= 0; i--) {
      this.bullets[i].update();
      // Remove bullets that go off-screen
      if (this.bullets[i].y < 0) {
        this.bullets.splice(i, 1);
      }
    }
  }

  display() {
    // Draw player spaceship
    fill(0, 0, 255); // Blue
    triangle(
      this.x, this.y + this.height,
      this.x + this.width, this.y + this.height,
      this.x + this.width / 2, this.y
    );

    // Display all bullets
    for (let bullet of this.bullets) {
      bullet.display();
    }
  }

  constructor(x, y, speed) {
    this.x = x;
    this.y = y;
    this.speed = speed;
    this.radius = 4;
  }

  update() {
    this.y += this.speed;
  }

  display() {
    fill(255, 255, 0); // Yellow
    ellipse(this.x, this.y, this.radius * 2);
  }

  constructor(x, y, speed, size) {
    this.x = x;
    this.y = y;
    this.speed = speed;
    this.size = size;
  }

  update() {
    this.y += this.speed;
  }

  display() {
    fill(255, 0, 0); // Red
    rectMode(CENTER);
    rect(this.x, this.y, this.size, this.size);
  }

function setup() {
  createCanvas(windowWidth, windowHeight);
  player = new Player();
  enemySpawnTimer = millis();
}

function draw() {
  background(0); // Black background

  // Update and display player
  player.update();
  player.display();

  // Handle player movement with arrow keys
  if (keyIsDown(LEFT_ARROW)) {
    player.move(-1);
  }
  if (keyIsDown(RIGHT_ARROW)) {
    player.move(1);
  }

  // Handle player shooting with spacebar
  if (keyIsDown(32)) { // ASCII code for spacebar
    player.shoot();
  }

  // Handle enemy spawning
  if (millis() - enemySpawnTimer > enemySpawnInterval) {
    let enemyX = random(player.width, width - player.width);
    let enemyY = -20; // Start off-screen at the top
    let enemySpeed = random(1, 3);
    let enemySize = random(20, 40);
    enemies.push(new Enemy(enemyX, enemyY, enemySpeed, enemySize));
    enemySpawnTimer = millis();
  }

  // Update and display enemies
  for (let i = enemies.length - 1; i >= 0; i--) {
    enemies[i].update();
    enemies[i].display();

    // Remove enemies that go off-screen at the bottom
    if (enemies[i].y > height + enemies[i].size / 2) {
      enemies.splice(i, 1);
      // Optionally, deduct score or end game if enemy passes
    }
  }

  // Collision detection: bullets vs. enemies
  for (let i = player.bullets.length - 1; i >= 0; i--) {
    let bullet = player.bullets[i];
    for (let j = enemies.length - 1; j >= 0; j--) {
      let enemy = enemies[j];

      // Simple circular/rectangular collision check
      let distance = dist(bullet.x, bullet.y, enemy.x, enemy.y);
      if (distance < bullet.radius + enemy.size / 2) {
        // Bullet hit enemy
        player.bullets.splice(i, 1); // Remove bullet
        enemies.splice(j, 1);       // Remove enemy
        score += 10;                // Increase score
        break; // Exit inner loop, bullet is gone
      }
    }
  }

  // Display score
  fill(255);
  textSize(24);
  textAlign(LEFT);
  text("Score: " + score, 10, 30);
}

function touchStarted() {
  // Check if touch is on left or right half of the screen for movement
  if (mouseX < width / 2) {
    player.move(-1);
  } else {
    player.move(1);
  }
  // Also shoot on touch
  player.shoot();
  return false; // Prevent default browser behavior
}

function touchEnded() {
  // If you want continuous movement with touch, you'd need a different approach
  // For now, it's a tap-to-move/shoot mechanic.
  return false;
}

function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
  // Re-center player if canvas size changes significantly
  player.x = width / 2 - player.width / 2;
  player.y = height - 50;
}