​

//THINGS IM WORKING ON: 

//speaker on/on with sound + switch image

​

​

//VARIABLES

var switchScreen = 0;

var buttonX = 0

var buttonY = 0

var r = 52

var g = 235

var b = 235

var ra = 20

​

var song

​

var speakerOnSCREEN

var speakerOnX = 0

var speakerOnY = 0

var speakerOnW = 600

var speakerOnH = 400

​

var speakerIsMuted = false

var speakerMuteX = 0

var speakerMuteY = 0

var speakerMuteW = 600

var speakerMuteH = 400

​

var speakerCircleX = 20

var speakerCircleY = 380

var speakerCircleR = 30

​

var baseX = 320

var baseY = 10

var baseW = 983

var baseH = 2048

​

var beardHOVER;

var beardX = baseX / 50

var beardY = baseY * 15

var beardW = baseW / 5.3

var beardH = baseH / 5.3

var beardXSpeed

var beardYSpeed

​

var boyHairHOVER

var boyHairX = baseX / 30

var boyHairY = 55 //baseY * 4

var boyHairW = baseW / 5.3

var boyHairH = baseH / 5.3

var boyHairXSpeed

var boyHairYSpeed

​

var girlHairHOVER

var girlHairX = baseX / 2.4

var girlHairY = 55 //baseY * 4

var girlHairW = baseW / 5.3

var girlHairH = baseH / 5.3

var girlHairXSpeed

var girlHairYSpeed

​

var hatHOVER

var hatX = baseX / 2.4

var hatY = 200 //baseY * 18

var hatW = baseW / 5.3

var hatH = baseH / 5.3

var hatXSpeed

var hatYSpeed

​

var whiteTunicHOVER

var whiteTunicX = baseX / 50

var whiteTunicY = baseY / 5

var whiteTunicW = baseW / 5.3

var whiteTunicH = baseH / 5.3

​

var blueTunicHOVER

var blueTunicX = baseX / 2.2

var blueTunicY = baseY

var blueTunicW = baseW / 5.3

var blueTunicH = baseH / 5.3

​

var redTunicHOVER

var redTunicX = baseX / 4.5

var redTunicY = baseY / 5

var redTunicW = baseW / 5.3

var redTunicH = baseH / 5.3

​

var whiteDrapeHOVER

var whiteDrapeX = 10 //baseX / 50

var whiteDrapeY = -20 //baseY / 1.5

var whiteDrapeW = baseW / 5.3

var whiteDrapeH = baseH / 5.3

​

var blueDrapeHOVER

var blueDrapeX = 55 //baseX / 4.5

var blueDrapeY = 0 //baseY / 10

var blueDrapeW = baseW / 5.3

var blueDrapeH = baseH / 5.3

​

var redDrapeHOVER

var redDrapeX = 100 //baseX / 2.2

var redDrapeY = 40 //baseY

var redDrapeW = baseW / 5.3

var redDrapeH = baseH / 5.3

​

var shawlHOVER

var shawlX = 130 //baseX / 1.5

var shawlY = 80 //baseY / 5

var shawlW = baseW / 5.3

var shawlH = baseH / 5.3

​

var eyelinerHOVER;

var eyelinerX = baseX / 50

var eyelinerY = baseY * 25

var eyelinerW = baseW / 5.3

var eyelinerH = baseH / 5.3

​

var circleEarHOVER;

var circleEarX = baseX / 4.5

var circleEarY = baseY * 23

var circleEarW = baseW / 5.3

var circleEarH = baseH / 5.3

​

var ovalEarHOVER;

var ovalEarX = baseX / 2.2

var ovalEarY = baseY * 23

var ovalEarW = baseW / 5.3

var ovalEarH = baseH / 5.3

​

var playButtonX = 250

var playButtonY = 250

var playButtonW = 100

var playButtonH = 80

var playButtonHOVER;

​

​

var resetButtonX = 500

var resetButtonY = 25

var resetButtonW = 80

var resetButtonH = 50

var resetButtonHOVER;

​

var randomButtonX = 500

var randomButtonY = 320

var randomButtonW = 80

var randomButtonH = 50

var randomButtonHOVER;

​

var leftButtonX = 0

var leftButtonY = 0

var leftButtonW = 600

var leftButtonH = 400

var leftButtonHOVER;

​

var leftButtonBaseX = 27

var leftButtonBaseY = 193

var leftButtonBaseR = 48

​

var rightButtonX = 25

var rightButtonY = 0

