CodeAgeBy Sitezack
Canvas pour CréateursDessine et anime ton jeu0 XP
Progression du chapitre0/6

Leçon 3 sur 7

Dessine ta voiture

fillStyle choisit la couleur, fillRect(x, y, largeur, hauteur) dessine un rectangle plein. L'origine (0,0) est en haut à gauche !

Range la position de ta voiture dans un objet var car = {x: …, y: …} : c'est lui que tu feras bouger ensuite.

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

🎯 Ton objectif

Crée l'objet var car = {x: 20, y: 90}, puis dessine la voiture : un rectangle de 40 par 20 à la position car.x, car.y (choisis ta couleur avec fillStyle).

Leçon PRO

Ce chapitre avancé fait partie de CodeAge PRO. Débloque-le pour continuer ton aventure.

Découvrir PRO