Steuern mit der Tastatur

Die Funktion function keyPressed() wird immer dann aufgerufen, wenn eine Taste der Tastatur gedrückt wird. Innerhalb der Funktion kann beliebiger Code ausgeführt werden.

Steuern mit den Pfeiltasten

let x = 200;
let y = 200;
let d = 50;

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

function draw() {
  // hier passiert bei diesem Beispiel nichts
}

// Immer wenn eine Taste gedrückt wird,
// wird die untenstehende Funktion ausgeführt
function keyPressed() {
    
  if(keyCode == RIGHT_ARROW) {
    x = x + 5;
  }
  if(keyCode == LEFT_ARROW) {
    x = x - 5;
  } 
  if(keyCode == UP_ARROW) {
    y = y - 5;
  } 
  if(keyCode == DOWN_ARROW) {
    y = y + 5;
  }

  if(key == 'a') {
    d = 200;
  }
  if(key == 's') {
    d = 50;
  }

  background(120);
  ellipse(x, y, d, d);
}

Drücke die Pfeiltasten im unteren rechten bereich der Tastatur! Mit den Tasten a und s kannst du die Grösse des Kreises ändern!