var rightButtonW = 600

var rightButtonH = 400

var rightButtonHOVER;

​

var rightButtonBaseX = 320

var rightButtonBaseY = 193

var rightButtonBaseR = 48

​

​

​

​

function preload() {

​

  font = loadFont('Krungthep.ttf');

  AssyrianTemple = loadImage('assyriantemple.jpg');

  click = loadSound('mouseClick.mp3')

  song = loadSound("JulianaSample.mp3");

​

  speakerONN = loadImage('speakerON.png');

  speakerMUTEE = loadImage('speakerMUTE.png');

​

  leftButtonN = loadImage('leftButton.png')

  rightButtonN = loadImage('rightButton.png')

​

  base = loadImage('BASE.png');

  beard = loadImage('BEARD.png');

  boyHair = loadImage('BOYHAIR.png');

  girlHair = loadImage('GIRLHAIR.png');

  hat = loadImage('HAT.png');

​

  whiteTunic = loadImage('WHITETUNIC.png');

  blueTunic = loadImage('BLUETUNIC.png');

  redTunic = loadImage('REDTUNIC.png');

​

  whiteDrape = loadImage('WHITEDRAPE.png');

  blueDrape = loadImage('BLUEDRAPE.png');

  redDrape = loadImage('REDDRAPE.png');

​

  shawl = loadImage('SHAWL.png');

  eyeliner = loadImage('EYELINER.png');

  circleEar = loadImage('CIRCLEEARRINGS.png');

  ovalEar = loadImage('OVALEARRINGS.png');

  startScene = loadImage('STARTSCENE.png')

​

}

​

function setup() {

  createCanvas(600, 400);

  //song.loop();

}

​

//// ALL OF THESE FUNCTIONS, DRAW THE ELEMENTS, NOT MOUSECLICKING interactive ANYTHING////

​

//DRAW SPEAKER 

// function speaker() {

//   if (dist(mouseX, mouseY, speakerCircleX, speakerCircleY) < speakerCircleR) {

//     strokeWeight(8)

//     ellipse(speakerCircleX, speakerCircleY, speakerCircleR)

//   }

//   strokeWeight(4)

//   stroke(30, 150, 180)

//   fill(52, 235, 235)

​

//   ellipse(speakerCircleX, speakerCircleY, speakerCircleR)

//   image(speakerONN, speakerOnX, speakerOnY, speakerOnW, speakerOnH)

​

// }

//DRAW LEFT BUTTON

function leftButton() {

  image(leftButtonN, leftButtonX, leftButtonY, leftButtonW, leftButtonH)

​

}

//DRAW RIGHT BUTTON

function rightButton() {

  image(rightButtonN, rightButtonX, rightButtonY, rightButtonW, rightButtonH)

}

​

//DRAW RESET BUTTON

function resetButton() {

  textFont(font);

  textSize(width / 25);

  strokeWeight(4)

  stroke(30, 150, 180)

  fill(52, 235, 235)

  rect(resetButtonX, resetButtonY, resetButtonW, resetButtonH, 15);

​

  strokeWeight(1)

  fill(30, 150, 180);

  text('RESET', resetButtonX * 1.01, resetButtonY * 2.45);

}

​

//DRAW RANDOM BUTTON

function randomButton() {

  textFont(font);

  textSize(width / 25);

  strokeWeight(4)

  stroke(30, 150, 180)

  fill(52, 235, 235)

  rect(randomButtonX, randomButtonY, randomButtonW, randomButtonH, 15)

​

  textSize(width / 40)

  strokeWeight(1)

  fill(30, 150, 180);

  text('RANDOM', randomButtonX + 7, randomButtonY + 30);

​

}

​

//DRAW STARTSCREEN with PLAYBUTTON

function startSceneE() {

  textFont(font);

  textSize(width / 19);

​

  image(startScene, 5, 5, 589, 390);

  strokeWeight(4)

  stroke(30, 150, 180)

  fill(52, 235, 235)

  rect(playButtonX, playButtonY, playButtonW, playButtonH, 15);

​

  fill(30, 150, 180);

  text('PLAY', playButtonX + 9, playButtonY + 50);

​

}

​

//DRAW ELLIPSE/BUTTON FUNCTION

function button(buttonX, buttonY, ra) {

  if (dist(mouseX, mouseY, buttonX, buttonY) < 20) {

    strokeWeight(10)

    ellipse(buttonX, buttonY, 20)

  }

  strokeWeight(4)

  stroke(30, 150, 180)

  fill(r, g, b)

  ellipse(buttonX, buttonY, 20)

}

