​

let x1 = -3000

let y1 = 500

let x1speed = 2

​

let x2 = -2800

let y2 = 100

let x2speed = 3

​

let x3 = -6000

let y3 = 400

let x3speed = 4

​

let x4 = -5000

let y4 = 200

let x4speed = 5

​

let x5 = -4000

let y5 = 300

let x5speed = 3.5

​

let x6 = -3500

let y6 = 350

let x6speed = 4.5

​

let x7 = -2800

let y7 = 150

let x7speed = 2.5

​

let x8 = -7000

let y8 = 450

let x8speed = 4.5

​

let x9 = -7500

let y9 = 550

let x9speed = 4.8

​

let x10 = -8100

let y10 = 100

let x10speed = 4.3

​

//making y lower brings to the left- change 12,15,20

​

let x11 = -3100

let y11 = -500

let x11speed = 2

​

let x12 = -3400

let y12 = -300

let x12speed = 3

​

let x13 = -4100

let y13 = -200

let x13speed = 4.8

​

let x14 = -6100

let y14 = -600

let x14speed = 2.5

​

let x15 = -5100

let y15 = -400

let x15speed = 4

​

let x16 = -4500

let y16 = -100

let x16speed = 3.5

​

let x17 = -3100

let y17 = -150

let x17speed = 4.5

​

let x18 = -8100

let y18 = -450

let x18speed = 5

​

let x19 = -6500

let y19 = -350

let x19speed = 4.3

​

let x20 = -4200

let y20 = -250

let x20speed = 2.8

​

​

​

function setup() {

  createCanvas(1500,6000);

}

​

