var strobe = 10;

​

//image variables

var img_out;

var img_dan;

var img_east;

var img_po;

var img_path;

​

//sound variables

var sound_po;

var sound_out;

​

​

​

function preload() {

  img_out = loadImage("outkast.jpeg");

  img_dan = loadImage("danger.jpeg");

  img_east = loadImage("east_point.png");

  img_po = loadImage("police.jpeg");

  img_path = loadImage("path.jpeg");

  sound_po = loadSound("police_siren.mp3");

  sound_out = loadSound("outkast_short.mp3");

​

​

​

}

​

function setup() {

  createCanvas(700, 600);

​

}

​

function mousePressed() {

  sound_po.play()

  sound_po.loop()

  sound_out.play()

  sound_out.loop()

}

​

function draw() {

  noFill();

  strokeWeight(4);

​

  var c = ('rgba(255, 255, 0, 255)');

​

  background(c);

​

  //police siren

  if (mouseX > 50 && mouseX < 300) {

    sound_po.setVolume(1);

  } else {

    sound_po.setVolume(0);

  }

​

  //outkast

  if (mouseX > 600 && mouseX < 700) {

    sound_out.setVolume(1);

  } else {

    sound_out.setVolume(0);

  }

​

  //background color change near police car

  if (mouseX > 50 && mouseX < 250) {

    c = ('rgba(255, 0, 0, 100)');

    background(c);

  }

​

  //police car

  var expandX = map(pmouseX, 0, 322, 280, 360);

  var expandY = map(mouseY, 0, 156, 130, 180);

​

  if (mouseY < 300 && mouseX < 400) {

    image(img_po, 10, 10, expandX, expandY);

  } else {

    image(img_po, 10, 10, 322, 156);

  }

​

  //strobing circles

  strobe = strobe + 10;

​

  if (mouseX > 50 && mouseX < 300) {

    ellipse(width / 2, height / 2, strobe, strobe);

  }

​

  if (strobe > height && width) {

    strobe = 10;

  }

​

​

​

​

​

  image(img_out, 390, 10);

  image(img_dan, 400, 400);

  image(img_east, 250, 200);

​

  image(img_path, 10, 330);

​

​

​

​

​

}