CodeAgeBy Sitezack
Canvas für MacherZeichne und animiere dein Spiel0 XP
Kapitel-Fortschritt0/6

Lektion 6 von 7

Die Spielschleife

Ein Spiel lebt im Takt eines „Ticks“: eine Funktion, die in Schleife läuft (per setInterval) und die Welt einen kleinen Schritt weiterbewegt.

Hier rast das Hindernis auf das Auto zu: Bei jedem Tick sinkt sein x. Wir testen die Funktion tick() direkt — Animation ist nur wiederholtes tick()!

var obstacle = {x: 300};
function tick() {
  obstacle.x = obstacle.x - 5;
}
setInterval(tick, 50);

🎯 Dein Ziel

Erstelle var obstacle = {x: 300} und die Funktion tick(), die 5 von obstacle.x abzieht (starte sie dann mit setInterval(tick, 50), um die Animation zu sehen).

PRO-Lektion

Dieses fortgeschrittene Kapitel gehört zu CodeAge PRO. Schalte es frei, um dein Abenteuer fortzusetzen.

PRO entdecken