//Assets

var myFontBook;

var BG, BGSky, Title, Version, Intro, Instruction, SelectReg, SelDiscard, Planet, DataPad, RegionsBDis, RegionAll, RegionAH, RegionBH, RegionCH;

var render = [];

var i = 0;

​

//Color palette

var color1 = '#220118';

var color2 = '#df5d4a';

var color3 = '#c23545';

var color4 = '#b7b7b7';

var color5 = '#f5f5f5';

var color6 = '#490f25';

​

//Page titles

var line2A, line2, line3, line4;

​

//Buttons

var homeb, introb, instructionsb, regionbA, regionbB, regionbC, regionbD, regionbE, regionsb, overlayb, discardb, retainb, resetb;

​

//Counters

var selectedImg = 0;

var currentImg;

var discards = 0;

var discardsMin = 2;

var discardsMax = 3;

var shufflesMin = 0;

var shufflesMax = 10;

var randColour;

​

//Result page

var resultMsg = "";

var splitString;

​

var infoMsg;

​

​

function preload() {

  //Preload font

  myFontBook = loadFont('Assets/Font/GothamRounded-Book.otf');

  //Preload images

  BG = loadImage('Assets/Images/BG.png');

  BGSky = loadImage('Assets/Images/BG-sky.png');

  Title = loadImage('Assets/Images/01-Title-1.png');

  Version = loadImage('Assets/Images/01-Version-1.png');

  Intro  = loadImage('Assets/Images/02A-Text-1.png');

  Instruction = loadImage('Assets/Images/02B-Text-1.png');

  SelectReg = loadImage('Assets/Images/03-Text-1.png');

  SelDiscard  = loadImage('Assets/Images/04-Text-1.png');

  Planet = loadImage('Assets/Images/03-Planet.png');

  RegionAll = loadImage('Assets/Images/03-Region-All.png');

  RegionsBDis = loadImage('Assets/Images/03-Button-1-Dis.png');

  RegionAH = loadImage('Assets/Images/03-Region-A-H.png');

  RegionBH = loadImage('Assets/Images/03-Region-B-H.png');

  RegionCH = loadImage('Assets/Images/03-Region-C-H.png');

  DataPad = loadImage('Assets/Images/06-datapad.png');

  /*

  for (i=1; i<=10; i++) {

  render[i] = loadImage('Assets/Renders/04-Pic-'+i+'.png');

  }

  */

  render[1] = loadImage('Assets/Renders/04-Pic-1.png');

  render[2] = loadImage('Assets/Renders/04-Pic-2.png'); 

  render[3] = loadImage('Assets/Renders/04-Pic-3.png');

  render[4] = loadImage('Assets/Renders/04-Pic-4.png'); 

  render[5] = loadImage('Assets/Renders/04-Pic-5.png');

  render[6] = loadImage('Assets/Renders/04-Pic-6.png');

  render[7] = loadImage('Assets/Renders/04-Pic-7.png'); 

  render[8] = loadImage('Assets/Renders/04-Pic-8.png');

  render[9] = loadImage('Assets/Renders/04-Pic-9.png'); 

  render[10] = loadImage('Assets/Renders/04-Pic-10.png');

​

}

​

​

function setup() {

​

  createCanvas(windowWidth, windowHeight);

  background(color1);

  imageMode(CENTER);

  textAlign(CENTER);

  textFont(myFontBook);

  textSize(18);

  noStroke();

  frameRate(10);

  fill(color5);

  drawScene1();

​

}

​

function draw() {

//NA

}

​

function drawScene1(){

  background(color1);

  image(BG,width/2,height/2);

  homeb = createImg('Assets/Images/01-Button-1.png'); 

  homeb.mousePressed(drawScene2A);

  homeb.position(width/2-133,height/2+160);

  image(Title,width/2,height/2-25);

  image(Version,width/2,height/2+280);

}

​

function drawScene2A(){

  background(color1);

  image(BG,width/2,height/2);

  homeb.hide();

  introb = createImg('Assets/Images/02A-Button-1.png'); 

  introb.mousePressed(drawScene2);

  introb.position(width/2-87.5,height/2+170);

  image(Intro,width/2,height/2-270);

​

  line2A = "A bountiful, untouched planet awaits!//As you build a glorious new space colony/of the barbarous waste that it was/before you arrived, be careful of the/types of alients you allow to stay!/The community you build now/ will shape the planet/for all time!"

  splitString = split(line2A, '/');

      text(splitString[0], width / 2, height / 2-100-10);

      text(splitString[1], width / 2, height / 2-75-10);

      text(splitString[2], width / 2, height / 2-50-10);

      text(splitString[3], width / 2, height / 2-25-10);

      text(splitString[4], width / 2, height / 2-10);

      text(splitString[5], width / 2, height / 2+25-10);

      text(splitString[6], width / 2, height / 2+50-10);

      text(splitString[7], width / 2, height / 2+75-10);

      text(splitString[8], width / 2, height / 2+100-10);

}

​

