Final Project - OpenProcessing

mySketch
xxxxxxxxxx
 
// Limited Manifestation Game: P5.js
// Shopping cart with manifestation icons, now with fail state, start screen, timer, and win screen.
​
let itemList;
let selectedItems;
let totalPoints;
let itemImages;
let bgImage;
let gameOver = false;
let gameStarted = false;
let timer = 10;
let timerInterval;
let gameWon = false;
​
function preload() {
  // Initialize itemImages
  itemImages = {
    "Love": loadImage("icon 1 .png"), // Love icon
    "Money": loadImage("icon 2 .png"), // Money icon
    "Health": loadImage("icon 3 .png"), // Health icon
    "Luxury": loadImage("icon 4 .png"), // Luxury icon
    "Happiness": loadImage("icon 5 .png"), // Happiness icon
    "Success": loadImage("icon 6 .png"), // Success icon
  };
  bgImage = loadImage("background.jpg"); // Background image
}
​
function setup() {
  createCanvas(800, 600);
  resetGame();
}
​
function draw() {
  if (!gameStarted) {
    drawStartScreen();
    return;
  }
​
  if (gameOver) {
    if (gameWon) {
      drawWinScreen();
      return;
    } else {
      drawGameOverScreen();
      return;
    }
  }
​
  drawGameScreen();
}
​
function drawStartScreen() {
  background(bgImage);
  textSize(36);
  fill(255);
  textAlign(CENTER, CENTER);
  text("Manifestation Shopping Game", width / 2, height / 2 - 20);
  textSize(18);
  text("Click 'Start' to begin", width / 2, height / 2 + 20);
​
  fill(0, 200, 0);
  rect(width / 2 - 50, height / 2 + 50, 100, 40);
  fill(255);
  text("Start", width / 2, height / 2 + 70);
}
​
function drawGameOverScreen() {
  background(0);
  textSize(36);
  fill(255, 0, 0);
  textAlign(CENTER, CENTER);
  text("Game Over!", width / 2, height / 2 - 20);
  textSize(18);
  text("Click anywhere to restart", width / 2, height / 2 + 20);
}
​
function drawWinScreen() {
  background(50, 150, 50);
  textSize(36);
  fill(255);
  textAlign(CENTER, CENTER);
  text("Congratulations! You Won!", width / 2, height / 2 - 40);
  textSize(18);
  text("Click anywhere to restart", width / 2, height / 2);
​
  // Add confetti effect
  for (let i = 0; i < 100; i++) {
    fill(random(255), random(255), random(255));
    ellipse(random(width), random(height), random(5, 15));
  }
}
​
function drawGameScreen() {
  background(bgImage);
​
  textSize(18);
  fill(0);
  textAlign(LEFT);
  text("Welcome to the Manifestation Shopping Game!", 20, 30);
  text("Shop without exceeding 10 points!", 20, 50);
​
  // Display timer
  textSize(24);
  fill(255, 0, 0);
  text(`Time Left: ${timer}s`, width - 150, 30);
​
  // Draw items on the screen
  for (let i = 0; i < itemList.length; i++) {
    let y = 120 + i * 90;
    if (itemImages[itemList[i].name]) {
      image(itemImages[itemList[i].name], 20, y - 40, 70, 70);
    }
    if (i >= itemList.length - 3) {
      text(`${itemList[i].name}: ${itemList[i].points} points`, 200, y);
    } else {
      text(`${itemList[i].name}: ${itemList[i].points} points`, 190, y );
    }
    fill(200);
    rect(600, y - 30, 140, 50);
    fill(0);
    textAlign(CENTER, CENTER);
    text("Add to Cart", 670, y);
  }
​
  // Draw the cart
  fill(200);
  rect(20, 500, 760, 80);
  fill(0);
  textAlign(LEFT);
  textSize(24);
  text("Cart: ", 30, 530);
​
  let xOffset = 100;
  for (let item of selectedItems) {
    if (itemImages[item.name]) {
      image(itemImages[item.name], xOffset, 510, 50, 50);
    }
    xOffset += 60;
  }
​
  textAlign(CENTER);
  fill(0);
  textSize(24);
  text(`Total Points: ${totalPoints}`, 400, 550);
​
  if (totalPoints > 10) {
    gameOver = true;
    gameWon = false;
  }
}
​
function mousePressed() {
  if (!gameStarted) {
    if (
      mouseX > width / 2 - 50 &&
      mouseX < width / 2 + 50 &&
      mouseY > height / 2 + 50 &&
      mouseY < height / 2 + 90
    ) {
      gameStarted = true;
      startTimer();
    }
    return;
  }
​
  if (gameOver || timer <= 0) {
    resetGame();
    return;
  }
​
  for (let i = 0; i < itemList.length; i++) {
    let y = 120 + i * 90;
    if (mouseX > 600 && mouseX < 740 && mouseY > y - 30 && mouseY < y + 20) {
      if (totalPoints + itemList[i].points <= 10) {
        selectedItems.push(itemList[i]);
        totalPoints += itemList[i].points;
      } else {
        gameOver = true;
      }
    }
  }
}
​
function resetGame() {
  selectedItems = [];
  totalPoints = 0;
  gameOver = false;
  gameStarted = false;
  gameWon = false;
  timer = 10;
  clearInterval(timerInterval);
​
  const possibleItems = [
    { name: "Love", points: Math.floor(random(5, 8)) },
    { name: "Money", points: Math.floor(random(7, 10)) },
    { name: "Health", points: Math.floor(random(4, 6)) },
    { name: "Luxury", points: Math.floor(random(3, 5)) },
    { name: "Happiness", points: Math.floor(random(4, 7)) },
    { name: "Success", points: Math.floor(random(6, 9)) },
  ];
​
  itemList = shuffle(possibleItems).slice(0, 4); // Select 4 random items each refresh
}
​
function startTimer() {
  timerInterval = setInterval(() => {
    timer--;
    if (timer <= 0) {
      clearInterval(timerInterval);
      if (totalPoints <= 10) {
        gameWon = true;
      }
      gameOver = true;
    }
  }, 1000);
}
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​