var y = 200;

var ex = 0;

var es = 0;

var why = 330;

function setup() {

  createCanvas(400, 400);

  angleMode(DEGREES);

  sb = loadImage("Seat Belt.png");

}

function draw() {

  background("lightBlue");

  noStroke();

  fill("white");

  if (ex < -40) {

    ex = 480;

  }

  if (es < -40) {

    es = 480;

  }

  //   bottom cloud

  ellipse(ex, why, 80, 50);

  ellipse(ex - 40, why, 50, 40);

  ellipse(ex + 40, why, 50, 40);

  // //   top cloud

  ellipse(es + 20, why - 250, 80, 50);

  ellipse(es - 20, why - 250, 50, 40);

  ex = ex - 3;

  es = es - 2.5;

​

  //   plane

  strokeWeight(2);

  fill(176, 174, 174);

  ellipse(x, y, 350, 80);

  x = x + random(-0.8, 0.8);

  y = y + random(-0.8, 0.8);

  quad(x - 40, y, x - 120, y - 80, x - 80, y - 80, x + 40, y);

  quad(x - 172, y, x - 170, y - 50, x - 150, y - 50, x - 120, y);

  stroke(156, 156, 156);

  quad(x - 110, y + 50, x - 80, y + 55, x - 20, y + 15, x - 70, y + 15);

  strokeWeight(6);

  stroke(176, 174, 174);

  line(x - 20, y + 15, x - 70, y + 15);

  strokeWeight(25);

  line(x - 30, y + 40, x, y + 40);

  //   peep4

  strokeWeight(1);

  stroke("black");

  ellipse(x - 15, y, 10, 10);

  line(x - 15, y + 5, x - 15, y + 13);

  point(x - 17, y);

  point(x - 13, y);

  arc(x - 15, y + 0.5, 5, 5, 40, 130);

​

  //   peep3

  ellipse(x - 55, y + 2, 10, 10);

  line(x - 55, y + 7, x - 53, y + 11);

  line(x - 52, y + 2, x - 54, y + 2);

  line(x - 56, y + 2, x - 58, y + 2);

  arc(x - 55, y + 2.5, 5, 5, 40, 130);

​

  //   peep2

  ellipse(x - 85, y - 5, 10, 10);

  line(x - 85, y, x - 85, y + 12);

  line(x - 85, y, x - 89, y + 9);

  point(x - 87, y - 5);

​

  //   peep1

  ellipse(x - 122, y + 5, 10, 10);

  line(x - 120, y + 10, x - 119, y + 12);

  line(x - 120, y, x - 118, y - 6);

  point(x - 123, y + 5);

  point(x - 120, y + 5);

  arc(x - 121, y + 5, 5, 5, 40, 130);

​

  //peep 6

  ellipse(x + 52, y, 10, 10);

  line(x + 52, y + 5, x + 52, y + 12);

  point(x + 50, y);

  point(x + 54, y);

  arc(x + 52, y + 0.5, 5, 5, 40, 130);

  arc(x + 56, y + 5, 8, 8, 0, 180);

​

  //peep 7

  ellipse(x + 90, y - 5, 10, 10);

  point(x + 92, y - 4.5);

  point(x + 88, y - 4.5);

  arc(x + 90, y - 5.5, 5, 5, 200, 340);

  line(x + 85, y - 2, x + 84, y + 5);

  line(x + 95, y - 2, x + 96, y + 5);

  point(x + 90, y - 11);

​

  //peep 5

  ellipse(x + 18, y + 2, 10, 10);

  line(x + 18, y + 7, x + 18, y + 12);

  point(x + 16, y + 2);

  point(x + 20, y + 2);

  arc(x + 18, y + 2.5, 5, 5, 40, 130);

​

  //   front window

  strokeWeight(20);

  stroke(146, 205, 232, 95);

  arc(x + 156, y - 7, 30, 20, 30, 160);

​

  //   passenger window

  strokeWeight(2);

  stroke(135, 135, 135);

  fill(146, 205, 232, 90);

  while (x < 440) {

    ellipse(x - 120, y, 20, 25);

    x = x + 35;

  }

​

  if (mouseIsPressed == true) {

    image(sb, 140, 270, 130, 90);

    noStroke();

    fill("black");

    textSize(17);

    textAlign(CENTER);

    text("Please fasten your seatbelts", 200, 70);

    text("as we are currently experiencing a turbulence", 200, 90);

    // noFill()

    // stroke(2)

    // arc(300,130,10,50,270,90)

    x = x + random(-6, 6);

    y = y + random(-6, 6);

  }

  if (y > 205) {

    y = 205;

  }

  if (x > 205) {

    x = 205;

  }

  if (y < 195) {

    y = 195;

  }

  if (x < 195) {

    x = 195;

  }

}

​