​

//DRAW PANEL 1

function panel1() {

  image(whiteTunic, whiteTunicX, whiteTunicY, whiteTunicW, whiteTunicH)

  image(redTunic, redTunicX, redTunicY, redTunicW, redTunicH)

  image(blueTunic, blueTunicX, blueTunicY, blueTunicW, blueTunicH)

  button(100, 55)

  button(170, 55)

  button(240, 55)

}

​

//DRAW WHITE TUNIC FUNCTION

function whiteTunicC() {

  image(whiteTunic, baseX, baseY, whiteTunicW, whiteTunicH)

}

//DRAW RED TUNIC FUNCTION

function redTunicC() {

  image(redTunic, baseX, baseY, redTunicW, redTunicH)

}

//DRAW BLUE TUNIC FUNCTION

function blueTunicC() {

  image(blueTunic, baseX, baseY, blueTunicW, blueTunicH)

}

​

​

//DRAW PANEL 2

function panel2() {

  image(whiteDrape, whiteDrapeX, whiteDrapeY, whiteDrapeW, whiteDrapeH);

  image(blueDrape, blueDrapeX, blueDrapeY, blueDrapeW, blueDrapeH);

  image(redDrape, redDrapeX, redDrapeY, redDrapeW, redDrapeH);

  image(shawl, shawlX, shawlY, shawlW, shawlH)

  button(101, 55)

  button(155, 55)

  button(215, 55)

  button(275, 55)

}

​

//DRAW WHITEDRAPE FUNCTION

function whiteDrapeE() {

  image(whiteDrape, baseX, baseY, whiteDrapeW, whiteDrapeH)

}

//DRAW BLUEDRAPE FUNCTION

function blueDrapeE() {

  image(blueDrape, baseX, baseY, blueDrapeW, blueDrapeH)

}

//DRAW RED DRAPE FUNCTION

function redDrapeE() {

  image(redDrape, baseX, baseY, redDrapeW, redDrapeH)

}

//DRAW SHAWL FUNCTION

function shawlL() {

  image(shawl, baseX, baseY, shawlW, shawlH)

}

​

​

​

//DRAW PANEL 3

function panel3() {

  image(boyHair, boyHairX, boyHairY, boyHairW, boyHairH)

  image(girlHair, girlHairX, girlHairY, girlHairW, girlHairH)

  image(beard, beardX, beardY, beardW, beardH)

  image(hat, hatX, hatY, hatW, hatH)

  image(eyeliner, eyelinerX, eyelinerY, eyelinerW, eyelinerH)

  image(circleEar, circleEarX, circleEarY, circleEarW, circleEarH)

  image(ovalEar, ovalEarX, ovalEarY, ovalEarW, ovalEarH)

  button(103, 55)

  button(241, 55)

  button(102, 170)

  button(242, 170)

  button(95, 335)

  button(165, 335)

  button(243, 335)

}

//DRAW BOY HAIR FUNCTION

function boyHairR() {

  image(boyHair, baseX, baseY, boyHairW, boyHairH)

}

//DRAW GRIL HAIR FUNCTION

function girlHairR() {

  image(girlHair, baseX, baseY, girlHairW, girlHairH)

}

//DRAW BEARD FUNCTION

function beardD() {

  image(beard, baseX, baseY, beardW, beardH)

}

//DRAW GRIL HAIR FUNCTION

function girlHairR() {

  image(girlHair, baseX, baseY, girlHairW, girlHairH)

}

//DRAW HAT FUNCTION

function hatT() {

  image(hat, baseX, baseY, hatW, hatH)

}

//DRAW EYELINER FUNCTION

function eyelinerR() {

  image(eyeliner, baseX, baseY, eyelinerW, eyelinerH)

}

//DRAW CIRCLE EARRING FUNCTION

function circleEarR() {

  image(circleEar, baseX, baseY, circleEarW, circleEarH)

}

//DRAW OVAL EARRING FUNCTION

function ovalEarR() {

  image(ovalEar, baseX, baseY, ovalEarW, ovalEarH)

}

​

​

