let play = true;

​

//scene0

let bgColor = (28, 3, 1);

let sceneNum = 0;

​

let childX0 = -130;

let childY0 = 250;

let momX0 = 920;

let momY0 = 220;

let startColor;

let tryAgainColor = (12, 5, 38);

let homeColor = (12, 5, 38);

​

let child0;

let mom0;

let bg0;

let title;

​

//scene1

let bg1;

let hat;

​

//scene2

let bg2;

let eye1;

let eye2;

​

//scene3

let bg3;

let paper;

​

//scene4

let bg4;

let purpleStripe;

let mom2;

​

//scene3

let alpha = 255;

let childX1;

let childY1;

let value; //volumn

let start; //volumn bar transparancy

let lowest; //lowest point of green area

let highest; //highest point of green area

let drawVolumn = false;

let success1 = false;

let firstTry = true;

let loud = false;

​

//scene5

let transparency;

let temper;

let temperColor;

let timeLimit2;

let passengers = [];

let childX2 = 20;

let childY2 = 65 + 70 - 25 / 2;

let moveD = 0; //move distance

let momX2;

let momY2;

let success2 = false;

​

let bg5;

let road;

let child5;

let mom5;

let ppl1;

let ppl2;

let ppl3;

let ppl4;

let ppl5;

let ppl6;

let ppl7;

let ppl8;

​

//scene6

let bg6;

let child2;

let child1;

​

//scene7

let stripes = [];

let things = [];

let objects = [];

let drawText = false;

let childX3;

let childY3;

let childW; //width

let childH; //height

let back;

let front;

let momX3;

let momY3;

let momW;

let momH;

let text1;

let text2;

let text3;

let text4; //loosing patience

let text5; //threaten to leave

let text6; //decide to leave

let randomNum;

let fetchedObject; //the color of the fetched object

let fetchedW;

let fetchedH;

let picked; //if the child has the object

let correct; //the picked object is the right one

let timeLimit3; //in frame founts

let firstThing;

let secondThing;

let thirdThing;

let textContent;

let bg7;

let belt;

let fail3;

let success3;

​

let cake;

let soda;

let apple;

let coffee;

let icecream;

let empty;

​

//scene8

let childX8 = 150;

let childY8 = 250;

let momX8 = 450;

let momY8 = 220;

​

let child3;

let bg8;

let cloud;

​

//fail scene

let failbg;

​

///////////////////////////////////////////

///////////////////////////////////////////

///////////////////////////////////////////

​

function preload() {

  soundFormats("mp3", "ogg");

  song = loadSound("song.mp3");

  //scene0

  mom0 = loadImage("assets/mom_.png");

  child0 = loadImage("assets/child_.png");

  bg0 = loadImage("assets/bg0.png");

  title = loadImage("assets/title.png");

​

  //scene1

  bg1 = loadImage("assets/bg1.png");

  hat = loadImage("assets/hat.png");

​

  //scene2

  bg2 = loadImage("assets/scene2_bg.png");

  eye1 = loadImage("assets/eye1.png");

  eye2 = loadImage("assets/eye2.png");

​

  //scene3

  bg3 = loadImage("assets/bg3.png");

  paper = loadImage("assets/paper.png");

​

  //scene4

  bg4 = loadImage("assets/scene4_bg.png");

  purpleStripe = loadImage("assets/purpleStripe.png");

  mom2 = loadImage("assets/mom2.png");

​

  //scene5

  bg5 = loadImage("assets/bg5.png");

  child5 = loadImage("assets/child5.png");

  mom5 = loadImage("assets/mom5.png");

  ppl1 = loadImage("assets/ppl1.png");

  ppl2 = loadImage("assets/ppl2.png");

  ppl3 = loadImage("assets/ppl3.png");

  ppl4 = loadImage("assets/ppl4.png");

  ppl5 = loadImage("assets/ppl5.png");

  ppl6 = loadImage("assets/ppl6.png");

  ppl7 = loadImage("assets/ppl7.png");

  ppl8 = loadImage("assets/ppl8.png");

  road = loadImage("assets/road.png");

​

  //scene6

  bg6 = loadImage("assets/bg6.png");

  child2 = loadImage("assets/child2.png");

  child1 = loadImage("assets/child1.png");

​

  //scene7

  bg7 = loadImage("assets/bg7.png");

  belt = loadImage("assets/belt.png");

  cake = loadImage("assets/cake.png");

  coffee = loadImage("assets/coffee.png");

  apple = loadImage("assets/apple.png");

  icecream = loadImage("assets/icecream.png");

  soda = loadImage("assets/soda.png");

  empty = loadImage("assets/empty.png");

​

  //scene8

  bg8 = loadImage("assets/bg8.png");

  child3 = loadImage("assets/child3.png");

  cloud = loadImage("assets/cloud.png");

​

  //fail scene

  failbg = loadImage("assets/fail.png");

}

