var x=0;
var y=0;
var x_speed= 1;
var y_speed= 2;
var speed=2;
var R=0;
var Rchange=2;
function setup() {
createCanvas(400,400);
}
function draw(){
background(100,0,120);
fill(10,0,120);
x=x+x_speed;
y=y+y_speed;
if((x>width) || (x<0)){
x_speed=x_speed*-1;
}
if((y>height) || (y<0)){
y_speed=y_speed*-1;
}
x=x+speed;
R=R+Rchange;
if((R>255) || (R<0)) {
Rchange=Rchange*-1;
}
if((x>width) || (x<0)){
speed = speed*-1;
}
//y=y+speed;
//speed=speed
//if(y>height){
// speed=speed*-0.95;
//}
stroke(0);
// fill(R,100,100);
//beginShape();
//fill(R,100,100);
//ellipse(x,y+50,100,100);
//ellipse(x,y,80,80);
//ellipse(x,y-50,50,50);
//fill(0);
//ellipse(x-10,y-60,10,10);
//ellipse(x+10,y-60,10,10);
//endShape();
beginShape();
fill(226, 137, 47)
arc(x,y, 100, 50, 360, HALF_PI);
ellipse(x,y,5,5)
endShape();
}