function mousePressed() {

​

  //PRESS SPEAKER TO MUTE

  if (dist(mouseX, mouseY, speakerCircleX, speakerCircleY) < speakerCircleR) {

    //speakerIsMuted = true

    image(speakerMUTEE, speakerMuteX, speakerMuteY, speakerMuteW, speakerMuteH)

  }

​

​

  ////START SCREEN PLAY BUTTON PRESS////

  if (mouseX >= playButtonX && mouseX <= playButtonX + 100 && mouseY >= playButtonY && mouseY <= playButtonY + 80) {

    switchScreen += 1

    click.play()

  }

​

  ////RIGHT BUTTON PRESS////

  if (dist(mouseX, mouseY, rightButtonBaseX, rightButtonBaseY) < rightButtonBaseR) {

    switchScreen += 1

    click.play()

  }

​

  ////LEFT BUTTON PRESS////

  if (dist(mouseX, mouseY, leftButtonBaseX, leftButtonBaseY) < leftButtonBaseR) {

    switchScreen -= 1

    click.play()

  }

  ////PANEL/BUTTON CONSTRAINTS////

  ////constraint: cant go to before the first panel

  if (switchScreen < 1) {

    switchScreen = 1;

  }

  ////constraint: cant go to after the last panel

  if (switchScreen > 3) {

    switchScreen = 3;

  }

​

  ////RANDOM BUTTON PRESS CODE//// Selects a random Outfit

  if (mouseX >= randomButtonX && mouseX <= randomButtonX + 80 && mouseY >= randomButtonY && mouseY <= randomButtonY + 50) {

    randomButtonHOVER = true;

    click.play()

​

    var randomTunic = random([1, 2, 3])

​

    if (randomTunic == 1) {

      whiteTunicHOVER = true

      redTunicHOVER = false

      blueTunicHOVER = false

    }

    if (randomTunic == 2) {

      redTunicHOVER = true

      whiteTunicHOVER = false

      blueTunicHOVER = false

    }

    if (randomTunic == 3) {

      blueTunicHOVER = true

      whiteTunicHOVER = false

      redTunicHOVER = false

    }

    var randomDrape = random([1, 2, 3, 4, 5])

    if (randomDrape == 1) {

      whiteDrapeHOVER = true

      redDrapeHOVER = false

      blueDrapeHOVER = false

      shawlHOVER = false

    }

    if (randomDrape == 2) {

      whiteDrapeHOVER = false

      redDrapeHOVER = true

      blueDrapeHOVER = false

      shawlHOVER = false

    }

    if (randomDrape == 3) {

      whiteDrapeHOVER = false

      redDrapeHOVER = false

      blueDrapeHOVER = true

      shawlHOVER = false

    }

    if (randomDrape == 4) {

      whiteDrapeHOVER = false

      redDrapeHOVER = false

      blueDrapeHOVER = false

      shawlHOVER = true

    }

    if (randomDrape == 5) {

      whiteDrapeHOVER = false

      redDrapeHOVER = false

      blueDrapeHOVER = true

      shawlHOVER = true

    }

    var randomAccessory = random([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13])

​

    if (randomAccessory == 1) { //just boy hair

      boyHairHOVER = true

      girlHairHOVER = false

      beardHOVER = false

      hatHOVER = false

      eyelinerHOVER = false

      ovalEarHOVER = false

      circleEarHOVER = false

    }

    if (randomAccessory == 2) { //just girl hair

      boyHairHOVER = false

      girlHairHOVER = true

      beardHOVER = false

      hatHOVER = false

      eyelinerHOVER = false

      ovalEarHOVER = false

      circleEarHOVER = false

    }

    if (randomAccessory == 3) { //just beard 

      boyHairHOVER = false

      girlHairHOVER = false

      beardHOVER = true

      hatHOVER = false

      eyelinerHOVER = false

      ovalEarHOVER = false

      circleEarHOVER = false

    }

    if (randomAccessory == 3) { //hat+ boyhair 

      boyHairHOVER = true

      girlHairHOVER = false

      beardHOVER = false

      hatHOVER = true

      eyelinerHOVER = false

      ovalEarHOVER = false

      circleEarHOVER = false

    }

    if (randomAccessory == 4) { //hat+ girlhair 

      boyHairHOVER = false

      girlHairHOVER = true

      beardHOVER = false

      hatHOVER = true

      eyelinerHOVER = false

      ovalEarHOVER = false

      circleEarHOVER = false

    }

    if (randomAccessory == 5) { //hat+ girlhair + circleEar

      boyHairHOVER = false

      girlHairHOVER = true

      beardHOVER = false

      hatHOVER = true

      eyelinerHOVER = false

      ovalEarHOVER = false

      circleEarHOVER = true

    }

    if (randomAccessory == 6) { //hat+ girlhair + ovalEar

      boyHairHOVER = false

      girlHairHOVER = true

      beardHOVER = false

      hatHOVER = true

      eyelinerHOVER = false

      ovalEarHOVER = true

      circleEarHOVER = false

    }

    if (randomAccessory == 7) { //hat+ girlhair 

      boyHairHOVER = false

      girlHairHOVER = true

      beardHOVER = false

      hatHOVER = true

      eyelinerHOVER = false

      ovalEarHOVER = false

      circleEarHOVER = false

    }

    if (randomAccessory == 8) { //nothin 

      boyHairHOVER = false

      girlHairHOVER = false

      beardHOVER = false

      hatHOVER = false

      eyelinerHOVER = false

      ovalEarHOVER = false

      circleEarHOVER = false

    }

    if (randomAccessory == 9) { //beard + boy hair + circleEAR

      boyHairHOVER = true

      girlHairHOVER = false

      beardHOVER = true

      hatHOVER = false

      eyelinerHOVER = false

      ovalEarHOVER = false

      circleEarHOVER = true

    }

    if (randomAccessory == 10) { //girlhair + eyeliner 

      boyHairHOVER = false

      girlHairHOVER = true

      beardHOVER = false

      hatHOVER = false

      eyelinerHOVER = true

      ovalEarHOVER = false

      circleEarHOVER = false

    }

    if (randomAccessory == 11) { //boyhair w eyeliner 

      boyHairHOVER = true

      girlHairHOVER = false

      beardHOVER = false

      hatHOVER = false

      eyelinerHOVER = true

      ovalEarHOVER = false

      circleEarHOVER = false

    }

    if (randomAccessory == 12) { //eyeliner + earrings 

      boyHairHOVER = false

      girlHairHOVER = false

      beardHOVER = false

      hatHOVER = false

      eyelinerHOVER = true

      ovalEarHOVER = true

      circleEarHOVER = true

    }

    if (randomAccessory == 13) { //eyeliner + earrings 

      boyHairHOVER = false

      girlHairHOVER = true

      beardHOVER = false

      hatHOVER = false

      eyelinerHOVER = true

      ovalEarHOVER = true

      circleEarHOVER = true

    }

  }

​

  ////PANEL 1 CODE////

  ///CONDITIONAL STATEMENTS: white tunic

  if (dist(mouseX, mouseY, 100, 55) < 20 && (switchScreen == 1)) {

    whiteTunicHOVER = true;

    click.play()

  }

​

  //CONDITIONAL STATEMENTS: red tunic

  if (dist(mouseX, mouseY, 170, 55) < 20 && (switchScreen == 1)) {

    redTunicHOVER = true;

    click.play()

  }

  //CONDITIONAL STATEMENTS: blue tunic

  if (dist(mouseX, mouseY, 240, 55) < 20 && (switchScreen == 1)) {

    blueTunicHOVER = true;

    click.play()

  }

​

  ////PANEL 2 CODE////

  //CONDITIONAL STATEMENTS: white drape

  if (dist(mouseX, mouseY, 103, 55) < 20 && (switchScreen == 2)) {

    whiteDrapeHOVER = true;

    click.play()

  }

  //CONDITIONAL STATEMENTS: blue drape

  if (dist(mouseX, mouseY, 155, 55) < 20 && (switchScreen == 2)) {

    blueDrapeHOVER = true;

    click.play()

  }

  //CONDITIONAL STATEMENTS: red drape

  if (dist(mouseX, mouseY, 215, 55) < 20 && (switchScreen == 2)) {

    redDrapeHOVER = true;

    click.play()

  }

  //CONDITIONAL STATEMENTS: shawl

  if (dist(mouseX, mouseY, 275, 55) < 20 && (switchScreen == 2)) {

    shawlHOVER = true;

    click.play()

  }

  ////PANEL 3 CODE////

  //CONDITIONAL STATEMENTS: boy hair

  if (dist(mouseX, mouseY, 103, 55) < 20 && (switchScreen == 3)) {

    boyHairHOVER = true;

    click.play()

  }

  //CONDITIONAL STATEMENTS: girl hair

  if (dist(mouseX, mouseY, 241, 55) < 20 && (switchScreen == 3)) {

    girlHairHOVER = true;

    click.play()

  }

  //CONDITIONAL STATEMENTS: beard

  if (dist(mouseX, mouseY, 102, 170) < 20 && (switchScreen == 3)) {

    beardHOVER = true;

    click.play()

  }

  //CONDITIONAL STATEMENTS: hat

  if (dist(mouseX, mouseY, 242, 170) < 20 && (switchScreen == 3)) {

    hatHOVER = true;

    click.play()

  }

  //CONDITIONAL STATEMENTS: eyeliner

  if (dist(mouseX, mouseY, 95, 335) < 20 && (switchScreen == 3)) {

    eyelinerHOVER = true;

    click.play()

  }

  //CONDITIONAL STATEMENTS: circle earrings

  if (dist(mouseX, mouseY, 165, 335) < 20 && (switchScreen == 3)) {

    circleEarHOVER = true;

    click.play()

  }

  //CONDITIONAL STATEMENTS: oval earrings

  if (dist(mouseX, mouseY, 243, 335) < 20 && (switchScreen == 3)) {

    ovalEarHOVER = true;

    click.play()

  }

​

​

  ////CLOTHES RESET CODE////

  //RESETS THE TUNICS TO ORIGINAL SPOT

  if (mouseX >= resetButtonX && mouseX <= resetButtonX + 80 && mouseY >= resetButtonY && mouseY <= resetButtonY + 50) {

    resetButtonHOVER = true;

​

    click.play()

​

    whiteTunicHOVER = false

    redTunicHOVER = false

    blueTunicHOVER = false

​

    whiteDrapeHOVER = false

    redDrapeHOVER = false

    blueDrapeHOVER = false

    shawlHOVER = false

​

    boyHairHOVER = false

    girlHairHOVER = false

    beardHOVER = false

    hatHOVER = false

    eyelinerHOVER = false

    circleEarHOVER = false

    ovalEarHOVER = false

  }

}

