Steuern mit der Tastatur 2

Hier siehst du, wie du ruckelfreie Bewegungen kreieren kannst. Hier wird die Funktion keyIsDown(Taste) verwendet, welche überprüft, ob die entsprechende Taste gedrückt ist oder nicht.

Um mit anderen Tasten als den Pfeiltasten steuern zu können, musst du den sogenannten KeyCode der entsprechenden Taste benützen. Den KeyCode kannst du unter folgendem Link bestimmen: keycode.info. Verwende von dort die gross dargestellte Zahl (bei der Taste 'a' ist es beispielsweise 65).

Steuern mit den Pfeiltasten

let x = 200;
let y = 200;
function setup() {
  createCanvas(400, 400);
  background(120);
}

function draw() {
  background(120);
	
  // nach rechts
  if (keyIsDown(RIGHT_ARROW)) {
    x = x + 5;
  } 
  // nach links
  if (keyIsDown(LEFT_ARROW)) {
    x = x - 5;
  } 
  // nach unten
  if (keyIsDown(DOWN_ARROW)) {
    y = y + 5;
  } 
  // nach oben
  if (keyIsDown(UP_ARROW)) {
    y = y - 5;
  }

  // zeichne den Kreis
  ellipse(x, y, 50, 50);
}

Drücke die Pfeiltasten im unteren rechten bereich der Tastatur!