Cookie Clicker

let wood, cookieimg, emraldcookieimg, cursorimg, cookie, emraldcookie, ecstart, frenzydisplay, clickfrenzydisplay, wipescreen;

let cookies = 500000,

  cps = 0,

  morecps = 0,

  previousTime = 0,

  clickpower = 10000,

  clickingpercent = 500,

  moreclickpower = 300000;

let mycursor, mycursorbutton, grandma, grandmabutton, farm, farmbutton, mine, minebutton, factory, factorybutton, bank, bankbutton,

  temple, templebutton, wizardtower, wizardtowerbutton, shipment, shipmentbutton, alchemylab, alchemylabbutton, portal,

  portalbutton, timemachine, timemachinebutton, clickingup, cursorup;

let addtime = false

let frenzyison = false

let clickfrenzyison = false

let wipescreenon = false

let timeleft = 77;

let startTime = 0;

let currentTime = 0;

​

function convertSeconds(s) {

  var min = floor(s / 60);

  var sec = s % 60;

  return nf(min, 2) + ':' + nf(sec, 2);

}

​

//-------------------PRELOAD-------------------------PRELOAD------------------------------------PRELOAD--------------------

function preload() {

  wood = loadImage("download.jpg");

  cookieimg = loadImage("pngimg.com - cookie_PNG13659.png");

  emraldcookieimg = loadImage("EmraldCookie.png");

}

//-----------------------------------------SETUP-----------------------SETUP--------------------------------SETUP-----------

function setup() {

  frameRate(30)

  createCanvas(windowWidth - 23, windowHeight * 2);

  cookie = new Cookie();

  emraldcookie = new EmraldCookie();

  frenzydisplay = new frenzyDisplay()

  clickfrenzydisplay = new clickFrenzyDisplay()

  wipescreen = new wipeScreen()

  mycursor = new Cursor();

  grandma = new Grandma();

  farm = new Farm();

  mine = new Mine();

  factory = new Factory();

  bank = new Bank();

  temple = new Temple();

  wizardtower = new WizardTower();

  shipment = new Shipment();

  alchemylab = new AlchemyLab();

  portal = new Portal();

  timemachine = new TimeMachine();

  clickingup = new Clickingup();

  cursorup = new Cursorup();

  let this_cookies = getItem('some-cookies');

  let this_cps = getItem('some-cps');

  let this_clickcps = getItem('some-clickcps');

  let this_clickpowerplus = getItem('clickpowerplus');

​

  let this_cursors = getItem('some-cursors');

  let this_grandmas = getItem('some-grandmas');

  let this_farms = getItem('some-farms');

  let this_mines = getItem('some-mines');

  let this_factorys = getItem('some-factorys');

  let this_banks = getItem('some-banks');

  let this_temples = getItem('some-temples');

  let this_wizardtowers = getItem('some-wizardtowers');

  let this_shipments = getItem('some-shipments');

  let this_alchemylabs = getItem('some-alchemylabs');

  let this_portals = getItem('some-portals');

  let this_timemachines = getItem('some-timemachines');

​

  let cursor_price = getItem('cursor-price')

  let grandma_price = getItem('grandma-price')

  let farm_price = getItem('farm-price')

  let mine_price = getItem('mine-price')

  let factory_price = getItem('factory-price')

  let bank_price = getItem('bank-price')

  let temple_price = getItem('temple-price')

  let wizardtower_price = getItem('wizardtower-price')

  let shipment_price = getItem('shipment-price')

  let alchemylab_price = getItem('alchemylab-price')

  let portal_price = getItem('portal-price')

  let timemachine_price = getItem('timemachine-price')

​

  cookies = this_cookies;

  clickpower = this_clickcps;

  clickingup.price = this_clickpowerplus

  if (this - cps !== null) {

    cps = this_cps;

  }

  mycursor.howmanyhaveigot = this_cursors;

  grandma.howmanyhaveigot = this_grandmas;

  farm.howmanyhaveigot = this_farms;

  mine.howmanyhaveigot = this_mines;

  factory.howmanyhaveigot = this_factorys;

  bank.howmanyhaveigot = this_banks;

  temple.howmanyhaveigot = this_temples;

  wizardtower.howmanyhaveigot = this_wizardtowers;

  shipment.howmanyhaveigot = this_shipments;

  alchemylab.howmanyhaveigot = this_alchemylabs;

  portal.howmanyhaveigot = this_portals;

  timemachine.howmanyhaveigot = this_timemachines;

​

  if (cursor_price !== null) {

    mycursor.price = cursor_price;

  } else if (grandma_price !== null) {

    grandma.price = grandma_price;

  } else if (farm_price !== null) {

    farm.price = farm_price;

  } else if (mine_price !== null) {

    mine.price = mine_price;

  } else if (factory_price !== null) {

    factory.price = factory_price;

  } else if (bank_price !== null) {

    bank.price = bank_price;

  } else if (temple_price !== null) {

    temple.price = temple_price;

  } else if (wizardtower_price !== null) {

    wizardtower.price = wizardtower_price;

  } else if (shipment_price !== null) {

    shipment.price = shipment_price;

  } else if (alchemylab_price !== null) {

    alchemylab.price = alchemylab_price;

  } else if (portal_price !== null) {

    portal.price = portal_price;

  } else if (timemachine_price !== null) {

    timemachine.price = timemachine_price;

  }

  setTimeout(ecspawn, 3000);

​

  // startTime = millis();

​

  //  let interval = setInterval(timeIt, 1000);

​

  //  function timeIt() {

  //    currentTime = floor((millis() - startTime) / 1000);

  //    if (currentTime == timeleft) {

  //      clearInterval(interval);

  //    }

  //  }

}