function drawScene2(){

  background(color1);

  image(BG,width/2,height/2);

  introb.hide();

  instructionsb = createImg('Assets/Images/02B-Button-1.png');

  instructionsb.mousePressed(drawScene3);

  instructionsb.position(width/2-92.5,height/2+170);

  image(Instruction,width/2,height/2-270);

  line2 = "1) First, select a region you plan/to improve from the several available.//2) Next, looking at the photos of/some randomly-picked aliens/of this region, decide which of/them are undesirable./Tap “Retain” to keep the desirables or/“Discard” to remove the undesirables.//3) You must remove 20% to 30%/ of the population, so your/new empire can thrive./Choose wisely!"

  splitString = split(line2, '/');

      text(splitString[0], width / 2, height / 2-175-10);

      text(splitString[1], width / 2, height / 2-150-10);

      text(splitString[2], width / 2, height / 2-125-10);

      text(splitString[3], width / 2, height / 2-100-10);

      text(splitString[4], width / 2, height / 2-75-10);

      text(splitString[5], width / 2, height / 2-50-10);

      text(splitString[6], width / 2, height / 2-25-10);

      text(splitString[7], width / 2, height / 2-10);

      text(splitString[8], width / 2, height / 2+25-10);

      text(splitString[9], width / 2, height / 2+50-10);

      text(splitString[10], width / 2, height / 2+75-10);

      text(splitString[11], width / 2, height / 2+100-10);

      text(splitString[12], width / 2, height / 2+125-10);

      text(splitString[13], width / 2, height / 2+150-10);

}

​

function drawScene3(){

  background(color1);

  image(BGSky,width/2,height/2);

​

  instructionsb.hide();

  image(SelectReg,width/2,height/2-270);

  imageMode(CORNER);

  image(RegionsBDis,width/2-167.5,height/2+220);

  imageMode(CENTER);

  image(Planet,width/2-9,height/2-5);

  image(RegionAll,width/2+46.2,height/2-.2);

  regionbA = createImg('Assets/Images/03-Region-A.png');

  regionbA.mousePressed(highlightA);

  regionbA.position(width/2-79.2,height/2-184);

  regionbB = createImg('Assets/Images/03-Region-B.png');

  regionbB.mousePressed(highlightB);

  regionbB.position(width/2+58,height/2-25);

  regionbC = createImg('Assets/Images/03-Region-C.png');

  regionbC.mousePressed(highlightC);

  regionbC.position(width/2-32,height/2+66);

}

​

function highlightA() {

  regionsb = createImg('Assets/Images/03-Button-1.png'); 

  regionsb.mousePressed(drawScene4);

  regionsb.position(width/2-167.5,height/2+220);

  regionbA.hide();

  regionbB.hide();

  regionbC.hide();

​

  image(RegionAH,width/2+46.2,height/2-.2);

  }

​

function highlightB() {

  regionsb = createImg('Assets/Images/03-Button-1.png'); 

  regionsb.mousePressed(drawScene4);

  regionsb.position(width/2-167.5,height/2+220);

  regionbA.hide();

  regionbB.hide();

  regionbC.hide();

  image(RegionBH,width/2+46.2,height/2-.2);

  }

​

function highlightC() {

  regionsb = createImg('Assets/Images/03-Button-1.png'); 

  regionsb.mousePressed(drawScene4);

  regionsb.position(width/2-167.5,height/2+220);

  regionbA.hide();

  regionbB.hide();

  regionbC.hide();

  image(RegionCH,width/2+46.2,height/2-.2);

  }

​

function drawScene4() {

  imageMode(CENTER);

  background(color1);

  image(BG,width/2,height/2);

  regionsb.hide();

  image(SelDiscard,width/2,height/2-270);

  discardb = createImg('Assets/Images/04-Button-1.png');

  discardb.mousePressed(discard);

  discardb.position(width/2-67.5+100,height/2+254);

  retainb = createImg('Assets/Images/04-Button-2.png');

  retainb.mousePressed(retain);

  retainb.position(width/2-67.5-100,height/2+254);

  selectedImg = int(1, 10);

  print(selectedImg);

  currentImg = render[selectedImg];

  image(currentImg, width/2, height/2);

} 

function drawScene5() {

  background(color1);

  image(BG,width/2,height/2);

  discardb = createImg('Assets/Images/04-Button-1.png');

  discardb.mousePressed(discard);

  discardb.position(width/2-67.5+100,height/2+254);

  retainb = createImg('Assets/Images/04-Button-2.png');

  retainb.mousePressed(retain);

  retainb.position(width/2-67.5-100,height/2+254);

  image(SelDiscard,width/2,height/2-270);

  print(selectedImg);

  currentImg = render[selectedImg];  

  image(currentImg, width / 2, height / 2);

}

​

