SOURCE

var x=500;
var y=500;

function setup() { 
  createCanvas(600, 600);
  noStroke();
} 
function draw(){
            background(255)
        fill(0)
        ellipse(x,y,25,25)
        
        if(keyIsPressed){
        if(keyCode==37){
            x-=6
        }
        else if(keyCode==39){
            x+=8
        }
        else if(keyCode==38){
            y-=10
        }
        else if(keyCode==40){
            y+=10
        }
    }
    fill(10)
    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(200,100);
    vertex(600,100);
    vertex(600,150);
    vertex(200,150);
    endShape(CLOSE);

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

    beginShape();
    vertex(450,200);
    vertex(500,200);
    vertex(500,600);
    vertex(450,600);
    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(150,400);
    vertex(200,400);
    vertex(200,550);
    vertex(150,550);
    endShape(CLOSE);
}

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