var x = 100;

var y = 760;

​

function preload() {

  graph = loadImage("graph.png");

  truck = loadImage("truck.png");

  sun = loadImage("sun.png");

  moon = loadImage("moon.png");

}

​

function setup() {

  createCanvas(2006, 881);

  frameRate(30);

}

​

function draw() {

  x += 2;

  if (keyIsDown(UP_ARROW)) {

    y -= 1;

  }

  if (keyIsDown(DOWN_ARROW)) {

    y += 1;

  } 

  image(graph, 0, 0, width, height);

  image(truck, x, y, 85, 50);

  if (x < 1000 && x > 209) {

    fill(0, 0, 100, 150);

    rect(0, 0, width, height);

    image(moon, 125, 80, 100, 100);

    fill(238, 221, 130, 200);

    triangle(x + 85, y + 30, x + 130, y + 20, x + 130, y + 40)

  } else {

    image(sun, 125, 80, 100, 100);

  }

}

​