function discard (){

  discardb.hide();

  retainb.hide();

  /*

  if (selectedImg == 1){

    print("Forest Mogun is discarded.");

    background(color1);

    infoMsg = 1;

  } 

    if (selectedImg == 2){

    print("Zeyeax-Un is discarded.");

    background(color1);

    infoMsg = 2;

  }

    if (selectedImg == 3){

    print("Primordial Ka'pod is discarded.");

    infoMsg = 3;

  }

    if (selectedImg == 4){

    print("Bloaveola is discarded.");

    infoMsg = 4;

  } 

    if (selectedImg == 5){

    print("Metaeax is discarded.");

    infoMsg = 5;

  } 

    if (selectedImg == 6){

    print("Desert Vulon is discarded.");

    infoMsg = 6;

  } 

    if (selectedImg == 7){

    print("Land Mogun is discarded.");

    infoMsg = 7;

  } 

    if (selectedImg == 8){

    print("Zeyeax-Ikayi is discarded.");

    infoMsg = 8;

  } 

    if (selectedImg == 9){

    print("Odoreg is discarded.");

    infoMsg = 9;

  } 

    if (selectedImg == 10){

    print("Klaro is discarded.");

    infoMsg = 10;

  }

  */

  selectedImg++;

  discards++;

  if (selectedImg <= shufflesMax){ 

    drawScene5();

  } else {

    resultPage();

  }

}

​

function retain (){

  discardb.hide();

  retainb.hide();

  selectedImg++;

  if (selectedImg <= shufflesMax){

    drawScene5();

  } else {

    resultPage();

  }

}

function resultPage(){

  background(color1);

  image(BG,width/2,height/2);

  knowb = createImg('Assets/Images/05-Button-2.png');

  knowb.mousePressed(knowResults);

  knowb.position(width/2-133.5,height-220);

  resetb = createImg('Assets/Images/05-Button-1.png');

  resetb.mousePressed(resetAll);

  resetb.position(width/2-120.5,height-80);

  //Result ranges: 20% to 30%, less than 20% and more than 30%

  if (discards >= discardsMin && discards <= discardsMax) { 

​

    resultMsg = "Well done! You have removed/undesirables from your new/colony. It is now/generating wealth for you, and/the population is easily managed!";

      splitString = split(resultMsg, '/');

      text(splitString[0], width / 2, height / 2-75-10);

      text(splitString[1], width / 2, height / 2-50-10);

      text(splitString[2], width / 2, height / 2-25-10);

      text(splitString[3], width / 2, height / 2-10);

      text(splitString[4], width / 2, height / 2+25-10);

      //text(splitString[5], width / 2, height / 2+50-10);

  } else if (discards < discardsMin && discards > shufflesMin) {  

    resultMsg = "Uh oh! You only/discarded " + round(discards/11*100) + "% of the/populace! Your colony is/too overpopulated to be/manageable and profitable./Try again!";

      splitString = split(resultMsg, '/');

      text(splitString[0], width / 2, height / 2-75-10);

      text(splitString[1], width / 2, height / 2-50-10);

      text(splitString[2], width / 2, height / 2-25-10);

      text(splitString[3], width / 2, height / 2-10);

      text(splitString[4], width / 2, height / 2+25-10);

      text(splitString[5], width / 2, height / 2+50-10);

  } else if (discards > discardsMax && discards < shufflesMax) {  

    resultMsg = "Uh oh! You have/discarded " + round(discards/10*100) + "% of the/populace! Your colony does not/ have enough population/to turn a profit./Try again!";

      splitString = split(resultMsg, '/');

      text(splitString[0], width / 2, height / 2-75-10);

      text(splitString[1], width / 2, height / 2-50-10);

      text(splitString[2], width / 2, height / 2-25-10);

      text(splitString[3], width / 2, height / 2-10);

      text(splitString[4], width / 2, height / 2+25-10);

      text(splitString[5], width / 2, height / 2+50-10);

  } else if (discards == shufflesMin) {  

    resultMsg = "Uh oh! You have/discarded none of the/populace! Your colony is/too overpopulated to be/manageable and profitable./Try again!";

      splitString = split(resultMsg, '/');

      text(splitString[0], width / 2, height / 2-75-10);

      text(splitString[1], width / 2, height / 2-50-10);

      text(splitString[2], width / 2, height / 2-25-10);

      text(splitString[3], width / 2, height / 2-10);

      text(splitString[4], width / 2, height / 2+25-10);

      text(splitString[5], width / 2, height / 2+50-10);

  } else if (discards == shufflesMax) {  

    resultMsg = "Uh oh! You have/discarded all of the/populace! Your colony/does not have any/population to turn a profit./Try again!";

      splitString = split(resultMsg, '/');

      text(splitString[0], width / 2, height / 2-75-10);

      text(splitString[1], width / 2, height / 2-50-10);

      text(splitString[2], width / 2, height / 2-25-10);

      text(splitString[3], width / 2, height / 2-10);

      text(splitString[4], width / 2, height / 2+25-10);

      text(splitString[5], width / 2, height / 2+50-10);

  }

​

}

​

function knowResults (){

  knowb.hide();

  resetb.hide();

  background(color1);

  image(BGSky,width/2,height/2);

  image(DataPad,width/2,height/2);

  alienOne();

  setTimeout (alienTwo, 5000);

​

}

​

function alienOne (){

  image(render[1], width / 2, height / 2);

}

​

function alienTwo (){

  image(render[2], width / 2, height / 2);

}

​

function resetAll (){

  knowb.hide();

  resetb.hide();

  drawScene1();

}