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

Lektion 3 von 7

Zeichne dein Auto

fillStyle wählt die Farbe, fillRect(x, y, breite, höhe) zeichnet ein gefülltes Rechteck. Der Ursprung (0,0) ist oben links!

Speichere die Position deines Autos in einem Objekt var car = {x: …, y: …}: Das wirst du später bewegen.

var car = {x: 20, y: 90};
ctx.fillStyle = "#7C5CFF";
ctx.fillRect(car.x, car.y, 40, 20);

🎯 Dein Ziel

Erstelle das Objekt var car = {x: 20, y: 90} und zeichne das Auto: ein Rechteck von 40 mal 20 an der Position car.x, car.y (wähle deine Farbe mit fillStyle).

PRO-Lektion

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

PRO entdecken