Sanaa Gill 

 sanaagil@buffalo.edu

 DMS121 / Bernard Dolecki / University at Buffalo / 2020

My project is all about exploring dreams. This includes the dreams we have when we are awake and the ones we have and we sleep.The viewer viewer will dive in to the real world and the dream world and will have to make a choice at the end. 

​

references:

-DMS121 ps.js exercise 2

-Oliva Paolini's help

-p5.js reference page

​

edit: https://editor.p5js.org/sanaagil/sketches/r4XZ7UPtK

fullscreen: https://editor.p5js.org/sanaagil/full/r4XZ7UPtK

*/

​

​

//GLOBAL DECLARATIONS

​

//audio 

var diveIn;

var goFirst;

var nightDream;

var dayDream;

var yourChoice;

var soundStatic;

​

//images

var tvFull;

var tvOpen;

var diveInq;

var noOpen;

var noFilled;

var yesOpen;

var yesFilled;

var tvstatic;

var goFirstq;

var Dreamfilled;

var realworldFilled;

var DreamOpen;

var realworldOpen;

var whereNextq;

var Warning1;

​

​

​

​

​

//variables

var scene = 0;

var sceneCounter = 0;

​

​

​

​

function preload() {

  soundFormats('m4a', 'mp3');

  diveIn = loadSound('assets/diveIn.mp3');

  goFirst = loadSound('assets/goFirst');

  nightDream = loadSound('assets/nightDream.mp3')

  dayDream = loadSound('assets/dayDream.mp3')

  yourChoice = loadSound('assets/yourChoice.mp3')

  soundStatic = loadSound('assets/soundStaticm.mp3')

​

​

  tvFull = loadImage('assets/tvFull.PNG')

  tvOpen = loadImage('assets/tvOpen.PNG')

  noOpen = loadImage('assets/noOpen.png')

  noFilled = loadImage('assets/noFilled.png')

  diveInq = loadImage('assets/diveInq.png')

  yesOpen = loadImage('assets/yesOpen.png')

  yesFilled = loadImage('assets/yesFilled.png')

  tvstatic = loadImage('assets/tvstatic.gif')

  goFirstq = loadImage('assets/goFirstq.png')

  dreamFilled = loadImage('assets/dreamFilled.png')

  realworldFilled = loadImage('assets/realworldFilled.png')

  DreamOpen = loadImage('assets/DreamOpen.png')

  realworldOpen = loadImage('assets/realworldOpen.png')

  whereNextq = loadImage('assets/whereNextq.png')

  pinkclouds = loadImage('assets/pinkclouds.gif')

  nextOpen = loadImage('assets/nextOpen.PNG')

  nextFilled = loadImage('assets/nextFilled.PNG')

  Warning1 = loadImage('assets/Warning1.png')

​

​

​

​

} //ends preload

​

function setup() {

  createCanvas(600, 600);

  diveIn.play();

  goodbyevid = createVideo(['assets/goodbyevid.mp4']);

  goodbyevid.hide();

  dayDreamvid = createVideo(['assets/dayDreamvid.mov']);

  dayDreamvid.hide();

} //ends setup

​

​

​