//------------------------------------DRAW------------------------------------DRAW-----------------------------DRAW-----------

function draw() {

  background(0, 20, 0)

  mycursor.show();

  grandma.show();

  farm.show();

  mine.show();

  factory.show();

  bank.show();

  temple.show();

  wizardtower.show();

  shipment.show();

  alchemylab.show();

  portal.show();

  timemachine.show();

  clickingup.show();

  cursorup.show();

  backdrop();

  info();

  cookie.show();

  emraldcookie.show();

​

  clickpower = cps / 100 * clickingup.howmanyhaveigot + 1

​

  //-----------------------------------CPS-------------------------CPS--------------------------CPS-----------------------

​

  let seconds = floor(millis() / 100);

  let sec = floor(seconds % 60);

  let min = floor(seconds / 60);

  let hour = floor(seconds / 360);

  let timeis = sec + min * 60 + hour * 24;

  if (timeis > previousTime) {

    cookies += cps / 10;

    cookies += morecps / 10;

    previousTime++

  }

​

​

  //if its still on-----------------

  if (morecps > 0) {

    //then its on

    frenzyison = true

    frenzyDisplayActivate()

  } else {

    frenzyison = false

    frenzyDisplayActivate()

  }

​

  if (moreclickpower > 0) {

    //then its on

    clickfrenzyison = true

    clickFrenzyDisplayActivate()

  } else {

    clickfrenzyison = false

    clickFrenzyDisplayActivate()

  }

​

  if (wipescreenon == true) {

    wipescreen.show()

  } else {

​

  }

}

//----------------------------------CLICK BIG COOKIE------------------------CLICK BIG COOKIE---------------------------------

function mouseReleased() {

  if (cookie.clicked(mouseX, mouseY)) {

    if (addtime == true) {

      cookie.w += 10

      cookie.h += 10;

      addtime = false;

    } else {

      cookie.w -= 10;

      cookie.h -= 10;

      addtime = true;

    }

  }

​

  //----------------------------------------CLICK EMRALD COOKIE--------------------------------------CLICK EMRALD COOKIE

​

  if (emraldcookie.clicked(mouseX, mouseY)) {

    let decide = random(0, 100);

    if (decide < 47) {

      eclucky();

    } else if (decide > 47 && decide < 96) {

      ecfrenzy();

    } else {

      ecclickfrenzy()

    }

    emraldcookie.x = 1000000;

  }

}

​

//--------------------------------LUCKY--------------------------LUCKY----------------------------------------LUCKY

​

function eclucky() {

  if (cps * 900 + 13 > cookies / 100 * 15) {

    cookies += cookies / 100 * 15 + 13

  } else {

    cookies += (cps + morecps) * 900 + 13

  }

}

​

//-----------------------------------------FRENZY----------------------------FRENZY-------------------------------FRENZY

​

function ecfrenzy() {

  startTime = millis();

  timeleft = 77

  let interval = setInterval(timeIt, 1000);

​

  morecps = cps * 6

​

​

  //----------------FRENZYTIMER----

​

  function timeIt() {

    currentTime = floor((millis() - startTime) / 1000);

​

    //if its still going

    if (timeleft - currentTime <= 0) {

      clearInterval(interval);

      morecps = 0

    }

  }

}

​

function frenzyDisplayActivate() {

  //if its on

  if (frenzyison) {

    frenzydisplay.show()

  }

}

​

function frenzyDisplay() {

  this.show = function() {

    fill(0, 255, 0)

    text('Frenzy x7 cps  ' + convertSeconds(timeleft - currentTime), width / 6, height / 2 - 30)

  }

}