​

///////////////////////////////////////////

///////////////////////////////////////////

///////////////////////////////////////////

function setup() {

  song.setVolume(0.1);

  // song.play()

  // song.loop()

​

  createCanvas(600, 400);

  frameRate(30);

  rectMode(CENTER);

  textAlign(CENTER);

  imageMode(CENTER);

​

  startColor = color(237, 234, 228);

​

  textFont("Verdana");

​

  //scene3

  childX1 = 0;

  childY1 = 260;

  value = 0;

  start = 0;

  lowest = 150;

  highest = 160;

​

  //scene 5

  transparency = true;

  timeLimit2 = 1200;

  momX2 = 570;

  momY2 = 310;

​

  for (i = 0; i < 8; i++) {

    passengers[0] = new Passenger(

      60,

      120,

      // color(random(255), random(255), random(255)),

      ppl1,

      true,

      80,

      120,

      true,

      false,

      1

    );

    passengers[1] = new Passenger(

      135,

      80,

      ppl2,

      true,

      80,

      120,

      false,

      false,

      1.5

    );

    passengers[2] = new Passenger(

      180,

      65 + 70 + 30,

      ppl3,

      false,

      180,

      220,

      false,

      true,

      1.5

    );

    passengers[3] = new Passenger(

      260,

      220,

      ppl4,

      true,

      220,

      260,

      false,

      false,

      1

    );

    passengers[4] = new Passenger(

      340,

      260,

      ppl5,

      true,

      220,

      260,

      true,

      false,

      1

    );

    passengers[5] = new Passenger(

      390,

      65 + 140 + 70,

      ppl6,

      false,

      390,

      430,

      false,

      true,

      2

    );

    passengers[6] = new Passenger(

      235 + 210 + 5,

      330,

      ppl7,

      true,

      290,

      330,

      true,

      false,

      1

    );

    passengers[7] = new Passenger(

      520,

      65 + 140 + 70 + 15,

      ppl8,

      true,

      290,

      330,

      false,

      false,

      2

    );

  }

​

  //scene7

​

  picked = false;

  correct = false;

  timeLimit3 = 1200;

​

  childX3 = 140;

  childY3 = 145;

  childW = 55;

  childH = 95;

  back = 145;

  front = 250;

  fail3 = false;

  success3 = false;

​

  momX3 = 420;

  momY3 = 40;

  momW = 40;

  momH = 120;

​

  text1 = `Ahh why is it so hot? \nI'm about to melt.`;

  text2 = `I've been eating junk \nfood the whole week.`;

  text3 = `What an aweful day. I feel exhausted.`;

  randomNum = floor(random(3));

  text4 = `What's taking you \nso long?`;

  text5 = `You coming or not?`;

  text6 = `Alright.`;

  text7 = `Duh.I knew you \n wouldn't get it.`;

  text8 = `Would've appreciated \nif you could get it faster.`;

​

  for (i = 0; i < 5; i++) {

    objects[0] = [icecream, 48, 50];

    objects[1] = [soda, 30, 65];

    objects[2] = [coffee, 40, 60];

    objects[3] = [apple, 40, 50];

    objects[4] = [cake, 80, 70];

  }

​

  // fetch

  fetchedObject = empty;

  fetchedW = 10;

  fetchedH = 10;

​

  //stripes

  for (i = 0; i < 29; i++) {

    stripes[i] = new Stripe(i * 21, 304.5);

  }

​

  //things

  for (i = 0; i < 30; i++) {

    things[i] = new Thing(objects[floor(random(5))], -i * 100 + 200, 270);

  }

​

  firstThing = new Thing(objects[0], -100, 260);

  secondThing = new Thing(objects[1], -150, 260);

  thirdThing = new Thing(objects[2], -200, 260);

  things.splice(3, 0, firstThing, secondThing, thirdThing);

}

​

///////////////////////////////////////////

///////////////////////////////////////////

///////////////////////////////////////////

​

function mousePressed() {

  if (play) {

    song.play();

    song.loop();

    play = false;

  } else {

  }

}

​

