var c= 130;

var d= 30;

​

function setup() {

  createCanvas(700, 600);

}

​

function draw() {

  col, c, d = mouseX/1; //makes colors change

  background(d,c, col);

  noStroke()

​

//ground

fill(255, 122, 12);

rect(70, 430,600, 530);

//flower

fill(15, 122, 12);

rect(500,350, 10, 500);

​

//petal

fill(252,222,90);

ellipse(500,310,50,50);

ellipse(460,340,50,50);

ellipse(470,380,50,50);

ellipse(540,330,50,50);

ellipse(530,380,50,50);

//center of flower

fill(79,58,9);

ellipse(500,350,55,55);

​

​

​

  function ground() {

  //noStroke();

  fill(170, 150, 146, 240);

  rect(500, 530, 600, 530);

}

​

  noStroke();

var x = 200;

var y = 200;

var faceSize = 160;

​

// ears

var earSize=faceSize*1/2;

fill(89, 52, 17);

ellipse(x-faceSize*2/5, y-faceSize*2/5, earSize, earSize);

ellipse(x+faceSize*2/5, y-faceSize*2/5, earSize, earSize);

​

// face

fill(163, 113, 5);

ellipse(x, y, faceSize, faceSize);

​

​

​

//eyes 

fill(0, 0, 0);

ellipse(160, 180, 20, 20);

ellipse(240, 180, 20, 20);

​

​

​

//nose

fill(89, 52, 20);

ellipse(x, y+faceSize/8, faceSize*4/15, faceSize/5);

//body

fill(163, 113, 5);

ellipse(200, 390, 220, 250); 

​

//hands and legs

fill(89, 52, 20);

ellipse(270, 310, 50, 70); 

ellipse(150, 310, 50, 70); 

ellipse(150, 500, 50, 70); 

ellipse(270, 500, 50, 70); 

​

​

  //butterfly

  fill(0, 0, 0)

  //wings

  fill(25, 255, 255)

  ellipse(mouseX - 20, mouseY - 15, -30, 50);

  ellipse(mouseX, mouseY - 25, -30, -50);

  //body

  fill(255, 255, 102);

  circle(mouseX + 30, mouseY, 20);

  ellipse(mouseX - 5, mouseY, 60, 30);

  //stripes and eyeball below

  fill(0, 0, 0)

  circle(mouseX + 30, mouseY, 4);

​

  //left most cloud

  fill(255, 255, 255);

  ellipse(mouseX - 340, 90, 60, 50);

  ellipse(mouseX - 370, 80, 60, 50);

  ellipse(mouseX - 420, 90, 60, 50);

  ellipse(mouseX - 360, 110, 60, 50);

  ellipse(mouseX - 400, 105, 60, 50);

  //x=x+1;

  //if (x> width) {

  //  x = 0;

  //}

  //middle cloud

  fill(255, 255, 255);

  ellipse(mouseX, 50, 60, 50);

  ellipse(mouseX + 30, 40, 60, 50);

  ellipse(mouseX + 80, 50, 60, 50);

  ellipse(mouseX + 20, 70, 60, 50);

  ellipse(mouseX + 60, 65, 60, 50);

  //x=x+1;

  //if (x> width) {

  //  x = 0;

  //}

​

  //right most cloud

  fill(255, 255, 255);

  ellipse(mouseX + 340, 90, 60, 50);

  ellipse(mouseX + 370, 80, 60, 50);

  ellipse(mouseX + 420, 90, 60, 50);

  ellipse(mouseX + 360, 110, 60, 50);

  ellipse(mouseX + 400, 105, 60, 50);

  //x=x+1;

  //if (x> width) {

  //  x = 0;

  //}

​

//below is the repetitive ray code

for (let i = 0; i < 10; i++) {

  fill(255, 255, 153);

  triangle(180, 25, 5, 5, 10, 20);

  fill(255, 255, 51);

  triangle(210, 8, 5, 5, 10, 25);

  fill(255, 255, 51, 200);

  triangle(240, 1, 5, 5, 20, 15);

  fill(255, 255, 51, 200);

  triangle(mouseX + 200, 20, 5, 5, 20, 10);

  rotate(1 / 6.1); //this rotates the rays

​

}

​

//below is the middle of the sun 

fill(255, 204, 0);

circle(200, 200, 118);

}

​

​