​

//-----------------------------CLICK FRENZY---------------------------CLICK FRENZY--------------------------------CLICK FRENZY

​

function ecclickfrenzy() {

  startTime = millis();

  timeleft = 13

  let interval = setInterval(timeIt, 1000);

​

  moreclickpower = clickpower * 776

​

  function timeIt() {

    currentTime = floor((millis() - startTime) / 1000);

​

    if (timeleft - currentTime <= 0) {

      clearInterval(interval);

      moreclickpower = 0

    }

  }

}

​

function clickFrenzyDisplayActivate() {

  //if its on

  if (clickfrenzyison) {

    clickfrenzydisplay.show()

  }

}

​

function clickFrenzyDisplay() {

  this.show = function() {

    fill(0, 255, 0)

    text('Click Frenzy x777 clicking power  ' + convertSeconds(timeleft - currentTime), width / 6, height / 2 - 30)

  }

}

​

//------------------INFO--------------------INFO----------------------INFO-----------------------------INFO-----------------

​

function info() {

  fill(0, 100, 0);

  noStroke();

  rect(0, 20, width / 3 - 10, 120);

  fill(0, 255, 0);

  textSize(50);

  textAlign(CENTER);

  text(numShort(cookies) + " Cookies", width / 6, 70);

  textSize(30);

  text(numShort(cps + morecps) + " CpS", width / 6, 115);

}

​

//--------------------BIG COOKIE--------------------------BIG COOKIE------------------------------BIG COOKIE---------------

​

class Cookie {

  constructor() {

    this.x = width / 6;

    this.y = 323;

    this.w = 300;

    this.h = 300;

  }

  show() {

    imageMode(CENTER);

    image(cookieimg, this.x, this.y, this.w, this.h);

  }

  clicked(x, y) {

    let d = dist(x, y, this.x, this.y);

    return d < this.w / 2 - 4;

  }

}

​

//-------------------------BACKGROUND---------------------------BACKGROUND--------------------------------BACKGROUND-----------

​

function backdrop() {

  textSize(40);

  textAlign(CENTER);

  fill(0, 255, 0);

  text("Store", (width / 6) * 4, 33);

  textSize(30);

  text("Upgrades", width / 3 + 120, 90);

  text("Buildings", (width / 6) * 5, 90);

  imageMode(CORNER);

  image(wood, width / 3 - 10, 0, 20, height / 2);

  image(wood, width / 4 * 3 - 16, 120, 20, height);

  image(wood, 0, 0, 20, height / 2);

  image(wood, 0, height / 2 - 20, width / 4 * 3 - 15, 20);

  image(wood, 0, 0, width / 3 - 10, 20);

  image(wood, 0, 140, width / 3 - 10, 20);

  image(wood, width / 3 + 10, 40, (width / 3) * 2, 20);

  image(wood, width / 3 + 10, 100, (width / 3) * 2, 20);

}

​

//-------------------SAVE----------------------SAVE-----------------------------SAVE-------------------------SAVE--------------

​

function wipe(){

    wipescreenon = false;

    cps = 0

    cookies = 0

    clickpower = 1

    clickingup.price = 100

    mycursor.howmanyhaveigot = 0

    mycursor.price = 15

    grandma.howmanyhaveigot = 0

    grandma.price = 100

    farm.howmanyhaveigot = 0

    farm.price = 1100

    mine.howmanyhaveigot = 0

    mine.price = 12000

    factory.howmanyhaveigot = 0

    factory.price = 130000

    bank.howmanyhaveigot = 0

    bank.price = 1400000

    temple.howmanyhaveigot = 0

    temple.price = 20000000

    wizardtower.howmanyhaveigot = 0

    wizardtower.price = 330000000

    shipment.howmanyhaveigot = 0

    shipment.price = 5100000000

    alchemylab.howmanyhaveigot = 0

    alchemylab.price = 75000000000

    portal.howmanyhaveigot = 0

    portal.price = 1000000000000

    timemachine.howmanyhaveigot = 0

    timemachine.price = 14000000000000

}

​

function keyPressed() {

  if (keyCode === 83) {

    saveGame()

  }

​

  if (key === 'w') {

    wipescreenon = true;

  }

}

​

//-----------------------------EMRALD COOKIE-------------------------EMRALD COOKIE------------------------EMRALD COOKIE-----

​