​

function draw() {

  background(150, 208, 224);

  image(AssyrianTemple, 10, 10, 580, 380) //DRAWS UNDERLYING BG

  fill(52, 235, 235)

  rect(30, 30, 290, 335, 15)

  image(base, 320, 10, baseW / 5.3, baseH / 5.3) //BASE CHARACTER

​

  strokeWeight(4)

  stroke(30, 150, 180)

  fill(52, 235, 235)

  rect(30, 30, 290, 335, 15)

​

​

  resetButton();

  randomButton();

​

​

  if (switchScreen == 0) { //DRAWS STARTSCREEN

    startSceneE();

  }

  if (switchScreen == 1) { //DRAWS PANEL 1

    panel1();

​

  }

  if (switchScreen == 2) { //DRAWS PANEL 2

    panel2();

​

  }

  if (switchScreen == 3) { //DRAWS PANEL 3

    panel3();

​

  }

  ////MAKES ITEM COPY ONTO BASE CHARACTER

  if (whiteTunicHOVER == true) { // WHITE TUNIC gets on character

    whiteTunicC()

  }

  if (redTunicHOVER == true) { // RED TUNIC gets on character

    redTunicC()

  }

  if (blueTunicHOVER == true) { // blue TUNIC gets on character

    blueTunicC()

​

    //     ////MAKES ITEM COPY ONTO BASE CHARACTER

  }

  if (whiteDrapeHOVER == true) { // WHITE DRAPE gets on character

    whiteDrapeE()

  }

  if (redDrapeHOVER == true) { // RED DRAPE gets on character

    redDrapeE()

  }

  if (blueDrapeHOVER == true) { // BLUE DRAPE gets on character

    blueDrapeE()

  }

  if (shawlHOVER == true) { // SHAWL gets on character

    shawlL()

  }

​

  ////MAKES ITEM COPY ONTO BASE CHARACTER

  if (boyHairHOVER == true) { // BOYHAIR gets on character

    boyHairR()

  }

  if (girlHairHOVER == true) { // GIRLHAIR gets on character

    girlHairR()

  }

  if (beardHOVER == true) { // beard gets on character

    beardD()

  }

  if (hatHOVER == true) { // eyeliner gets on character

    hatT()

  }

  if (eyelinerHOVER == true) { // hat gets on character

    eyelinerR()

  }

  if (circleEarHOVER == true) { // circle Earrings gets on character

    circleEarR()

  }

  if (ovalEarHOVER == true) { // oval Earrings gets on character

    ovalEarR()

  }

​

  if (switchScreen != 0) { //if it isnt the startscreen, draw those buttons

​

    rightButton();

    leftButton();

  }

  // if (switchScreen != 0) { //if it isnt the startscreen, draw speaker

  //   speaker();

  // }

​

​

}