function draw() {

  print(mouseX,mouseY)

 // background(50,100,170);

  x1 = x1 + x1speed;

  if (x1 > 2350){

    x1 = -3000

  }

x2 = x2 + x2speed;

  if (x2 > 2350){

    x2 = -3000

  }

  x3 = x3 + x3speed;

  if (x3 > 2350){

    x3 = -3000

  }

    x4 = x4 + x4speed;

  if (x4 > 2350){

    x4 = -3000

  }

     x5 = x5 + x5speed;

  if (x5 > 2350){

    x5 = -3000

  }

  x6 = x6 + x6speed;

  if (x6 > 2350){

    x6 = -3000

  }

   x7 = x7 + x7speed;

  if (x7 > 2350){

    x7 = -3000

  }

  x8 = x8 + x8speed;

  if (x8 > 2350){

    x8 = -3000

  }

   x9 = x9 + x9speed;

  if (x9 > 2350){

    x9 = -3000

  }

  x10 = x10 + x10speed;

  if (x10 > 2350){

    x10 = -3000

  }

  x11 = x11 + x11speed;

  if (x11 > 2000){

    x11 = -3100

  }

   x12 = x12 + x12speed;

  if (x12 > 2000){

    x12 = -3100

  }

   x13 = x13 + x13speed;

  if (x13 > 2000){

    x13 = -3100

  }

   x14 = x14 + x14speed;

  if (x14 > 2000){

    x14 = -3100

  }

   x15 = x15 + x15speed;

  if (x15 > 2000){

    x15 = -3100

  }

   x16 = x16 + x16speed;

  if (x16 > 2000){

    x16 = -3100

  }

   x17 = x17 + x17speed;

  if (x17 > 2000){

    x17 = -3100

  }

   x18 = x18 + x18speed;

  if (x18 > 2000){

    x18 = -3100

  }

   x19 = x19 + x19speed;

​

  if (x19 > 2000){

    x19 = -3100

  }

   x20 = x20 + x20speed;

  if (x20 > 2000){

    x20 = -3100

  }

   noStroke() 

  //blue bg

  fill(50,100,170)

  rect(0,0,6000,6000)

//  push()

  translate(width / 2, height / 2);

  rotate(-HALF_PI);

  fill(154, 212, 245)

  textSize(32)

  text("i hate you",-x1,-y1)

  text("you make me sad",-x2,-y2)

  text("you're ugly",-x3,-y3)

  text("you're not worth it", -x4,-y4)

  text("you're gonna fail", -x5,-y5)

  text("give up",-x6,-y6)

  text("they're better than you", -x7,-y7)

  text("you suck",-x8,-y8)

  text("stop trying",-x9,-y9)

  text("you're embarrassing",-x10,-y10)

  //pop()

  resetMatrix()

  //clouds

  noStroke()

  fill(150,150,150)

  ellipse(0,100,400,300)

  ellipse(200,100,400,300)

  ellipse(400,100,400,300)

  ellipse(600,100,400,300)

  //darker clouds

  fill(130,130,130)

  ellipse(0,220,250,100)

  ellipse(200,220,250,100)

  ellipse(400,220,250,100)

  ellipse(600,220,250,100)

  //clouds

  noStroke()

  fill(150,150,150)

  ellipse(0,180,250,100)

  ellipse(200,180,250,100)

  ellipse(400,180,250,100)

  ellipse(600,180,250,100)

  //darker clouds

  fill(130,130,130)

  ellipse(50,100,250,100)

  ellipse(150,100,250,100)

  ellipse(175,70,250,100)

  //clouds

  noStroke()

  fill(150,150,150)

  ellipse(50,60,250,100)

  ellipse(140,60,250,100)

//darker clouds

  fill(130,130,130)

  ellipse(600,160,250,100)

  ellipse(480,125,250,100)

  //clouds

  noStroke()

  fill(150,150,150)

  ellipse(600,130,250,100)

  ellipse(480,95,250,100)

  //yellow bg 

  fill(255, 237, 71)

  rect(700,0,6000,6000)

 // push()

  translate(width / 2, height / 2);

  rotate(HALF_PI);

  fill(255, 170, 0)

  text("i love you",x11,y11)

  text("you make me happy",x12,y12)

  text("you are pretty",x13,y13)

  text("you are worth it", x14,y14)

  text("you're gonna succeed", x15,y15)

  text("never give up",x16,y16)

  text("you're the best", x17,y17)

  text("you rock",x18,y18)

  text("keep trying",x19,y19)

  text("no one is better than you",x20,y20)

  //pop()

  resetMatrix()

  //sun 

  fill(255, 187, 0)

  ellipse(1100,7,800,500)

  //sun lines

  strokeWeight(3)

  stroke(255, 187, 0)

  line(1420,275,1508,430)

  line(1320,295,1388,430)

  line(1220,305,1258,437)

  line(1120,310,1130,445)

  line(1020,315,1000,442)

  line(920,313,880,435)

  line(820,280,760,400)

  line(720,260,701,289)

  noStroke()

 noStroke() 

  //person

fill(0)

stroke(0)

ellipse(700,5460,100,100)

beginShape()

vertex(651,5471)

vertex(644,5502)

vertex(647,5502)

vertex(658,5502)

vertex(660,5513)

vertex(665,5522)

vertex(664,5533)

vertex(679,5541)

vertex(737,5521)

vertex(745,5471)

endShape(CLOSE)

beginShape() 

vertex(694,5528)

vertex(699,5555)

vertex(687,5574)

vertex(737,5575)

vertex(732,5516)

endShape(CLOSE)

line(652,5470,647,5467)

beginShape() 

vertex(744,5437)

vertex(759,5464)

vertex(754,5490)

vertex(771,5542)

vertex(764,5597)

vertex(723,5560)

endShape(CLOSE)

beginShape()

vertex(650,5450)

vertex(645,5438)

vertex(658,5414)

vertex(681,5403)

vertex(698,5403)

vertex(700,5410)

vertex(703,5404)

vertex(718,5404)

vertex(744,5426)

vertex(751,5449)

endShape(CLOSE)

//body

beginShape()

vertex(687,5572)

vertex(658,5607)

vertex(652,5633)

vertex(662,5648)

vertex(677,5652)

vertex(657,5723)

vertex(597,5838)

vertex(581,5895)

vertex(756,5920)

vertex(972,5865)

vertex(909,5797)

vertex(865,5715)

vertex(797,5603)

vertex(782,5555)

vertex(757,5536)

endShape(CLOSE)

//hair

beginShape()

vertex(752,5470)

vertex(775,5487)

vertex(781,5513)

vertex(809,5544)

vertex(796,5540)

vertex(807,5562)

vertex(773,5548)

vertex(727,5486)

endShape(CLOSE)

beginShape()

vertex(740,5420)

vertex(767,5439)

vertex(782,5471)

vertex(769,5464)

vertex(794,5498)

vertex(770,5491)

vertex(708,5457)

endShape(CLOSE)

beginShape()

vertex(775,5485)

vertex(797,5518)

vertex(770,5508)

endShape(CLOSE)

beginShape()

vertex(689,5892)

vertex(698,6000)

vertex(813,6000)

vertex(817,5944)

vertex(817,5917)

vertex(814,5893)

endShape(CLOSE)

//triangle(650,5602,668,5676,730,5629) 

//triangle(668,5676,731,5654,739,5617)

//triangle(654,5614,650,5642,662,5636)

 //umbrella

  fill(0)

  rect(695,4926,10,50) 

  rect(0,5350,1500,10)

  beginShape()

  vertex(0,5350)

  vertex(40,5240)

  vertex(200,5150)

  vertex(285,5125)

  vertex(435,5040)

  vertex(600,5000)

  vertex(644,4970)

  vertex(700,4950)

  vertex(756,4970)

  vertex(800,5000)

  vertex(965,5040)

  vertex(1115,5125)

  vertex(1200,5150)

  vertex(1390,5240)

  vertex(1500,5350)

  endShape(CLOSE)

  //umbrella pole

  fill(0)

  stroke(0)

  rect(697,5346,10,1000)

  strokeWeight(10)

  line(670,5686,637,5730)

  line(637,5730,594,5730)

  line(594,5730,577,5712)

  line(577,5712,577,5673)

  strokeWeight(1)

  //person arms

  fill(0)

  stroke(0)

  ellipse(609,5724,50,30)

  ellipse(607,5739,20,10)

  beginShape()

 // vertex(623,5579)

 // vertex(635,5606)

 // vertex(662,5614)

 // vertex(687,5582)

  vertex(623,5713)

  vertex(644,5688)

  vertex(658,5670)

  vertex(683,5648)

  vertex(685,5690)

  vertex(630,5723)

  vertex()

  endShape(CLOSE)

 //fixing clothes

  fill(50,100,170)

  noStroke()

  beginShape()

  vertex(684,5694)

  vertex(668,5757)

  vertex(653,5803)

  vertex(623,5838)

  vertex(571,5898)

  vertex(546,5794)

  vertex()

  endShape(CLOSE)

  //ground

//  fill(0)

//  rect(0,5970,6000,30) 

}