Créations colorées

Introduction

Dans ce projet, tu vas créer un dictionnaire de couleurs qui permettra de lier des codes de couleurs difficiles à mémoriser à des noms bien plus amicaux.

Ressources en-ligne

Ce projet utilise Python 3. Nous recommandons l’utilisation de Trinket pour écrire du code Python en-ligne. Ce projet contient les Trinkets suivants:

Il y a aussi un Trinket contenant un exemple de solution pour les défis :

Resources hors-ligne

Ce projet peut être complété hors-ligne (page en Anglais) si désiré. Vous pouvez accéder aux ressources du projet en cliquant sur le lien “Matériaux du projet”. Ce lien contient une section “Ressources du projet” qui inclut les ressources dont les enfants auront besoin pour compléter le projet hors-ligne. Assurez-vous que les enfants ont accès à une copie de ces ressources. Cette section inclut les fichiers suivants:

  • colourful-creations/colourful-creations.py

Vous pouvez aussi trouver une version complétée du projet dans la section “Ressources du bénévole” qui contient:

  • colourful-creations-finished/colourful-creations.py

(Toutes les ressources ci-dessus peuvent aussi être téléchargées dans les fichiers .zip projet et bénévole)

Objectifs d’apprentissage

  • Dictionnaires - création et recherche de valeurs;
  • Bibliothèque Turtle - texte, fontes et couleurs;

Ce projet couvre les élements suivants du Programme Raspberry Pi de Créativité Numérique:

Défis

  • Plus de couleurs ! - Utiliser un site web de sélection de couleur pour trouver les codes hexadécimaux pour d’autres couleurs et les ajouter au dictionnaire.
  • Crée une affiche - Créer un dictionnaire de palette de couleurs personnalisée et l’utiliser pour créer une affiche à l’aide de la bibliothèque Turtle.

Foire aux questions

  • Les enfants peuvent avoir besoin qu’on leur rappelle qu’il faut utiliser une virgule ‘,’ à la fin de chaque entrée du dictionnaire.

Utilisation des codes hexadécimaux de couleurs

La bibliothèque turtle de Python a des couleurs prédéfinies comme ‘red’ ou ‘white’ (rouge ou blanc) mais tu peux aussi utiliser des codes héxadécimaux de couleurs (tu as pu apercevoir ces codes dans le cours HTML & CSS.)

  • Ouvre le modèle de Trinket Python vierge : jumpto.cc/python-new.
  • Ajoutes le code suivant pour utiliser les tortues de la bibliothèque turtle :

    Notes que tu utilises une couleur nommée : ‘white’.

  • La bibliothèque turtle possède une liste de noms de couleurs que tu peux utiliser, mais parfois tu veux pouvoir choisir tes propres couleurs. La bibliothèque turtle t’autorise aussi à utiliser des codes héxadécimaux de couleurs.

    Ouvre jumpto.cc/colour-picker et choisis une couleur que tu aimes. Trouve son code hexa qui commence par un ‘#’, comme par exemple ‘#A7E30E’.

  • Copies le code hexa, en incluant le dièse, en le surlignant puis en cliquant le bouton droit, pour choisir “Copier”, ou alors utilises Ctrl-C.
  • Maintenant, changes la ligne de code qui définit la couleur de l’écran. Par exemple :

    Tu peux utiliser le clic droit puis “Coller” ou bien Ctrl-V pour coller le code hexa dans trinket.

  • Choisis un autre code hexa de couleur et utilises le pour la couleur du texte :

    Tu n’es pas obligé d’utiliser la fonte ‘Arial’, tu peux essayer ‘Verdana’, ‘Times’ ou ‘Courier’.

    ‘40’ est la taille de la fonte, tu peux essayer de modifier ça aussi.

  • Essaies différentes couleurs jusqu’à ce que tu en obtiennes deux que tu aimes vraiment et qui vont bien ensemble.

Un dictionnaire de couleurs

Utiliser les codes hexa de couleurs est très souple, mais ils sont difficiles à mémoriser.

Comme vous le savez peut être déjà, un dictionnaire permet de chercher un mot, vous permettant de connaître sa signification. En Python, un dictionnaire est encore plus souple que ça : il te permet de chercher une valeur pour n’importe quelle “clé” du dictionnaire.

Créons un dictionnaire pour relier des noms plus lisibles pour un humain (nos clés) aux codes hexa de couleurs comprises par l’ordinateur.

  • Un dictionnaire est défini par des accolades.

    Crée un dictionnaire vide appellé couleurs:

  • Choisis des noms cools pour tes couleurs et édite la ligne couleurs = {} pour ajouter les entrées correspondantes à ton dictionnaire.

    Voici un exemple de dictionnaire de couleurs :

    Deux points : séparent la clé (le nom de la couleur) de sa valeur (code hexa). Tu as besoin d’une virgule , entre chaque paire clé:valeur dans le dictionnaire.

  • Maintenant, tu n’as plus besoin de te rappeler les codes hexa de couleurs, tu peux simplement les retrouver grâce au dictionnaire.

    Modifie le code suivant pour utiliser tes noms de couleurs :

    La clé va entre les crochets ‘[]’ après le nom du dictionnaire.

  • Maintenant, tu peux mettre à jour ton code pour rechercher les couleurs dans ton dictionnaire :

  • Teste ton code pour être sûr que ton texte s’affiche toujours correctement.

Défi : Plus de couleurs !

Tu peux ajouter encore plus de couleurs à ton dictionnaire et les essayer ? Utilise jumpto.cc/colour-picker pour trouver d’autres couleurs.

N’oublie pas de donner des noms géniaux à tes couleurs.

Voici un code d’exemple pour te rappeler comment utiliser la bibliothèque turtle:


Défi : Crée un affiche

Les designers créent souvent une ‘palette’ de couleurs qui vont bien ensemble pour un thème spécifique comme le désert ou l’espace.

Peux tu créer un nouveau projet Python qui utilise un dictionnaire pour une palette de couleurs thématique ? Tu peux choisir l’automne, la forêt, la mer, Noël, la glace, les couleurs de ton équipe sportive favorite ou ta propre idée.

Crée un affiche utilisant ton dictionnaire de ta palette de couleurs.

Tu peux utiliser d’autres commandes de la bibliothèque turtle que tu connais comme forward, right, left, penup et pendown.

Peut être que tu peux ajouter une bordure à ton affiche ?

D’autres commandes utiles de la bibliothèque turtle :

  • circle(50) trace un cercle de rayon 50.
  • dot(100) trace un disque plein de diamètre 100.

Voici un exemple :

Prodotto aggiunto al comparatore!