var myFontBold;

var options;

var hammer;

​

var startMsg = "Start Colonizing!";

var instructMsg;

var discards = 0;

var discardsMin = 1;

var shuffles = 0;

var shufflesMax = 5;

var resultMsg = "";

var splitString;

​

​

function preload() {

  myFontBook = loadFont('assets/font/GothamRounded-Book.otf');

  myFontBold = loadFont('assets/font/GothamRounded-Bold.otf');

}

​

​

function setup() {

​

  createCanvas(windowWidth, windowHeight);

  background(16, 22, 39);

  textFont(myFontBook);

  textSize(24);

  noStroke();

  fill(255);

​

  newHam();

​

}

​

function draw() {

  //NA

}

​

function newHam() {

    // set options to prevent default behaviors for swipe, pinch, etc

  options = {

    preventDefault: true

  };

​

  // document.body registers gestures anywhere on the page

  hammer = new Hammer(document.body, options);

  hammer.get('swipe').set({

    direction: Hammer.DIRECTION_ALL

  });

  hammer.on("swipe", swipePage);

}

​

function swipePage(event) {

  background(16, 22, 39);

  textAlign(CENTER);

  text(startMsg, width / 2, height / 2);

  text("total number of left swipes " + discards, width / 2, height / 4);

  text("total number of photos " + shuffles, width / 2, height / 6);

  console.log(event);

  if (event.direction == 4) {

    startMsg = "you swiped right";

    shuffles ++;

  } else if (event.direction == 8) {

    startMsg = "you swiped up";

    shuffles ++;

  } else if (event.direction == 16) {

    startMsg = "you swiped down";

    shuffles ++;

  } else if (event.direction == 2) {

    startMsg = "you swiped left";

    shuffles ++;

    discards ++;

  }

  resultPage();

}

​

function resultPage(){

  if (shuffles > shufflesMax && discards > discardsMin) {

    hammer.off("swipe", swipePage);

    background(255, 221, 0);  

    resultMsg = "Well done! You have/successfully discarded/" + discards + " out of " + shufflesMax + " people./This equates to " + discards*20 + "% of/the selected population.";

    fill(0, 0, 0);

    textFont(myFontBold); 

    textAlign(CENTER);

  splitString = split(resultMsg, '/');

  text(splitString[0], width / 2, height / 2.65);

  text(splitString[1], width / 2, height / 2.35);

  text(splitString[2], width / 2, height / 2.1);

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

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

  text(splitString[5], width / 2, height / 1.25);

  }

    if (shuffles > shufflesMax && discards <= discardsMin) {

    hammer.off("swipe", swipePage);

    background(255, 221, 0); 

    resultMsg = "Too bad! You were/only able to discard/" + discards + " out of " + shufflesMax + " people./This equates to " + discards*20 + "% of/the selected population.";;

    fill(0, 0, 0);

    textFont(myFontBold);

      textAlign(CENTER);

    //text(finalmsg, width / 2, height / 2);

  splitString = split(resultMsg, '/');

  text(splitString[0], width / 2, height / 2.65);

  text(splitString[1], width / 2, height / 2.35);

  text(splitString[2], width / 2, height / 2.1);

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

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

  text(splitString[5], width / 2, height / 1.25);

  }

}

​

​

​