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

Lektion 7 von 7

Projekt: Rally

Dein erstes Arcade-Spiel! Ein Auto auf zwei Spuren, ein heranrasendes Hindernis, ein Score, der steigt, wenn du ausweichst.

Die Regeln sind präzise — programmiere sie eine nach der anderen: erst die Kollision, dann den Tick, zuletzt die Tastatur.

function crash(c, o) {
  var d = o.x - c.x;
  return d > -30 && d < 30 && c.lane === o.lane;
}

🎯 Dein Ziel

Baue das Spiel: var car = {x: 50, lane: 1}, var obstacle = {x: 300, lane: 1}, var score = 0. 1) Die Funktion crash(c, o) gibt true zurück, wenn der Abstand o.x - c.x strikt zwischen -30 und 30 liegt UND c.lane === o.lane ist. 2) Die Funktion tick() zieht 5 von obstacle.x ab; fällt obstacle.x unter 0, startet es wieder bei 300 und score steigt um 1. 3) Die rechte Pfeiltaste (ArrowRight) addiert 10 zu car.x.

PRO-Lektion

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

PRO entdecken