🎨 Dessine les sprites & les décors de ton jeu
Un sprite = un personnage ou un objet du jeu (le héros, un alien, la balle…). Un arrière-plan (ou décor) = l'image du fond. Tu peux les dessiner toi-même, en choisir un tout fait, ou en importer. Ce guide te montre comment, étape par étape. 🚀
🐢 Règle d'or : reste simple. Des formes nettes et bien lisibles valent toujours mieux qu'un dessin compliqué. Tu pourras embellir plus tard !
🗺️ Étape 1 — Trouve l'éditeur de dessin
Dans Scratch ou TurboWarp, en haut à gauche, il y a deux onglets : Costumes (pour les sprites) et Arrière-plans (pour le décor, quand tu cliques la Scène). Clique sur l'onglet Costumes : l'éditeur de dessin s'ouvre.
🧰 Étape 2 — Les outils (les 7 boutons à connaître)
Tu n'as pas besoin de tous les maîtriser. Avec ces 7-là, tu peux tout faire :
Attrape un dessin pour le déplacer, l'agrandir ou le tourner.
Dessine à main levée. Choisis la couleur et l'épaisseur.
Efface une partie de ton dessin. Pratique pour corriger.
Trace des carrés et rectangles nets (raquette, brique, plateforme…).
Trace des ronds et ovales parfaits (balle, gomme, tête…).
Remplit une zone fermée d'une couleur d'un seul clic.
Écris un mot (titre, « GAME OVER »…).
💡 En bas de l'écran : Agrandir / Réduire (les loupes) pour zoomer, et Vectoriel (recommandé) — voir l'astuce plus bas.
🖍️ Étape 3 — Dessine ton premier sprite (en 3 gestes)
- Une forme de base. Prends le cercle ⭕ ou le rectangle ⬜ et trace la silhouette au centre (sur le repère +).
- La couleur. Prends le remplissage 🪣, choisis une couleur vive et clique à l'intérieur.
- Les détails. Avec le pinceau 🖌️, ajoute les yeux, la bouche… Garde-les gros et nets.
🎞️ Étape 4 — Plusieurs costumes = une animation
Un sprite peut avoir plusieurs costumes. En passant vite de l'un à l'autre, il s'anime !
- Dessine ton 1ᵉʳ costume.
- Dans la liste, fais un clic droit → Dupliquer : tu obtiens un costume identique.
- Sur la copie, change un petit détail (la bouche de Pac-Man fermée, les pattes de l'alien levées…).
- Dans le code :
costume suivantpuisattendre 0,2 sdans une boucle → ça bouge ! 🟡↔️🟡
🌌 Étape 5 — L'arrière-plan (le décor)
Clique sur la Scène (en bas à droite, la petite vignette), puis sur l'onglet Arrière-plans. Tu dessines pareil que pour un sprite, mais en plus grand (tout l'écran).
🧱 La règle qui fait marcher les murs (très important !)
Pour le labyrinthe, Pac-Man et le Mario-like, le code repère les murs / le sol grâce à leur couleur. Donc :
- Peins tous les murs avec exactement la MÊME couleur (ex. un violet bien franc).
- Cette couleur ne doit servir à rien d'autre dans le décor (sinon le héros se bloque n'importe où).
- Dans le code, le bloc
couleur … touchée ?sert de pipette : clique sa pastille, puis clique un mur pour prélever la couleur exacte.
🍄 Pour le Mario-like, même idée mais avec la couleur du sol des plateformes.
📥 Étape 6 — Pas envie de dessiner ? Choisis ou importe
En bas de la liste des costumes, le bouton + (avec une petite loupe) ouvre un menu :
Pioche dans la bibliothèque de Scratch (des centaines d'images toutes prêtes).
Repart d'un costume vide pour créer le tien.
Charge une image depuis l'ordinateur (PNG/SVG). Demande au prof si tu as le droit.
✨ Les astuces qui sauvent
- Mode Vectoriel (bouton en bas) : le dessin reste net même si on l'agrandit. Coche-le dès le début.
- Bien au centre. Dessine sur le repère + : c'est le point qui suit la position
x ; ydans le code. - Pas trop gros. Un sprite géant traverse tout l'écran. Garde-le petit ; tu peux aussi réduire avec
mettre la taille à 50 %. - Fond transparent. Ne remplis pas tout le carré : laisse le damier autour du sprite (c'est le « rien »), sinon il aura un vilain carré derrière lui.
- Renomme tes sprites (« Héros », « Alien », « Balle »…) : ton code sera bien plus clair.
- Trompé ?
Ctrl + Zannule la dernière action. Respire, recommence. 🙂