var x, y, d;
var r, g, b;
function setup() {
createCanvas(600, 600);
x = 300;
y = 50;
d = 50;
r = 0;
g = 255;
b = 0;
}
function draw() {
noStroke();
fill(r, g, b);
ellipse(mouseX, mouseY, d, d);
}
function keyPressed(){
if(keyCode === UP_ARROW){
d += 25;
}
else if (keyCode === DOWN_ARROW){
if (d >= 50){
d -= 25;
}
}
else if (key === 'q'){
r = 255;
g = 165;
b = 0;
}
else if (key === 'w'){
r = 0;
g = 255;
b = 0;
}
else if (key === 'e'){
r = 255;
g = 0;
b = 0;
}
}
function mousePressed(){
background(255);
}
