/**
Hier word het scherm gemaakt nu 100 pixels breed en 100 pixels hoog
**/
function setup() {
  createCanvas(200, 200);
}

// verplaatsings afstand
let verplaatsing = 10;
let horizontalePositie = 20;

/**
alles binnen dit stukje wordt iedere seconde gedaan 
**/
function draw() {
  // maak de achtergrond zwart
  background(0);
  // teken een blokje 50 pixels naar rechts en 50 pixels naar beneden
  tekenPixel(horizontalePositie,50)
}

function keyPressed() {
  if (keyCode === LEFT_ARROW) {
    horizontalePositie = horizontalePositie + verplaatsing * -1;
  } else if (keyCode === RIGHT_ARROW) {
    horizontalePositie = horizontalePositie + verplaatsing;
  }
}

function tekenPixel(x, y){
  noStroke();
  fill(color(255, 255, 255));
  rect(x,y,10,10);
}