function EmraldCookie() {

  this.x = random(50, width - 50);

  this.y = random(50, height / 2 - 50);

  this.d = 100;

  this.show = function() {

    image(emraldcookieimg, this.x, this.y, this.d, this.d);

  }

  this.clicked = function(x, y) {

    let d = dist(x, y, this.x, this.y);

    return d < this.d / 2;

  }

}

​

//------------------------------SPAWN EMRALD COOKIE---------------------------SPAWN EMRALD COOKIE------------------------------

​

function ecspawn() {

  emraldcookie.x = random(50, width / 2 - 50);

  emraldcookie.y = random(50, height / 2 / 2 - 50);

  setTimeout(ecspawn, random(300000, 900000));

}

​

function numShort(n) {

  if (!n) {

    return '';

  } else if (n > 999999 && n < 1000000000) {

    return nfc(n / 1000000, 3) + ' M';

  } else if (n > 999999999 && n < 1000000000000) {

    return nfc(n / 1000000000, 3) + ' B';

  } else if (n > 999999999999 && n < 1000000000000000) {

    return nfc(n / 1000000000000, 3) + ' T';

  } else if (n > 999999999999999 && n < 1000000000000000000) {

    return nfc(n / 1000000000000000, 3) + ' Qa';

  } else if (n > 999999999999999999 && n < 1000000000000000000000) {

    return nfc(n / 1000000000000000000, 3) + ' Qi';

  } else if (n > 999999999999999999999 && n < 1000000000000000000000000) {

    return nfc(n / 1000000000000000000000, 3) + ' Sx';

  } else if (n > 999999999999999999999999 && n < 1000000000000000000000000000) {

    return nfc(n / 1000000000000000000000000, 3) + ' Sp';

  } else if (n > 999999999999999999999999999 && n < 1000000000000000000000000000000) {

    return nfc(n / 1000000000000000000000000000, 3) + ' Oc';

  } else if (n > 999999999999999999999999999999 && n < 1000000000000000000000000000000000) {

    return nfc(n / 1000000000000000000000000000000, 3) + ' No';

  } else if (n > 999999999999999999999999999999999 && n < 1000000000000000000000000000000000000) {

    return nfc(n / 1000000000000000000000000000000000, 3) + ' Dc';

  } else if (n > 999999999999999999999999999999999999 && n < 1000000000000000000000000000000000000000) {

    return nfc(n / 1000000000000000000000000000000000000, 3) + ' Ud';

  } else if (n > 999999999999999999999999999999999999999 && n < 1000000000000000000000000000000000000000000) {

    return nfc(n / 1000000000000000000000000000000000000000, 3) + ' Dd';

  } else if (n > 999999999999999999999999999999999999999999 && n < 1000000000000000000000000000000000000000000000) {

    return nfc(n / 1000000000000000000000000000000000000000000, 3) + ' Td';

  } else if (n > 999999999999999999999999999999999999999999999 && n < 1000000000000000000000000000000000000000000000000) {

    return nfc(n / 1000000000000000000000000000000000000000000000, 3) + ' Qad';

  } else if (n > 999999999999999999999999999999999999999999999999 && n < 1000000000000000000000000000000000000000000000000000) {

    return nfc(n / 1000000000000000000000000000000000000000000000000, 3) + ' Qid';

  } else if (n > 999999999999999999999999999999999999999999999999999 && n < 1000000000000000000000000000000000000000000000000000000) {

    return nfc(n / 1000000000000000000000000000000000000000000000000000, 3) + ' Sxd';

  } else if (n > 999999999999999999999999999999999999999999999999999999 && n < 1000000000000000000000000000000000000000000000000000000000) {

    return nfc(n / 1000000000000000000000000000000000000000000000000000000, 3) + ' Spd';

  } else if (n > 999999999999999999999999999999999999999999999999999999999 && n < 1000000000000000000000000000000000000000000000000000000000000) {

    return nfc(n / 1000000000000000000000000000000000000000000000000000000000, 3) + ' Ocd';

  } else if (n > 999999999999999999999999999999999999999999999999999999999999 && n < 1000000000000000000000000000000000000000000000000000000000000000) {

    return nfc(n / 1000000000000000000000000000000000000000000000000000000000000, 3) + ' Nod';

  } else if (n > 999999999999999999999999999999999999999999999999999999999999999 && n < 1000000000000000000000000000000000000000000000000000000000000000000) {

    return nfc(n / 1000000000000000000000000000000000000000000000000000000000000000, 3) + ' Vg';

  } else if (n > 999999999999999999999999999999999999999999999999999999999999999999 && n < 1000000000000000000000000000000000000000000000000000000000000000000000) {

    return nfc(n / 1000000000000000000000000000000000000000000000000000000000000000000, 3) + ' Uvg';

  } else {

    return nfc(n, 0);

  }

}

