createCanvas(1280, 720);

​

} 

​

function draw() { 

  background(154, 214, 203);

   //EVERYTHING IS BUILT SOUTH TO NORTH//

​

  //rectangles

  noStroke();

  rectMode(CENTER);

  var rect1x = 560;

  var rect1y = 640;

  var maprect1x = map(mouseX,0,1280,rect1x,590); 

  var maprect1y = map(mouseX,0,1280,rect1y,605); 

  push();

      fill(239,145,133);

  translate(maprect1x,maprect1y);

  var a=map(mouseX, 0, width, 0,28); 

  rotate(radians(a)); 

  rect(0, 0,160,80); 

  pop();

​

  var rect2x = 505;

  var rect2y = 360;

  var maprect2x = map(mouseX,0,1280,rect2x,560); 

  var maprect2y = map(mouseX,0,1280,rect2y,365); 

  push();

      fill(220,156,99);

  translate(maprect2x,maprect2y);

  var b=map(mouseX, 0, width, 40,-40); 

  rotate(radians(b)); 

  rect(0,0,60,60); 

  pop();

​

  var rect3x = 425;

  var rect3y = 225;

  var maprect3x = map(mouseX,0,1280,rect3x,740); 

  var maprect3y = map(mouseX,0,1280,rect3y,267); 

  push();

      fill(103,193,177);

  translate(maprect3x,maprect3y);

  var c=map(mouseX, 0, width, -40,60); 

  rotate(radians(c)); 

  rect(0,0,67,125); 

  pop();

​

  var rect4x = 581;

  var rect4y = 135;

  var maprect4x = map(mouseX,0,1280,rect4x,697); 

  var maprect4y = map(mouseX,0,1280,rect4y,128); 

  push();

      fill(239,145,133);

  translate(maprect4x,maprect4y);

  var d=map(mouseX, 0, width, 40,74); 

  rotate(radians(d)); 

  rect(0,0,60,60); 

  pop();

//ellipses

  ellipseMode(CENTER);

  noStroke();

​

  //ellipse 1; small seafoam bottom

  push();

  fill(103,193,177);

  var ellipse1x = 825;

  var ellipse1y = 660;

  var mapellipse1x = map(mouseX,0,1280,ellipse1x,863); 

  var mapellipse1y = map(mouseX,0,1280,ellipse1y,660); 

  translate(mapellipse1x,mapellipse1y);

  var aa=map(mouseX, 0, width, 0,200); 

  rotate(radians(aa)); 

  ellipse(0, 0,40,40);

  pop();

​

  push();

  fill(154, 214, 203);

  translate(mapellipse1x,mapellipse1y);

  rotate(radians(aa)); 

  ellipse(-5, 5,12,12);

  pop();

​

  //ellipse 2; large blue bottom

  push();

  fill(13,150,162);

  var ellipse2x = 725;

  var ellipse2y = 600;

  var mapellipse2x = map(mouseX,0,1280,ellipse2x,763); 

  var mapellipse2y = map(mouseX,0,1280,ellipse2y,600); 

  translate(mapellipse2x,mapellipse2y);

  rotate(radians(aa)); 

  ellipse(0, 0,160,160);

  pop();

​

  push();

  fill(154, 214, 203);

  translate(mapellipse2x,mapellipse2y);

  rotate(radians(aa)); 

  ellipse(0,55,25,25);

  pop();

​

  //ellipse 3; large salmon

  push();

  fill(217,116,97);

  var ellipse3x = 522;

  var ellipse3y = 491;

  var mapellipse3x = map(mouseX,0,1280,ellipse3x,646); 

  var mapellipse3y = map(mouseX,0,1280,ellipse3y,457); 

  translate(mapellipse3x,mapellipse3y);

  rotate(radians(aa)); 

  ellipse(0, 0,120,120);

  pop();

​

  push();

  fill(154, 214, 203);

  translate(mapellipse3x,mapellipse3y);

  rotate(radians(aa)); 

  ellipse(-20,-34,18,18);

  pop();

​

  //ellipse 4; small salmon  

    push();

  fill(217,116,97);

  var ellipse4x = 616;

  var ellipse4y = 283;

  var mapellipse4x = map(mouseX,0,1280,ellipse4x,746); 

  var mapellipse4y = map(mouseX,0,1280,ellipse4y,325); 

  translate(mapellipse4x,mapellipse4y);

  rotate(radians(aa)); 

  ellipse(0, 0,24,24);

  pop();

​

  push();

  fill(154, 214, 203);

  translate(mapellipse4x,mapellipse4y);

  rotate(radians(aa)); 

  ellipse(4,3,8,8);

  pop();

​

  //ellipse 5; large dark blue

  push();

  fill(1,111,119);

  var ellipse5x = 324;

  var ellipse5y = 258;

  var mapellipse5x = map(mouseX,0,1280,ellipse5x,610); 

  var mapellipse5y = map(mouseX,0,1280,ellipse5y,260); 

  translate(mapellipse5x,mapellipse5y);

  rotate(radians(aa)); 

  ellipse(0,0,112,112);

  pop();

​

  push();

  fill(154, 214, 203);

  translate(mapellipse5x,mapellipse5y);

  rotate(radians(aa)); 

  ellipse(35,-20,18,18);

  pop();

​

  //ellipse 6; small golden rod 

  push();

  fill(220,156,99);

  var ellipse6x = 513;

  var ellipse6y = 55;

  var mapellipse6x = map(mouseX,0,1280,ellipse6x,815); 

  var mapellipse6y = map(mouseX,0,1280,ellipse6y,76); 

  translate(mapellipse6x,mapellipse6y);

  rotate(radians(aa)); 

  ellipse(0,0,40,40);

  pop();

​

  push();

  fill(154, 214, 203);

  translate(mapellipse6x,mapellipse6y);

  rotate(radians(aa)); 

  ellipse(-6,7,8,8);

  pop();

​

//lines

//line variables

​

var line1x1 = 355;

var line1y1 = 679;

var line1x2 = 716;

var line1y2 = 440;

​

var line2x1 = 232;

var line2y1 = 296;

var line2x2 = 651;

var line2y2 = 476;

​

var line3x1 = 334;

var line3y1 = 331;

var line3x2 = 655;

var line3y2 = 294;

​

var line4x1 = 298;

var line4y1 = 120;

var line4x2 = 598;

var line4y2 = 194;

​

var line5x1 = 464;

var line5y1 = 088;

var line5x2 = 658;

var line5y2 = 080;

​

    stroke(88,61,22);

    strokeWeight(3);

​

  var mapline1x1 = map(mouseX,0,1280,line1x1,394);

  var mapline1y1 = map(mouseX,0,1280,line1y1,537);

  var mapline1x2 = map(mouseX,0,1280,line1x2,826);

  var mapline1y2 = map(mouseX,0,1280,line1y2,510);

    line(mapline1x1,mapline1y1,mapline1x2,mapline1y2);

  var mapline2x1 = map(mouseX,0,1280,line2x1,404);

  var mapline2y1 = map(mouseX,0,1280,line2y1,484);

  var mapline2x2 = map(mouseX,0,1280,line2x2,827);

  var mapline2y2 = map(mouseX,0,1280,line2y2,313);

    line(mapline2x1,mapline2y1,mapline2x2,mapline2y2);

  var mapline3x1 = map(mouseX,0,1280,line3x1,415);

  var mapline3y1 = map(mouseX,0,1280,line3y1,293);

  var mapline3x2 = map(mouseX,0,1280,line3x2,734);

  var mapline3y2 = map(mouseX,0,1280,line3y2,342);

    line(mapline3x1,mapline3y1,mapline3x2,mapline3y2);

  var mapline4x1 = map(mouseX,0,1280,line4x1,477);

  var mapline4y1 = map(mouseX,0,1280,line4y1,233);

  var mapline4x2 = map(mouseX,0,1280,line4x2,775);

  var mapline4y2 = map(mouseX,0,1280,line4y2,150);

    line(mapline4x1,mapline4y1,mapline4x2,mapline4y2);

  var mapline5x1 = map(mouseX,0,1280,line5x1,637);

  var mapline5y1 = map(mouseX,0,1280,line5y1,071);

  var mapline5x2 = map(mouseX,0,1280,line5x2,827);

  var mapline5y2 = map(mouseX,0,1280,line5y2,114);

    line(mapline5x1,mapline5y1,mapline5x2,mapline5y2);

​

}

​