Mit Tastatur-Events kann man ziemlich einfach Geschicklichkeitsspiele machen…

Demo

Schaut Euch die Demo an…

P5

var d = 100;
var x, y;
var s = 1; // Geschwindigkeit
var Xr = 1; // X-Richtung
var Yr = 1; // Y-Richtung

function setup() {
  createCanvas(960, 500);
  noStroke();
  textSize(100);
  textAlign(CENTER);
  x = 0;
  y = 0;
}

function draw() {
  background(255);
  fill(255, 0, 0);
  ellipse(x, y, d);
  x = x + s * Xr;
  y = y + s * Yr;

  // wenn der Mittelpunkt des Kreises die Ränder der Bühne berührt
  // ist das Spiel aus
  if (x < 0 || x > width || y < 0 || y > height) {
    background(0);
    text("Game over!", width / 2, 280);
  }
}

function keyPressed() {
  if (key == "X" || key == "x") {
    // ändert die X-Richtung
    Xr = -Xr;
  }

  if (key == "Y" || key == "y") {
    // ändert die Y-Richtung
    Yr = -Yr;
  }

  if (key == "S" || key == "s") {
    // Erhöht die Geschwindigkeit
    s = s + 1;
  }

  if (key == "N" || key == "n") {
    // Neustart, alles auf 0 setzen
    x = 0;
    y = 0;
    Xr = 1;
    Yr = 1;
    s = 1;
  }
}