​

function saveGame() {

  storeItem('some-cookies', cookies);

  storeItem('some-cps', cps);

  storeItem('some-clickcps', clickpower);

  storeItem('clickpowerplus', clickingup.price)

​

  storeItem('some-cursors', mycursor.howmanyhaveigot);

  storeItem('some-grandmas', grandma.howmanyhaveigot);

  storeItem('some-farms', farm.howmanyhaveigot);

  storeItem('some-mines', mine.howmanyhaveigot);

  storeItem('some-factorys', factory.howmanyhaveigot);

  storeItem('some-banks', bank.howmanyhaveigot);

  storeItem('some-temples', temple.howmanyhaveigot);

  storeItem('some-wizardtowers', wizardtower.howmanyhaveigot);

  storeItem('some-shipments', shipment.howmanyhaveigot);

  storeItem('some-alchemylabs', alchemylab.howmanyhaveigot);

  storeItem('some-portals', portal.howmanyhaveigot);

  storeItem('some-timemachines', timemachine.howmanyhaveigot);

​

  storeItem('cursor-price', mycursor.price);

  storeItem('grandma-price', grandma.price);

  storeItem('farm-price', farm.price);

  storeItem('mine-price', mine.price);

  storeItem('factory-price', factory.price);

  storeItem('bank-price', bank.price);

  storeItem('temple-price', temple.price);

  storeItem('wizardtower-price', wizardtower.price);

  storeItem('shipment-price', shipment.price);

  storeItem('alchemylab-price', alchemylab.price);

  storeItem('portal-price', portal.price);

  storeItem('timemachine-price', timemachine.price);

}

​

function wipeScreen() {

  this.x = width / 2;

  this.y = height / 2 / 2;

  this.w = 300;

  this.h = 200;

​

  this.show = function() {

    push();

    rectMode(CENTER);

    fill(255, 0, 0);

    rect(this.x, this.y, this.w, this.h, 15);

​

    fill(0);

    noStroke();

​

    textStyle(BOLD);

    textSize(30);

    text('WIPE', this.x, this.y - 70);

​

    textStyle(NORMAL);

    textSize(20);

    text('Are you sure you want to\nwipe the game and reset?\nYou will lose all your progress.', this.x, this.y - 50);

​

    fill(0);

    rect(this.x - 60, this.y + 40, 70, 50, 10);

    fill(255, 0, 0);

    text('Yes', this.x - 60, this.y + 45);

    fill(0);

    rect(this.x + 60, this.y + 40, 70, 50, 10);

    fill(255, 0, 0);

    text('No', this.x + 60, this.y + 45);

    pop();

​

    if (mouseIsPressed && mouseX > this.x - 60 - 35 && mouseX < this.x - 60 + 35 && mouseY > this.y + 40 + 25 && mouseY < this.y + 40 - 25) {

      wipe();

    }

  }

}

// A function that creates buttons in the top bar

const createButton = (intervalId, textStart, textStop, func) => {

  const topBar = document.getElementById('topBar');

  const block = document.createElement('div');

  const link = document.createElement('a');

​

  // I use here a link instead of a button only to support styles of the app

  link.innerText = textStart;

  link.setAttribute('href', '#cookies');

  link.addEventListener('click', (event) => {

    event.preventDefault();

​

    if (intervalId) {

      link.innerText = textStart;

​

      clearInterval(intervalId);

      intervalId = null;

    } else {

      link.innerText = textStop;

​

      intervalId = setInterval(func, 1);

    }

  });

​

  block.appendChild(link);

  topBar.insertBefore(block, topBar.firstChild);

};

​

// Variables to store interval IDs

let goldenCookieInterval = null;

let bigCookieInterval = null;

let newsInterval = null;

​

​

// The button that triggers automatic clicks to the golden cookies

createButton(

  goldenCookieInterval,

  'Start GC clicks',

  'Stop GC clicks',

  () => {

    Array.from(document.getElementById('shimmers').children).forEach((el) => {

      el.click();

    });

  },

);

​

// The button that triggers automatic clicks to the big cookie

createButton(

  bigCookieInterval,

  'Start BC clicks',

  'Stop BC clicks',

  () => {

    document.getElementById('bigCookie').click();

​

    Game.lastClick -= 0;

  },

);

​

// The button that triggers automatic clicks to the news

createButton(

  newsInterval,

  'Start News clicks',

  'Stop News clicks',

  () => {

    const news = document.getElementById('commentsText1');

​

    Array.from(news.children).forEach((el) => {

        el.className === 'fortune' && news.click();

    });

  },

);