function draw() {

  switch (sceneNum) {

    case 0:

      scene0();

      break;

​

    case 1:

      scene1();

      break;

​

    case 2:

      scene2();

      break;

​

    case 3:

      scene3();

      break;

​

    case 4:

      scene4();

      break;

​

    case 5:

      scene5();

      break;

​

    case 6:

      scene6();

      break;

​

    case 7:

      scene7();

      break;

​

    case 8:

      scene8();

      break;

​

    case 98: //bump into passengers

      scene98();

      break;

​

    case 99: //too loud in scene3

      scene99();

      break;

​

    case 100:

      scene100();

      break;

​

    case 101:

      scene101();

      break;

​

    case 102:

      scene102();

      break;

  }

​

  console.log(constrain(floor(random(40)), 30, 40));

}

​

///////////////////////////////////////////

///////////////////////////////////////////

///////////////////////////////////////////

​

//scene5

class Passenger {

  constructor(x, y, img, vertical, point1, point2, up, right, speed) {

    this.x = x;

    this.y = y;

    this.img = img;

    this.vertical = vertical;

    this.point1 = point1;

    this.point2 = point2;

    this.up = up;

    this.right = right;

    this.speed = speed;

  }

​

  body() {

    image(this.img, this.x, this.y, 33, 33);

​

    if (this.vertical) {

      if (this.y < this.point1) {

        this.up = false;

      }

​

      if (this.y > this.point2) {

        this.up = true;

      }

    } else {

      if (this.x < this.point1) {

        this.right = true;

      }

​

      if (this.x > this.point2) {

        this.right = false;

      }

    }

  }

​

  moveUp() {

    this.y -= this.speed;

  }

​

  moveDown() {

    this.y += this.speed;

  }

​

  moveRight() {

    this.x += this.speed;

  }

​

  moveLeft() {

    this.x -= this.speed;

  }

​

  checkCollision() {

    if (dist(this.x, this.y, childX2, childY2) < 22) {

      transparency = false;

    }

  }

}

​

//scene7

class Stripe {

  constructor(x, y) {

    this.x = x;

    this.y = y;

  }

​

  body() {

    stroke(12, 5, 38, 100);

    line(this.x, this.y, this.x + 20, this.y - 20);

  }

​

  move() {

    if (this.x > width) {

      this.x = -10;

    } else {

      this.x++;

    }

  }

}

​

class Thing {

  constructor(img, x, y) {

    this.img = img;

    this.x = x;

    this.y = y;

  }

​

  body() {

    // fill(this.z);

    // rect(this.x, this.y, 30, 60);

    image(this.img[0], this.x, this.y, this.img[1], this.img[2]);

  }

​

  move() {

    if (this.x > 1500) {

      this.x = -30;

    } else {

      this.x++;

    }

  }

​

  clicked() {

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

    if (d <= 15) {

      this.x = 700;

      this.y = 700;

      fetchedObject = this.img[0];

      fetchedW = this.img[1];

      fetchedH = this.img[2];

​

      picked = true;

      if (

        (this.img === objects[0] && randomNum === 0) ||

        (this.img === objects[3] && randomNum === 1) ||

        (this.img === objects[2] && randomNum === 2)

      ) {

        correct = true;

      }

    }

  }

}

​

///////////////////////////////////////////

///////////////////////////////////////////

///////////////////////////////////////////

​

//scene3

function keyReleased() {

  if (keyCode == 32 && childX1 > 190 && childX1 < 210) {

    firstTry = false;

​

    if (value > highest) {

      setTimeout(function () {

        loud = true;

      }, 1500);

​

      setTimeout(function () {

        sceneNum = 99;

        frameCount = 0;

        value = 0;

        childX1 = 0;

        drawVolumn = false;

        start = 0;

        loud = false;

      }, 4000);

    } else if (value < lowest) {

      setTimeout(function () {

        sceneNum = 100;

        frameCount = 0;

        value = 0;

        childX1 = 0;

        drawVolumn = false;

        start = 0;

        loud = false;

      }, 1500);

    } else {

      setTimeout(function () {

        success1 = true;

      }, 1500);

​

      console.log("success");

​

      setTimeout(function () {

        sceneNum = 4;

        frameCount = 0;

        value = 0;

        childX1 = 0;

        drawVolumn = false;

        start = 0;

      }, 4000);

    }

  }

}

​

function passLevel1() {

  if (success1) {

    image(cloud, 470, 200, 200, 100);

    textSize(16);

    fill(12, 5, 38);

    text("Ugh.Just leave it at the door.", 478, 194, 170);

  }

}

​

function tooLoud() {

  if (loud) {

    //cloud

    image(cloud, 470, 200, 200, 100);

    textSize(16);

    fill(12, 5, 38);

    text("Who do you think are you yelling at?!", 475, 190, 170);

  }

}

​

