CoddyRunParcours L'oiseau volant Étape 1
Le ciel et l'oiseau
Dessiner le décor (ciel, nuages, sol) et un petit oiseau jaune avec son aile, son œil et son bec.
Notions :ellipsetriangleprocédure avec un booléen
L'oiseau est fait de quelques formes simples :
- le corps : une ellipse jaune, un peu plus large que haute ;
- l'aile : une ellipse orangée, posée sur le corps ;
- l'œil : un cercle blanc et une petite pupille sombre ;
- le bec : un triangle orange, pointé vers l'avant.
L'oiseau reste toujours à x = 90 : ce sont les obstacles qui défileront. Seule sa hauteur y changera.
Une aile qui bouge
La procédure oiseau(y, ailesHautes) reçoit un booléen : l'aile est dessinée 6 pixels plus haut si ailesHautes est vrai, 4 pixels plus bas sinon.
ellipse(ciel, 84, y + sialors(ailesHautes, -6, 4), 9, 5, #F5B400)
Plus tard, l'aile montera quand l'oiseau remonte : un petit détail qui rend l'animation vivante.
Le décor
Le ciel bleu, deux nuages et un sol couleur sable bordé d’herbe. Tout est rangé dans dessinerCiel(), qui sera appelée à chaque image.
Ouvrez CoddyRun et partez d'un programme vide : tout commence ici.
Il te faut le logiciel pour faire cette étape. Il est gratuit : crée ton compte pour le télécharger, puis reviens ici, ta place t'attend.
Créer mon compte et téléchargerIndice 1
Déclarez ciel est une toile (400 × 300) et oiseauY est un nombre, à 150.
Indice 2
Le bec : triangle(ciel, 104, y - 1, 114, y + 2, 104, y + 5, #FF7A00).
Indice 3
L'oiseau se dessine en dernier, devant le décor.
Voir la solution complète
Essayez d'abord par vous-même : c'est en cherchant qu'on apprend. La solution sert à vérifier ou à se débloquer.
@ Les déclarations
ciel est une toile
oiseauY est un nombre
@ Les dessins
procédure oiseau(y, ailesHautes)
ellipse(ciel, 90, y, 16, 12, #FFD43B)
// l'aile monte quand l'oiseau bat des ailes
ellipse(ciel, 84, y + sialors(ailesHautes, -6, 4), 9, 5, #F5B400)
cercle(ciel, 96, y - 4, 4, #FFFFFF)
cercle(ciel, 97, y - 4, 2, #1E272E)
triangle(ciel, 104, y - 1, 114, y + 2, 104, y + 5, #FF7A00)
fin procédure
procédure dessinerCiel()
effacer(ciel)
remplir(ciel, #70C5CE)
ellipse(ciel, 300, 60, 40, 14, #FFFFFF)
ellipse(ciel, 120, 100, 30, 10, #FFFFFF)
rectangle(ciel, 0, 270, 400, 30, #DED895)
rectangle(ciel, 0, 270, 400, 6, #73BF2E)
appelle oiseau(oiseauY, faux)
affiche ciel
fin procédure
@ Programme principal
dimension(ciel, 400, 300)
oiseauY vaut 150
appelle dessinerCiel()