<!DOCTYPE html>

<html>

<head>

<title>Your Title Here</title>

</head>

<body>

<h1>Processing </h1>

float bodyX;

float cloud;

void setup(){

size(600,400);

frameRate(40);

}

void draw (){

//background

background(#A8D7FC);

//sun

fill(#FFE9B2);

circle(600,0,200);

fill(#FAD500);

circle(600,0,150);

fill(#FA9B00);

circle(600,0,100);

//cloud

fill(#FFFFFF, 50);

ellipse(cloud + 3, 100,200, 100);

ellipse(cloud +70 ,150,200,100);

ellipse(cloud -140 ,160,200,100);

cloud = cloud + random(-3,3);

cloud = cloud + 10;

if(cloud > width){

cloud=0;

}

//flower- pink

fill(#FFD1F5);

circle(520,420,100);

circle(600,320,100);

fill(#FFB9F0);

circle(540,350,100);

fill(#DEB260);

circle(600,400,150);

//flower orange

fill(#F5CA54);

circle(350,380,150);

circle(450,390,150);

fill(#FFCB3B);

circle(400,350,150);

fill(#DEB260);

circle(400,400,150);

//flower yellow

fill(#FCEA5C);

circle(160,330,100);

circle(280,380,100);

fill(#E8D85B);

circle(230,350,120);

fill(#DEB260);

circle(200,400,150);

//flower white

fill(#FFF7FD);

circle(0,300,100);

circle(80,370,100);

fill(#F5F2F4);

circle(60,320,100);

fill(#DEB260);

circle(10,400,150);

//wings 1

strokeWeight(1);

stroke(000000);

fill(#FFFFFF,50);

circle(bodyX,240,40);

circle(bodyX-30,240,40);

//body 1

noStroke();

rectMode(CENTER);

fill(#F0EB57);

rect(bodyX,300,100,100,40);

bodyX=bodyX + 1;

fill(#000000);

rect(bodyX,300,30,100,10);

bodyX = bodyX + random(-3,3);

//eye

fill(#FFFFFF);

circle(bodyX+30,290,20);

fill(#000000);

circle(bodyX+30,290,10);

if(bodyX > width){

bodyX=0;

}

</script>

</body>

</html>