function volumn() {

  noStroke();

  fill(255, 200, 0, 100);

  rect(80, 270, 30, 160, 0, 0, 20, 20); //too low

  fill(0, 255, 0, 100);

  rect(80, 185, 30, 10); //optimal

  fill(255, 0, 0, 100);

  rect(80, 135, 30, 90, 20, 20, 0, 0); //too loud

  stroke(50);

  strokeWeight(2);

  noFill();

  rect(80, 220, 30, 260, 20);

  //volumn 2

  stroke(239, 202, 84);

  strokeWeight(2);

  noFill();

  rect(80, 220, 30, 260, 20);

}

​

//scene5

function passLevel2() {

  if (success2) {

    //cloud

    image(cloud, 450, 330, 170, 90);

    textAlign(CENTER);

    textSize(16);

    fill(12, 5, 38);

    text(`Aren't you the fastest?`, 458, 318, 150);

  }

}

​

//scene7

function firstText() {

  if (randomNum === 0) {

    textContent = text1;

  } else if (randomNum === 1) {

    textContent = text2;

  } else if (randomNum === 2) {

    textContent = text3;

  }

}

​

//scene7

function pick() {

  for (let i = 0; i < 30; i++) {

    if (childY3 <= front + 2 && childY3 > front - 20) {

      things[i].clicked();

      console.log("yes");

    }

  }

}

​

//fail function

function fail() {

  if (dist(mouseX, mouseY, 200, 300) < 25) {

    sceneNum = 2;

    frameCount = 0;

  } else if (dist(mouseX, mouseY, 400, 300) < 25) {

    sceneNum = 0;

    frameCount = 0;

  }

}

​

function mouseClicked() {

  if (sceneNum === 8) {

    if (dist(mouseX, mouseY, 300, 300) < 150) {

      sceneNum = 2;

      frameCount = 0;

    }

  } else if (

    sceneNum === 6 ||

    sceneNum === 0 ||

    sceneNum === 1 ||

    sceneNum === 2 ||

    sceneNum === 4

  ) {

    if (dist(mouseX, mouseY, 300, 300) < 150) {

      sceneNum++;

      frameCount = 0;

    }

  } else if (

    sceneNum === 98 ||

    sceneNum === 99 ||

    sceneNum === 100 ||

    sceneNum === 101 ||

    sceneNum === 102

  ) {

    fail();

  } else if (sceneNum === 7) {

    console.log("click");

    pick();

  }

}

​

///////////////////////////////////////////

//////////////////scene000000000/////////////////////////

///////////////////////////////////////////

​

function scene0() {

  background(bgColor);

​

  image(bg0, 300, 200, 600, 402);

​

  if (frameCount % 30 < 15) {

    image(eye1, 221, 154, 45, 25);

  } else {

    image(eye2, 221, 154, 45, 25);

  }

​

  //child

  fill(255, 0, 0);

  image(child0, childX0, childY0, 110, 190);

​

  //mom

  fill(200, 0, 100);

  image(mom0, momX0, momY0, 120, 280);

​

  if (childX0 < 100) {

    childX0 += 5;

  }

​

  if (momX0 > 490) {

    momX0 -= 5;

  }

​

  if (frameCount > 100) {

    //title

    let titleY = 120;

    let titleW;

    let titleH;

    if (frameCount % 10 < 5) {

      titleW = 252;

      titleH = 147;

    } else {

      titleW = 248;

      titleH = 143;

    }

    image(title, 275, titleY, titleW, titleH);

  }

​

  if (frameCount > 130) {

    fill(startColor);

    textSize(30);

    text("start", 300, 310, 40);

    if (dist(mouseX, mouseY, 300, 300) < 50) {

      startColor = color(239, 202, 84);

    } else {

      startColor = color(237, 234, 228);

    }

  }

​

  console.log(frameCount);

​

  console.log(sceneNum);

}

​

function scene1() {

  background(bgColor);

  image(bg1, 300, 200, 600, 400);

​

  push();

  translate(480, 90);

  let r = PI / 50;

  if (frameCount % 30 < 15) {

    r = PI / 40;

  } else {

    r = 0;

  }

  rotate(r);

  image(hat, 0, 0, 80, 50);

  pop();

​

  if (frameCount > 20) {

    //title

    let txt;

    let txtY;

    txt1 =

      "In this game, you're the fearful child whose mom is charming, elusive and hard to please. You need to get her attention without annoying her, understand her needs without asking a question.";

    txt2 =

      "There's no room for mistakes. You have to pass three stages in one go!";

​

    fill(255);

    textSize(18);

    textAlign(LEFT);

    if (frameCount < 230) {

      txt = txt1;

      txtY = 130;

    } else {

      txt = txt2;

      txtY = 155;

    }

    text(txt, 335, txtY, 430);

  }

​

  if (frameCount >= 230) {

    //start button

​