let two;

let three;

let four;

let five;

let six;

let seven;

​

let building = [];

​

let sky = 'lightblue';

​

let img;

​

let cloud;

let star;

​

let timer = 0;

let timerToggle = true;

​

​

function preload() {

​

  one = loadImage('images/one.png');

  two = loadImage('images/two.png');

  three = loadImage('images/three.png');

  four = loadImage('images/four.png');

  five = loadImage('images/five.png');

  six = loadImage('images/six.png');

  seven = loadImage('images/seven.png');

  cloud = loadImage('images/cloud.png');

  star = loadImage('images/star.png');

​

}

​

function setup() {

  createCanvas(600, 600);

  background(sky);

  // Save Collage button settings

  push();

  button = createButton("Save");

  button.mouseClicked(saveCollage);

  button.size(100,50);

  button.position(10,10);

  button.style("font-family", "Helvetica");

  button.style("font-size", "20px");

  button.style('background-color', 'white');

  pop();

  // Night button

  push();

  button = createButton("Night");

  button.mouseClicked(skyNight);

  button.size(100,50);

  button.position(380,10);

  button.style("font-family", "Helvetica");

  button.style("font-size", "20px");

  button.style('background-color', 'white')

  pop();

  // Day button

  push();

  button = createButton("Day");

  button.mouseClicked(skyDay);

  button.size(100,50);

  button.position(490,10);

  button.style("font-family", "Helvetica");

  button.style("font-size", "20px");

  button.style('background-color', 'white')

  pop();

  building = [one, two, three, four, five, six, seven];

}

​

function draw() {

​

  imageMode(CENTER);

  let x = random(width);

  let y = random(520,650);

  img = random(building);

  drawBuilding(img,x,y, img.width/3, img.height/2);

}

​

function drawBuilding (img,x,y,w,h) {

  if (millis() > timer + 500 && timerToggle == true){

    image(img,x,y,w,h);

    timer = millis();

  }

}

​

​

function mousePressed () {

  // timerToggle = !timerToggle;

  if (sky == "lightblue")

  image(cloud,mouseX,mouseY, cloud.width/8, cloud.height/8);

  if (sky == "midnightblue")

  image(star,mouseX,mouseY, star.width/8, star.height/8);

}

​

function saveCollage() {

  saveCanvas('CoolCollage', 'png');

}

​

function skyNight() {

  sky = "midnightblue";

  background(sky);

  // timerToggle = !timerToggle;

}

​

function skyDay() {

  sky = "lightblue";

  background(sky);

  // timerToggle = !timerToggle;

}