var x = 200
var y = 200

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);


  //move circle
  
  
  if (keyIsDown(LEFT_ARROW)){
    x= x-2;
    
  }if (keyIsDown(RIGHT_ARROW)){
    x= x+2;
    
  }if (keyIsDown(UP_ARROW)){
    y= y-2;
    
  }if (keyIsDown(DOWN_ARROW)){
    y= y+2;
    
  }
  
  
  
  // color changes
  
  
if(key=='a' || key == 'A'){
  fill(255,0,0);
  
}else if (key=='s' || key == 'S'){
  fill(0,255,0);
  
}else if (key=='d' || key == 'D')
fill(0,0,255);
  




ellipse(x,y,100,100);
print(key);



}