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, gibst du einfach den Buchstaben der entsprechenden Taste in Anführungszeichen an, zum Beispiel keyIsDown('a') für die Taste 'a'.

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!