Activating Indofuturism

MDes Digital Futures Thesis

by Priya Bandodkar

OCAD University */

​

//Assets

var myFontBook, myFontLink;

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

var render = [];

var info = [];

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, regionsb, overlayb, discardb, retainb, resetb, exitb, backb, nextb;

​

//Counters

var selectedImgA = 0;

var currentImgA;

var selectedImgB = 10;

var currentImgB;

var discardsA = 0;

var discardsB = 0;

var discardsMinA = 2;

var discardsMaxA = 3;

var discardsMinB = 2;

var discardsMaxB = 3;

var shufflesMinA = 0;

var shufflesMaxA = 10;

var shufflesMinB = 10;

var shufflesMaxB = 20;

var shufflesResMinB = 0;

var shufflesResMaxB = 10;

var randColour;

​

//Result page

var resultMsgA = "";

var resultMsgB = "";

var splitString;

​

var infoMsg;

var link;

​

function preload() {

  //Preload font

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

  myFontLink = loadFont ('Assets/Font/TexGyreTermes-Reg.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');

  Badge = loadImage('Assets/Images/BG-badge.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');

  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');

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

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

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

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

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

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

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

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

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

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

​

  info[1] = loadImage('Assets/Info/06-Info-1.png');

  info[2] = loadImage('Assets/Info/06-Info-2.png');

  info[3] = loadImage('Assets/Info/06-Info-3.png');

  info[4] = loadImage('Assets/Info/06-Info-4.png');

  info[5] = loadImage('Assets/Info/06-Info-5.png');

  info[6] = loadImage('Assets/Info/06-Info-6.png');

  info[7] = loadImage('Assets/Info/06-Info-7.png');

  info[8] = loadImage('Assets/Info/06-Info-8.png');

  info[9] = loadImage('Assets/Info/06-Info-9.png');

  info[10] = loadImage('Assets/Info/06-Info-10.png');

  info[11] = loadImage('Assets/Info/06-Info-11.png');

  info[12] = loadImage('Assets/Info/06-Info-12.png');

  info[13] = loadImage('Assets/Info/06-Info-13.png');

  info[14] = loadImage('Assets/Info/06-Info-14.png');

  info[15] = loadImage('Assets/Info/06-Info-15.png');

  info[16] = loadImage('Assets/Info/06-Info-16.png');

  info[17] = loadImage('Assets/Info/06-Info-17.png');

  info[18] = loadImage('Assets/Info/06-Info-18.png');

  info[19] = loadImage('Assets/Info/06-Info-19.png');

  info[20] = loadImage('Assets/Info/06-Info-20.png');

​

  backdis = loadImage('Assets/Images/06-Back-Dis.png');

  nextdis = loadImage('Assets/Images/06-Next-Dis.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);

  image(Badge,width/2,height/2-200);

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

  homeb.mousePressed(drawScene2A);

  homeb.position(width/2-99.5,height/2+190);

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

  //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-65,height/2+170);

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

​

  line2A = "A bountiful, untouched planet awaits!//As you build a glorious new space colony/from the barbarous waste that it was/before you arrived, be careful of the/types of aliens 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-69,height/2+170);

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

  line2 = "1) First, select a region you plan/to improve from the ones available.//2) Next, looking at photos of/ten 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-125.5,height/2+220);

  imageMode(CENTER);

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

  image(RegionAll,width/2-12,height/2-5);

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

  regionbA.mousePressed(highlightA);

  regionbA.position(width/2-115,height/2-214);

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

  regionbB.mousePressed(highlightB);

  regionbB.position(width/2-63,height/2+66);

​

}

​

function highlightA() {

  regionbA.hide();

  regionbB.hide();

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

  regionsb.mousePressed(drawScene4A);

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

​

  image(RegionAH,width/2-12,height/2-5.2);

  }

​

function highlightB() {

  regionbA.hide();

  regionbB.hide();

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

  regionsb.mousePressed(drawScene4B);

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

​

  image(RegionBH,width/2-18,height/2-5);

  }

​

function drawScene4A() {

  frameRate(1);

  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(discardA);

  discardb.position(width/2-67.5+50,height/2+244);

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

  retainb.mousePressed(retainA);

  retainb.position(width/2-67.5-110,height/2+244);

  selectedImgA = int(1, 10);

  print(selectedImgA);

  currentImgA = render[selectedImgA];

  image(currentImgA, width/2+8, height/2);

} 

​

function drawScene4B() {

  frameRate(1);

  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(discardB);

  discardb.position(width/2-67.5+50,height/2+244);

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

  retainb.mousePressed(retainB);

  retainb.position(width/2-67.5-110,height/2+244);

  selectedImgB = int(11, 20);

  print(selectedImgB);

  currentImgB = render[selectedImgB];

  image(currentImgB, width/2+8, height/2);

} 

​

function drawScene5A() {

  frameRate(1);

  background(color1);

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

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

  discardb.mousePressed(discardA);

  discardb.position(width/2-67.5+50,height/2+244);

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

  retainb.mousePressed(retainA);

  retainb.position(width/2-67.5-110,height/2+244);

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

  print(selectedImgA);

  currentImgA = render[selectedImgA];  

  image(currentImgA, width / 2+8, height / 2);

}

​

function drawScene5B() {

  frameRate(1);

  background(color1);

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

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

  discardb.mousePressed(discardB);

  discardb.position(width/2-67.5+50,height/2+244);

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

  retainb.mousePressed(retainB);

  retainb.position(width/2-67.5-110,height/2+244);

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

  print(selectedImgB);

  currentImgB = render[selectedImgB];  

  image(currentImgB, width / 2+8, height / 2);

}

​

function discardA(){ 

  discardb.hide();

  retainb.hide();

  selectedImgA++;

  discardsA++;

  if (selectedImgA <= shufflesMaxA){ 

    drawScene5A();

  } else {

    resultPageA();

  }

}

​

function discardB(){ 

  discardb.hide();

  retainb.hide();

  selectedImgB++;

  discardsB++;

  if (selectedImgB <= shufflesMaxB){ 

    drawScene5B();

  } else {

    resultPageB();

  }

}

​

function retainA(){

  discardb.hide();

  retainb.hide();  

  selectedImgA++;

  if (selectedImgA <= shufflesMaxA){

    drawScene5A();

  } else {

    resultPageA();

  }

}

​

function retainB(){

  discardb.hide();

  retainb.hide();  

  selectedImgB++;

  if (selectedImgB <= shufflesMaxB){

    drawScene5B();

  } else {

    resultPageB();

  }

}

function resultPageA(){

  background(color1);

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

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

  knowb.mousePressed(knowResultsA);

  knowb.position(width/2-101,height-200);

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

  resetb.mousePressed(resetAll);

  resetb.position(width/2-100-90,height-100);

  exitb = createImg('Assets/Images/05-Button-3.png');

  exitb.mousePressed(blogLink);

  exitb.position(width/2+100-90,height-100);

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

  if (discardsA >= discardsMinA && discardsA <= discardsMaxA) { 

​

    resultMsgA = "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(resultMsgA, '/');

      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 (discardsA < discardsMinA && discardsA > shufflesMinA && discardsA < shufflesMaxA) {  

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

      splitString = split(resultMsgA, '/');

      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 (discardsA > discardsMaxA && discardsA < shufflesMaxA) {  

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

      splitString = split(resultMsgA, '/');

      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 (discardsA == 0) {  

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

      splitString = split(resultMsgA, '/');

      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 (discardsA == 10) {  

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

      splitString = split(resultMsgA, '/');

      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 resultPageB(){

  background(color1);

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

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

  knowb.mousePressed(knowResultsB);

  knowb.position(width/2-101,height-200);

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

  resetb.mousePressed(resetAll);

  resetb.position(width/2-100-90,height-100);

  exitb = createImg('Assets/Images/05-Button-3.png');

  exitb.mousePressed(blogLink);

  exitb.position(width/2+100-90,height-100);

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

  if (discardsB >= discardsMinB && discardsB <= discardsMaxB) { 

​

    resultMsgB = "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(resultMsgB, '/');

      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 (discardsB < discardsMinB && discardsB > shufflesResMinB && discardsB < shufflesResMaxB) {  

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

      splitString = split(resultMsgB, '/');

      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 (discardsB > discardsMaxB && discardsB < shufflesResMaxB) {  

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

      splitString = split(resultMsgB, '/');

      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 (discardsB == 0) {  

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

      splitString = split(resultMsgB, '/');

      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 (discardsB == 10) {  

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

      splitString = split(resultMsgB, '/');

      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 knowResultsA (){

  frameRate(1);

  knowb.hide();

  resetb.hide();

  exitb.hide();

  background(color1);

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

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

  alienOne();

}

​

function knowResultsB (){

  frameRate(1);

  knowb.hide();

  resetb.hide();

  exitb.hide();

  background(color1);

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

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

  alienEleven();

}

​

function alienOne (){

  frameRate(1);

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

  image(backdis,width/2-136,height/2-50);

  nextb1 = createImg('Assets/Images/06-Next.png');

  nextb1.mousePressed(alienTwo);

  nextb1.position(width/2+136-17,height/2-50-17);

}

​

function alienTwo (){

  frameRate(1);

  nextb1.hide();

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