Ein Grundgerüst für die Reaktion auf Tastatureingaben Demo

Canvas-Spiel

Beim Laden der Seite wird die Funktionion Init aufgerufen

Init ruft draw() auf

Danach wird auf das Drücken/Klicken des Startbuttons bzw. das Drücken der Enter-Taste gewartet.

Mit dem Drücken des Startbuttons wird die Funktion startGame aufgerufen. Außerdem wird in einem Intervall die Funktion reDraw aufgerufen.

startGame ruft bei einem Tastaturereignis die Funktion movePaddle auf

movePaddle verändert in Abhängigkeit von der gedrückten Taste die Position das Paddles

reDraw löscht den Canvas - Inhalt und ruft die Funktion draw auf