SOURCE

var x=70;
var y=70;

function setup() { 
  createCanvas(600, 600);
  noStroke();
} 
function draw(){
            background(15)
        fill(125,255,157)
        ellipse(x,y,45,45)
        if(keyIsPressed){
        if(keyCode==37){
            x-=20
        }
        else if(keyCode==39){
            x+=20
        }
        else if(keyCode==38){
            y-=20
        }
        else if(keyCode==40){
            y+=20
      }
    }  
    fill(200,255,105)
    

    beginShape();
    vertex(100,0);
    vertex(600,0);
    vertex(600,500);
    vertex(550,500);
    vertex(550,50);
    vertex(100,50);
    endShape(CLOSE);

    beginShape();
    vertex(100,100);
    vertex(100,300);
    vertex(300,300);
    vertex(300,250);
    vertex(150,250);
    vertex(150,100);
    endShape(CLOSE);

    beginShape();
    vertex(200,100);
    vertex(600,100);
    vertex(600,150);
    vertex(200,150);
    endShape(CLOSE);

    beginShape();
    vertex(350,150);
    vertex(500,150);
    vertex(500,500);
    vertex(350,500);
    endShape(CLOSE);

    beginShape();
    vertex(100,350);
    vertex(300,350);
    vertex(300,500);
    vertex(250,500);
    vertex(250,400);
    vertex(100,400);
    endShape(CLOSE);

    beginShape();
    vertex(0,0);
    vertex(0,600);
    vertex(600,600);
    vertex(600,550);
    vertex(50,550);
    vertex(50,0);
    endShape(CLOSE);

    beginShape();
    vertex(100,0);
    vertex(600,0);
    vertex(600,500);
    vertex(550,500);
    vertex(550,50);
    vertex(100,50);
    endShape(CLOSE);

    beginShape();
    vertex(100,100);
    vertex(100,300);
    vertex(300,300);
    vertex(300,250);
    vertex(150,250);
    vertex(150,100);
    endShape(CLOSE);

    beginShape();
    vertex(120,100);
    vertex(250,100);
    vertex(250,150);
    vertex(120,150);
    endShape(CLOSE);

    beginShape();
    vertex(170,400);
    vertex(100,400);
    vertex(100,550);
    vertex(170,550);
    endShape(CLOSE);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/p5.min.js"></script>