CoddyRun

Parcours La carte d'anniversaire animée Étape 1

Étape 1 sur 6

La carte et son titre

Dessiner une carte rose aux coins arrondis et écrire « Joyeux anniversaire ! » bien centré en haut.

Notions :toilerectangle_arrondilabellabel_largeur

Le résultat final du parcours : La carte d'anniversaire animée
Le résultat final du projet
Ce qu'il faut savoir

Tout se dessine sur une toile de 400 × 300 pixels. On la déclare comme une variable, puis on lui donne sa taille avec dimension.

Un cadre en deux rectangles

rectangle_arrondi(toile, x, y, largeur, hauteur, rayon, couleur) dessine un rectangle aux coins arrondis. En posant un rectangle blanc, puis un rectangle rose très pâle un peu plus petit par-dessus, on obtient un joli cadre.

Centrer un texte

label(toile, x, y, texte, couleur, taille) écrit un texte dont x est le bord gauche. Pour le centrer, il faut connaître sa largeur : label_largeur(texte, taille) l'estime en pixels.

label(carte, 200 - label_largeur(titre, 28) / 2, 70, titre, #E0245E, 28)

Le milieu de la toile est à x = 200 : on recule de la moitié de la largeur du texte. Le texte est rangé dans une variable titre, pour ne pas l'écrire deux fois.

Code de départ

Ouvrez CoddyRun et partez d'un programme vide : tout commence ici.

Pas encore CoddyRun ?

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écharger
Besoin d'aide ?
Indice 1

Commencez par dimension(carte, 400, 300) puis remplir(carte, #FFE3EC).

Indice 2

Le rectangle intérieur : rectangle_arrondi(carte, 20, 20, 360, 260, 14, #FFF5F8).

Indice 3

Rien ne s'affiche ? La dernière ligne doit être affiche carte.

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
carte est une toile
titre est un texte

@ La carte
dimension(carte, 400, 300)
remplir(carte, #FFE3EC)
rectangle_arrondi(carte, 12, 12, 376, 276, 18, #FFFFFF)
rectangle_arrondi(carte, 20, 20, 360, 260, 14, #FFF5F8)

@ Les textes
titre vaut "Joyeux anniversaire !"
label(carte, 200 - label_largeur(titre, 28) / 2, 70, titre, #E0245E, 28)

affiche carte

Ce parcours te plaît ?

Crée ton compte gratuit et construis le projet en entier, étape par étape.

Créer mon compte gratuit J'ai déjà un compte