Assignment 3 - OpenProcessing

mySketch
xxxxxxxxxx
 
let gameStarted = false;
let gameOver = false;
let restartButton;
let backgroundImg, gameBackgroundImg, gameOverImg;
let basket;
let mushrooms = [];
let bombs = [];
let score = 0;
let timer = 60;
let timerInterval;
​
function preload() {
  backgroundImg = loadImage('background.jpg');
  gameBackgroundImg = loadImage('game_background.jpg');
  gameOverImg = loadImage('game_over.jpg');
  mushroomImg = loadImage('mushroom_transparent.png');
  basketImg = loadImage('basket_transparent.png');
  bombImg = loadImage('bomb_transparent.png');
}
​
function setup() {
  createCanvas(800, 800);
  restartButton = createButton('RESTART');
  restartButton.style('font-size', '24px');
  restartButton.style('background-color', '#FFD700');
  restartButton.style('padding', '12px 24px');
  restartButton.style('border-radius', '8px');
  restartButton.position(width / 2 - 50, height / 2 + 50);
  restartButton.mousePressed(restartGame);
  restartButton.hide();
  
  basket = new Basket();
}
​
function startGame() {
  gameStarted = true;
  gameOver = false;
  score = 0;
  timer = 60;
  clearInterval(timerInterval);
  timerInterval = setInterval(() => {
    if (timer > 0) {
      timer--;
    } else {
      gameOver = true;
      clearInterval(timerInterval);
    }
  }, 1000);
  
  restartButton.hide();
​
  mushrooms = [];
  bombs = [];
  for (let i = 0; i < 10; i++) {
    mushrooms.push(new Mushroom());
  }
  for (let i = 0; i < 3; i++) {
    bombs.push(new Bomb());
  }
}
​
function draw() {
  if (!gameStarted) {
    displayStartScreen();
  } else if (!gameOver) {
    playGame();
  } else {
    displayGameOver();
  }
}
​
function displayStartScreen() {
  background(20, 20, 50);
  image(backgroundImg, 0, 0, width, height);
  
  fill(0, 0, 0, 180);
  rect(width / 2 - 300, height / 2 - 150, 600, 250, 20);
  
  textSize(24);
  fill(255, 215, 0);
  textAlign(CENTER);
  text("🌟 WELCOME TO MUSHROOM CATCH! 🌟", width / 2, height / 2 - 120);
  
  textSize(28);
  fill(255);
  text("✨ Catch as many mushrooms as you can!", width / 2, height / 2 - 30);
  image(bombImg, width / 2 - 90, height / 2 - 25, 30, 30);
  text("💣 But beware of the falling bombs!", width / 2 - 50, height / 2);
  text("🕹️ Move the basket with your mouse!", width / 2, height / 2 + 30);
  
  fill(255, 215, 0);
  rect(width / 2 - 200, height / 2 + 70, 400, 80, 20);
  
  fill(0);
  textSize(30);
  text("CLICK TO START", width / 2, height / 2 + 110);
}
​
function mousePressed() {
  if (!gameStarted) {
    startGame();
  }
}
​
function playGame() {
  image(gameBackgroundImg, 0, 0, width, height);
  
  fill(255, 215, 0);
  rect(80, 30, 120, 40, 10);
  textSize(24);
  fill(0);
  textAlign(CENTER);
  text(`Score: ${score}`, 140, 55);
  
  fill(255, 215, 0);
  rect(80, 80, 120, 40, 10);
  textSize(24);
  fill(0);
  text(`Time: ${timer}`, 140, 105);
  
  for (let mushroom of mushrooms) {
    mushroom.update();
    mushroom.show();
    if (basket.collect(mushroom)) {
      score++;
      mushroom.reset();
    }
  }
  
  for (let bomb of bombs) {
    bomb.update();
    bomb.show();
    if (basket.collect(bomb)) {
      gameOver = true;
    }
  }
  
  basket.update();
  basket.show();
}
​
function displayGameOver() {
  clearInterval(timerInterval);
  image(gameOverImg, 0, 0, width, height);
​
  // Sarı arka plan kutusu
  fill(255, 215, 0);
  rect(width / 2 - 220, height / 2 - 80, 440, 120, 20);
​
  // "GAME OVER!" yazısı
  textSize(42);
  fill(255, 0, 0);
  textAlign(CENTER);
  text("GAME OVER!", width / 2, height / 2 - 20);
​
  // Skor gösterimi
  textSize(36);
  fill(0);
  text(`Final Score: ${score}`, width / 2, height / 2 + 20);
​
  // Restart butonunu göster
  restartButton.show();
}
​
function restartGame() {
  gameStarted = false;
  gameOver = false;
  startGame();
}
​
class Mushroom {
  constructor() {
    this.x = random(width);
    this.y = random(-500, -50);
    this.speed = random(2, 5);
    this.size = 60;
  }
  update() {
    this.y += this.speed;
    if (this.y > height) {
      this.reset();
    }
  }
  reset() {
    this.y = random(-500, -50);
    this.x = random(width);
  }
  show() {
    image(mushroomImg, this.x, this.y, this.size, this.size);
  }
}
​
class Bomb {
  constructor() {
    this.x = random(width);
    this.y = random(-500, -50);
    this.speed = random(3, 6);
    this.size = 100;
  }
  update() {
    this.y += this.speed;
    if (this.y > height) {
      this.reset();
    }
  }
  reset() {
    this.y = random(-500, -50);
    this.x = random(width);
  }
  show() {
    image(bombImg, this.x, this.y, this.size, this.size);
  }
}
​
class Basket {
  constructor() {
    this.x = width / 2;
    this.y = height - 100;
    this.width = 140;
    this.height = 90;
  }
  update() {
    this.x = constrain(mouseX, this.width / 2, width - this.width / 2);
  }
  show() {
    image(basketImg, this.x - this.width / 2, this.y, this.width, this.height);
  }
  collect(item) {
    return (
      item.y + item.size / 2 > this.y &&
      item.x > this.x - this.width / 2 &&
      item.x < this.x + this.width / 2
    );
  }
}
​
​
​