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

Leçon 4 sur 7

Faire bouger la voiture

Pour animer, on change les données (car.x) puis on redessine tout : efface avec clearRect, redessine la voiture à sa nouvelle position.

Mets ça dans deux fonctions : drawCar() qui dessine, et moveCar(dx) qui déplace puis redessine.

function moveCar(dx) {
  car.x = car.x + dx;
  ctx.clearRect(0, 0, 300, 200);
  drawCar();
}

🎯 Ton objectif

Écris la fonction drawCar() qui dessine la voiture à car.x, car.y, et la fonction moveCar(dx) qui ajoute dx à car.x, efface le canvas et rappelle drawCar().

Leçon PRO

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

Découvrir PRO