Skyline-ANIMATION2

  var a,c;

  var skycolor=0;

  var r,g,b

  var l,h,center

  var sheight

  var SP

  r=0

  g=0

  b=0

  a=50;

  c=350

  s=255

  t1=255

  t2=255

  t3=255

  t4=255

  w=0

  p=0

  q=0

  e=0

  l=0

  h=0

  center=300

  sheight=120

  SP=0.5

function setup() {

  createCanvas(900,600);

  background(255,255,255)

  g=random(-40,40)

  }

function draw() {

  // noStroke(); noFill(); stroke(255,0,0);

  noStroke();

​

  fill(255+r,108,244+b);

  rect(0,0,900,600);

  fill(255+r,75,242+b)

  rect(0,0,900,360);

  fill(255+r,0,237+b);

  rect(0,0,900,200);

  //sun

  fill(255,255,255);

  circle(center,sheight,100);

  fill(255,255,255,s);

  //arc(300, 120, 100, 100,  TWO_PI-PI,0);

  //shadow

  fill(179+r,075,211+b);

  rect(200+q,190,200,520);

  rect(650+q,150,200,550);

  rect(1000+e,160,230,540);

  //windowinshadow

  fill(205+r,080+g,200+b,t1)

  rect(220+q,220,30,30)

  rect(760+q,525,30,30)

  rect(310+q,265,30,30)

  rect(1160+e,470,30,30)

  fill(205+r,080+g,200+b,t2)

  rect(355+q,220,30,30)

  rect(310+q,400,30,30)

  rect(1070+e,220,30,30)

  fill(205+r,080+g,200+b,t3)

  rect(310+q,560,30,30)

  //second

  rect(800+q,175,30,30)//220,265,300,345,390,335,480,525

  rect(760+q,300,30,30)

  fill(205+r,080+g,200+b,t4)

  rect(760+q,390,30,30)

  rect(310+q,320,30,30)

  rect(1020+e,400,30,30)

  //car

  fill(130+r,060,160+b);

  quad(a,c,a+10,c+10,a-40,c+10,a-30,c);

  //carwindow

  fill(170+r,100,200+b);

  rect(a-10,c+5,8,5);

  rect(a-25,c+5,8,5);

  //bridge

  fill(110+r/2,057,100+b);

  rect(0,360,900,40);

  rect(20,320,7,40);//

  rect(100,320,7,40);

  rect(180,320,7,40);

  rect(260,320,7,40);

  rect(340,320,7,40);//

  rect(420,320,7,40);

  rect(500,320,7,40);

  rect(580,320,7,40);//

  rect(640,320,7,40);

  rect(720,320,7,40);

  rect(800,320,7,40);

  rect(880,320,7,40);

  //buildings

  fill(0,0,0)

  rect(100+w,180,80,100);

  rect(60+w,260,230,340);

  rect(340+w,350,200,250);

  rect(670+w,100,70,120);

  rect(600+w,170,170,530);

  quad(380+w,280,500+w,280,540+w,350,340+w,350);

  rect(850+w,230,170,400);

  rect(1100+p,190,300,510);

  a=a+4

  if(a%60==0){s=255}

  if(a%40==0){s=245}

  if(a>1100){a=0};

  //if(900%a<100){t1=0,t2=255,t3=255}

  //if(100<=900%a<200){t2=0,t1=255,t3=255}

  //if(200<=900%a<300){t3=0,t2=255,t1=255}

  if(a%350==0){t1=0,t2=255,t3=255}

  if(a%450==0){t2=0,t1=255,t3=255}

  if(a%650==0){t3=0,t1=255,t2=255}

  if(a%300==0){t4=0}

  if(a%600==0){t4=255}

  w=w-3

  q=q-2

  p=p-3

  e=e-2

  if(w==-1020)(w=900)

  if(p==-1400)(p=2000)  //rect(1100+p,190,300,510);rect(850+w,230,170,400);

  if(q==-850)(q=700)

  if(e==-1230)(e=500)//rect(1000+e,160,230,540);  rect(650+q,150,200,550);

  skycolor=skycolor+1

  if(a<650){

    r=r-0.5;  b=b+0.5;

  }else{

    r=r+0.8;  b=b-0.6;

  }

  center=center+1

  if(center>1000){center=-200};

  if (70>sheight){SP=SP*-1}

  if(sheight>540){SP=SP*-1};

  sheight-=SP

  //if(120<sheight>660){sheight=sheight-0.5};

  //print(sheight)

  //if(center=-200){center=0}

  //h=h-2

  //if(h=-200){h=h+1}

  //if(h=100){h=h-1}

}