CoddyRunParcours Le système solaire animé Étape 1
Le Soleil et les orbites
Dessiner le Soleil avec un halo transparent et six orbites en cercles vides, grâce à contour et à une couleur entièrement transparente.
Notions :tableaucontourrgbatransparence
Les six orbites ont des rayons différents, rangés dans un tableau : rayons vaut [40, 60, 85, 110, 145, 180]. Une boucle les dessine toutes autour du centre (200, 200).
Des cercles vides
cercle dessine un disque plein. Pour n'avoir que le trait, on combine deux astuces :
contour(espace, #2A3350, 1) cercle(espace, 200, 200, rayons[o], rgba(0, 0, 0, 0)) contour(espace, #0)
contourajoute une bordure à toutes les formes dessinées ensuite ;rgba(0, 0, 0, 0)est une couleur d'opacité 0 : l'intérieur est invisible ;contour(espace, #0)désactive la bordure pour la suite.
Le Soleil
Trois cercles l'un sur l'autre : deux halos jaunes transparents (15 % et 30 % d'opacité) et le disque du Soleil. Les transparences s'additionnent : le halo est plus lumineux près du Soleil.
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 rayons est un tableau à côté de la toile.
Indice 2
N'oubliez pas contour(espace, #0) après les orbites, sinon le Soleil aura une bordure.
Indice 3
Le fond noir bleuté #05070F fait un plus joli ciel que le noir pur.
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
espace est une toile
rayons est un tableau
@ Programme principal
rayons vaut [40, 60, 85, 110, 145, 180]
dimension(espace, 400, 400)
remplir(espace, #05070F)
// les orbites : des cercles transparents avec un contour
contour(espace, #2A3350, 1)
pour o de 0 à 5
cercle(espace, 200, 200, rayons[o], rgba(0, 0, 0, 0))
fin pour
contour(espace, #0)
// le Soleil et son halo
cercle(espace, 200, 200, 34, rgba(255, 200, 60, 0.15))
cercle(espace, 200, 200, 26, rgba(255, 200, 60, 0.3))
cercle(espace, 200, 200, 18, #FFC83C)
affiche espace