using p5.js and p5.play lib by Paolo Pedercini

*/

let url = "https://editor.p5js.org/real.john.chueng/present/gUKZwEi5m";

​

let theCharacter;

let noEntry;

​

let blocks;

let noiseTerrains;

​

let triggerByTouch

//let triggerByPress

//let triggerByMouseOverlap

​

let bg1;

let bg2;

​

let interview;

let gretaSpeech;

let holyGreta;

let trigger;

//let triggerM;

let jump;

let bgm;

​

let SCENE_W = 6400;

let SCENE_H = 720;

​

let triggerIsPlayed = false;

//let triggerMIsPlayed = false;

let pageJumped = false;

​

//physic

let GRAVITY = 10;

let FRICTION = 5;

let T_SIZE = 30;

let JUMP = -90;

let isJumping = false;

let isOnGround = false;

​

function preload() {

  bg1 = loadImage('images/Background-utopia1-1.png');

  bg2 = loadImage('images/background-utopia2.png');

  interview = loadSound('audio/Interview.mp3');

  gretaSpeech = loadSound('audio/Greta_s-Speech.mp3');

  holyGreta = loadSound('audio/Our Holy Greta.mp3');

  jump = loadSound('sound/jump.wav');

  trigger = loadSound('sound/trigger.wav');

 // triggerM = loadSound('sound/triggerM.wav');

  bgm = loadSound('sound/BGM.mp3');

  sKid = loadSound('audio/children.mp3');

  sSquirrel = loadSound('audio/squirrel.mp3');

  sHealthCare = loadSound('audio/healthcare.mp3');

  sCollage3 = loadSound('audio/First Meditation.mp3');

  sNatureUpdate = loadSound('audio/Beth Nature of Greta.mp3');

  sCollage4 = loadSound('audio/Second Meditation.mp3');

  sGasMask = loadSound('audio/gas mask.mp3');

  sDeer = loadSound('audio/MME.mp3');

  //blocks

  blocks = new Group();

  let b0 = createSprite(780, 650);

  b0.addAnimation('normal', 'images/blocks/780650.png');

  blocks.add(b0);

  let b1 = createSprite(658, 557);

  b1.addAnimation('normal', 'images/blocks/658557.png');

  blocks.add(b1);

  let b2 = createSprite(35, 505);

  b2.addAnimation('normal', 'images/blocks/035505.png');

  blocks.add(b2);

  let b3 = createSprite(931, 392);

  b3.addAnimation('normal', 'images/blocks/931392.png');

  blocks.add(b3);

  let b4 = createSprite(690, 472);

  b4.addAnimation('normal', 'images/blocks/690472.png');

  blocks.add(b4);

  let b5 = createSprite(498, 366);

  b5.addAnimation('normal', 'images/blocks/498366.png');

  blocks.add(b5);

  let b6 = createSprite(1231, 310);

  b6.addAnimation('normal', 'images/blocks/1231310.png');

  blocks.add(b6);

  let b7 = createSprite(1287, 549);

  b7.addAnimation('normal', 'images/blocks/1287549.png');

  blocks.add(b7);

  let b8 = createSprite(1622, 680);

  b8.addAnimation('normal', 'images/blocks/1622680.png');

  blocks.add(b8);

  let b9 = createSprite(3615, 666);

  b9.addAnimation('normal', 'images/blocks/3615666.png');

  blocks.add(b9);

  let b10 = createSprite(6266, 683);

  b10.addAnimation('normal', 'images/blocks/6266683.png');

  blocks.add(b10);

  let b11 = createSprite(3192, 596);

  b11.addAnimation('normal', 'images/blocks/3192596.png');

  blocks.add(b11);

  let b12 = createSprite(3382, 513);

  b12.addAnimation('normal', 'images/blocks/3382513.png');

  blocks.add(b12);

  let b13 = createSprite(3642, 439);

  b13.addAnimation('normal', 'images/blocks/3642439.png');

  blocks.add(b13);

  let b14 = createSprite(3896, 395);

  b14.addAnimation('normal', 'images/blocks/3896395.png');

  blocks.add(b14);

  let b15 = createSprite(3335, 348);

  b15.addAnimation('normal', 'images/blocks/3335348.png');

  blocks.add(b15);

  let b16 = createSprite(338,276);

  b16.addAnimation('normal','images/blocks/338276.png');

  blocks.add(b16);

  let b17 = createSprite(1447, 263);

  b17.addAnimation('normal', 'images/blocks/1447263.png');

  blocks.add(b17);

  let b18 = createSprite(1629, 235);

  b18.addAnimation('normal', 'images/blocks/1629235.png');

  blocks.add(b18);

  let b19 = createSprite(1500, 448);

  b19.addAnimation('normal', 'images/blocks/1490448.png');

  blocks.add(b19);

  let b20 = createSprite(3142, 292);

  b20.addAnimation('normal', 'images/blocks/3142292.png');

  blocks.add(b20);

  let b21 = createSprite(3546, 245);

  b21.addAnimation('normal', 'images/blocks/3526295.png');

  blocks.add(b21);

  let b22 = createSprite(3850, 355);

  b22.addAnimation('normal', 'images/blocks/3810373.png');

  blocks.add(b22);

  let b23 = createSprite(4020, 587);

  b23.addAnimation('normal', 'images/blocks/4020587.png');

  blocks.add(b23);

  let b24 = createSprite(4181, 467);

  b24.addAnimation('normal', 'images/blocks/4151507.png');

  blocks.add(b24);

  //noise terrains

  noiseTerrains = new Group();

  let noise1 = createSprite(2309, 584);

  noise1.addAnimation('normal', 'images/noiseTerrains/noise1.png');

  noiseTerrains.add(noise1);

  let noise2 = createSprite(5208, 646);

  noise2.addAnimation('normal', 'images/noiseTerrains/noise2.png');

  noiseTerrains.add(noise2);

  //character

  theCharacter = createSprite(201, height / 2);

  theCharacter.addAnimation('standR', 'images/character/R/R-stand1.png', 'images/character/R/R-stand1.png', 'images/character/R/R-stand1.png', 'images/character/R/R-stand2.png', 'images/character/R/R-stand2.png', 'images/character/R/R-stand2.png');

  theCharacter.addAnimation('standL', 'images/character/L/L-stand1.png', 'images/character/L/L-stand1.png', 'images/character/L/L-stand1.png', 'images/character/L/L-stand2.png', 'images/character/L/L-stand2.png', 'images/character/L/L-stand2.png');

  theCharacter.addAnimation('walkR', 'images/character/R/1R.png', 'images/character/R/2R.png', 'images/character/R/3R.png', 'images/character/R/4R.png');

  theCharacter.addAnimation('walkL', 'images/character/L/1L.png', 'images/character/L/2L.png', 'images/character/L/3L.png', 'images/character/L/4L.png');

  theCharacter.addAnimation('jumpR', 'images/character/R/R-jump1.png', 'images/character/R/R-jump2.png', 'images/character/R/R-jump3.png', 'images/character/R/R-jump4.png', 'images/character/R/R-jump5.png');

  theCharacter.addAnimation('jumpL', 'images/character/L/L-jump1.png', 'images/character/L/L-jump2.png', 'images/character/L/L-jump3.png', 'images/character/L/L-jump4.png', 'images/character/L/L-jump5.png');

  theCharacter.limitSpeed(45);

  //

  //triggerable entities

  triggerByTouch = new Group();

  let adGreenBurial = createSprite(343, 224);

  adGreenBurial.addAnimation('normal', 'images/icon1.png', 'images/icon2.png', 'images/icon3.png', 'images/icon4.png');

  adGreenBurial.addAnimation('touched','images/green-burials.png');

  triggerByTouch.add(adGreenBurial);

  let gretaSpeechS = createSprite(984, 561);

  gretaSpeechS.addAnimation('normal', 'images/icon1.png', 'images/icon2.png', 'images/icon3.png', 'images/icon4.png');

  gretaSpeechS.addAnimation('touched', 'images/speech1.png', 'images/speech2.png', 'images/speech3.png');

  triggerByTouch.add(gretaSpeechS);

  //[1]

  let pieta = createSprite(938, 344);

  pieta.addAnimation('normal', 'images/icon1.png', 'images/icon2.png', 'images/icon3.png', 'images/icon4.png');

  pieta.addAnimation('touched', 'images/pieta.png');

  triggerByTouch.add(pieta);

  let artNews = createSprite(783, 504);

  artNews.addAnimation('normal', 'images/icon1.png', 'images/icon2.png', 'images/icon3.png', 'images/icon4.png');