function draw() {

​

  sceneCounter = sceneCounter + 1

​

  if (scene == 0) { //menu

    background(mouseY, mouseX,(mouseX+mouseY)/2,40);

    push();

    image(tvstatic, 100, 179, 320, 260);

    image(tvOpen, 40, 4, 500, 500);

    image(diveInq, 145, 230, 230, 50);

    image(yesFilled, 145, 340, 100, 50);

    image(noFilled, 270, 340, 100, 50);

    goFirst.pause();

    nightDream.pause();

    dayDream.pause();

    yourChoice.pause();

    soundStatic.pause();

    pop();

    if (mouseX > 145 && mouseX < 245 && mouseY > 340 && mouseY < 390) {

      image(yesOpen, 145, 340, 100, 50);

    } //ends yes hover

​

    if (mouseX > 270 && mouseX < 375 && mouseY > 340 && mouseY < 390) {

      image(noOpen, 270, 340, 100, 50);

    }

​

  } //ends scene 0

​

  if (scene==1) { //no

     background(mouseY, mouseX,(mouseX+mouseY)/2,40);

​

    image(goodbyevid,100, 179,320,260); // draw the video frame to canvas

    image(tvOpen, 40, 4, 500, 500);

    filter(GRAY);

  }//ends scene1

if (scene==2) { //yes where first ?

    background(mouseY, mouseX,(mouseX+mouseY)/2,40);

  push();

    image(tvstatic, 100, 179, 320, 260);

    image(tvOpen, 40, 4, 500, 500);

    image(goFirstq, 140, 230, 250, 70);

    image(dreamFilled, 130, 310, 120, 51);

    image(realworldFilled, 270, 305, 120, 60);

    diveIn.pause();

    nightDream.pause();

    dayDream.pause();

    yourChoice.pause();

    soundStatic.pause();

pop();

    if (mouseX > 145 && mouseX < 245 && mouseY > 310 && mouseY < 339) {

      image(DreamOpen, 130, 310, 125, 51);

    } //ends dream hover

​

    if (mouseX > 270 && mouseX < 375 && mouseY > 310 && mouseY < 339) {

      image(realworldOpen, 275, 310, 106, 50);

    }

​

  } //ends scene 2

  if (scene==4) {//dream world

    image(pinkclouds,0, 0, 600, 600);

    push();

      shearX(PI/mouseX)

  fill('pink');

  stroke(15);

  strokeWeight(mouseX/2);

  circle(mouseX, mouseY, 100, 100);

    pop();

    goFirst.pause();

    dayDream.pause();

    yourChoice.pause();

   image(realworldFilled, 450, 500, 120, 60); 

  if (mouseX > 450 && mouseX < 550 && mouseY > 500 && mouseY < 550) {

      image(realworldOpen, 452, 505, 107, 50);

    }  

  }//ends scene 4

  if (scene==5) {//real world 1

    image(dayDreamvid,0, 0,600,600);

    goFirst.pause();

    nightDream.pause();

    yourChoice.pause();

   image(dreamFilled, 450, 500, 120, 60); 

  if (mouseX > 450 && mouseX < 550 && mouseY > 500 && mouseY < 550) {

      image(DreamOpen, 450, 502, 120, 55);

    } 

  }//ends scene 5

      if (scene==6) {//real world 2

    image(dayDreamvid,0, 0,600,600);

    goFirst.pause();

    nightDream.pause();

    yourChoice.pause();

   image(nextFilled, 0, 505, 120, 60); 

  if (mouseX > 25 && mouseX < 100 && mouseY > 500 && mouseY < 550) {

      image(nextOpen, 0, 508, 120, 55);

    }    

  }//ends scene 6

   if (scene==7) {//dream world 2

    image(pinkclouds,0, 0, 600, 600);

    push();

      shearX(PI/mouseX)

  fill('pink');

  stroke(15);

  strokeWeight(mouseX/2);

  rectMode(CENTER);

  circle(mouseX, mouseY, 100, 100);

    pop();

    goFirst.pause();

    dayDreamvid.pause();

    yourChoice.pause();

   image(nextFilled, 0, 505, 120, 60); 

  if (mouseX > 25 && mouseX < 100 && mouseY > 500 && mouseY < 550) {

      image(nextOpen, 0, 508, 120, 55);

    }  

  }//end scene 7

​

  if (scene == 8) { //warning menu

    push();

    background(225);

    image(tvstatic, 100, 179, 320, 260);

    image(tvOpen, 40, 4, 500, 500);

    image(Warning1, 145, 230, 230, 50);

    image(dreamFilled, 130, 310, 120, 51);

    image(realworldFilled, 270, 305, 120, 60);

    diveIn.pause();

    goFirst.pause();

    nightDream.pause();

    dayDream.pause();

    soundStatic.pause();

    dayDreamvid.pause();

    pop();

    if (mouseX > 145 && mouseX < 245 && mouseY > 310 && mouseY < 339) {

      image(DreamOpen, 130, 310, 125, 51);

    } //ends dream hover

​

    if (mouseX > 270 && mouseX < 375 && mouseY > 310 && mouseY < 339) {

      image(realworldOpen, 275, 310, 106, 50);

    }

​

  } //ends scene 8

} //ends draw

​

function mousePressed() { if (scene == 0) {

    if (mouseX > 270 && mouseX < 375 && mouseY > 340 && mouseY < 390 && sceneCounter > 10) 

    { // bye

       goodbyevid.play();

       soundStatic.play();

      scene = 1;

      sceneCounter = 0;

    }

    else if (mouseX > 145 && mouseX < 245 && mouseY > 340 && mouseY < 390 && sceneCounter > 10) 

    { 

      goFirst.play();

      scene = 2;

      sceneCounter = 0;

    }

  } //ends scene 0  

 if (scene == 2) {

  if (mouseX > 145 && mouseX < 245 && mouseY > 310 && mouseY < 339 && sceneCounter > 10){

    scene = 4;

    nightDream.play();

    sceneCounter = 0;

  }

  else if (mouseX > 270 && mouseX < 375 && mouseY > 310 && mouseY < 339 && sceneCounter > 10){

    scene = 5;

    sceneCounter = 0;

  }

} ///ends scene 2

  if (scene == 4) {//dream world 1

     if (mouseX > 450 && mouseX < 550 && mouseY > 500 && mouseY < 550 && sceneCounter > 10) {

       nightDream.pause();

       dayDreamvid.play();

      scene = 6;

      sceneCounter = 0;

    } 

  }//end scene 4

  if (scene == 5) {//real world 1

    dayDreamvid.play();

      if (mouseX > 450 && mouseX < 550 && mouseY > 500 && mouseY < 550 && sceneCounter > 10) {

      scene = 7;

        nightDream.play();

      sceneCounter = 0;

    }  

  }//end scene 5

  if (scene == 6) {// real world 2

    if (mouseX > 25 && mouseX < 100 && mouseY > 500 && mouseY < 550 && sceneCounter > 10) {

      scene = 8;

      sceneCounter = 0;

      yourChoice.play();

  }

  }//ends scene 6

  if (scene == 7){ //dream world 2

    if (mouseX > 25 && mouseX < 100 && mouseY > 500 && mouseY < 550 && sceneCounter > 10) {

      scene = 8;

      yourChoice.play();

      sceneCounter = 0;

    }

  }//ends scene 7

  if (scene == 8){

      if (mouseX > 145 && mouseX < 245 && mouseY > 310 && mouseY < 339 && sceneCounter > 10){

      scene = 1;

        yourChoice.pause();

        goodbyevid.play();

        soundStatic.play();

        sceneCounter = 0;

  }

  else if (mouseX > 270 && mouseX < 375 && mouseY > 310 && mouseY < 339 && sceneCounter > 10){

    scene = 1;

    yourChoice.pause();

    goodbyevid.play();

     soundStatic.play();

    sceneCounter = 0;

  }

    }//ends scene 8

            }//ends mousepressed