Clicker Game [DRAFT] - OpenProcessing

mySketch
xxxxxxxxxx
 
let button, score, multiplier, str, spacing_score, spacing_multi, shop_open, pos;
​
let VERS = 0.2
​
let date = new Date()
​
//function error(err) {
//  console.log(`Woah there! That shouldn't have happened! Please, copy and paste this into the comments!\nVersion: ${VERS}, \nDate: ${date.getMonth()}/${date.getDate()}/${date.getFullYear()}\nError: ${err}`)
//}
​
/*
--- UPDATE LOG ---
V0.1 - Release (3/5/24)
V0.2 - Fixed score bug (x2), and fixed upgrade scroll bar (3/9/24)
------------------
*/
​
score = 0;
multiplier = 0;
str = 0;
shop_open = false
pos = 25;
​
function setup() {
  createCanvas(windowWidth, windowHeight)
  background(100)
​
  button = createButton("")
  button.size(200, 100)
  button.position(windowWidth / 2 - 145, windowHeight / 2)
  let maxHeight = 20
  let minHeight = windowHeight
}
​
function debug() {
  console.log("Click")
}
​
function increaseScore() {
  if (multiplier <= 0) {
    score += 1
  } else if (multiplier >= 1) {
    score += multiplier
  }
}
​
function draw() {
  button.mouseClicked(increaseScore)
  background(220)
  textSize(24)
  
  str = `Score: ${score}`
  spacing_score = windowWidth / 2 - textWidth(str)
  str = `Multiplier: x${multiplier}`
  spacing_multi = windowWidth / 2 - textWidth(str) + 20
  
  text(`Score: ${score}`, spacing_score, 20)
  text(`Multiplier: x${multiplier}`, spacing_multi, 45)
  
  if (shop_open) {
    drawShop()
    checkPos()
  }
}
​
function keyTyped() {
  if (key === "s") {
    if(shop_open === false) {
    shop_open = true
    } else if (shop_open === true) {
      shop_open = false
    }
  }
}
​
function checkPos() {
  if (pos < 25) {
    while (pos < 25) {
      pos += 1
    }
  } else if (pos > windowHeight - 25 ) {
    while (pos > windowHeight - 25) {
      pos -= 1
    }
  }
}
​
function drawShop() {
  let container, scroll_bar;
  container = rect(0, 0, 200, windowHeight) // X, Y, W, L
  text("Upgrades", 45, 25) // STR, X, Y
  scroll_bar = rect(25, pos, 10, 25)
}
​
function mouseWheel(event) {
  pos += event.delta
  return false;
}