Les affichages textuels et graphiques (texte et images) Leçons de programmation pour débutant

1. Leçon de
programmation
débutant
LES AFFICHAGES TEXTUELS ET GRAPHIQUES

2. Objectifs de la leçon
1. Apprendre à utiliser les blocs d’affichage pour afficher les textes et
les graphiques.
2. Comprendre pourquoi les blocs d’affichage peuvent être utile en
programmation
2

3. Le Bloc d’affichage
3
• Le bloc affichage permet de
presenter des informations ou
des images sur l’écran.
• Vous pouvez controller la
position et la taille
• Vous pouvez utilizer ces meme
blocs pour afficher les
information lues par les capteurs
• Elle se trouve dans l’onglet Bleu

4. Plus sur les Blocs d’affichage
4
Deux modes pour afficher
Mode Pixel (Utilisé pour afficher les images ou les textes)
◦ 178 pixels Gauche et droite
◦ 128 pixels Haut et Bas
Mode Grille (Plus facile à utiliser, mais ne marche qu’avec du
texte)
◦ 22 colones de 8 pixels chacun
◦ 12 lignes de 10 pixels chacun
◦ Les petits caractères sur 1 ligne et 1 colonne
◦ Les grands caractères sur 2 lignes et 2 colonnes

5. Affichage de texte en mode grille
5
Texte à
afficher
Taille du texte
0 – petit
1 – petit et gras
2 – Grand
Aperçu
Affichage
Effacer l’écran
Colonne de début
d’affichage
Ligne de début
d’affichage
Affichage Noir/Blanc
Taille du texte
Changer de
Mode
Etape 1:
Placer le bloc d’affichage
Etape 2:
Cliquer sur l’icone “Changer de
mode”, pointer “text”. Enfin
cliquer sur “Grille”. L’icone va se
changer en carré avec des points.
Etape 3:
Utiliser la case en haut à droite
pour entrer le texte à afficher.

6. Défi 1 du Bloc d’affichage
6
Pouvez vous écrire un programme pour afficher du texte au milieu de
l’écran?
◦ Affichez “Hello World”
Faire afficher le bloc d’affichage pendant 3 secondes.
Pouvez vous aussi vous déplacer en faisant celà?

7. Solution du Défi 1
7

8. Défi 2 du Bloc d’affichage
8
Maintenant, essayez de faire afficher « Hello » sur une ligne et « Word » sur
une autre ligne?
◦ Hello
◦ World
Astuce: Vous utiliserez deux blocs affichage tout en évitant d’effacer l’écran
sur le second bloc d’affichage, autrement le premier mot disparaitra.

9. Solution du Défi 2
9

10. Affichage d’une image en mode PIXEL
10
Etape 1:
Placer un Bloc d’affichage
Etape 2:
Cliquer sur “Sélectionner un
mode” qui a une icone de dossier
et choisir “image”
Etape 3:
Utiliser la caser vide en haut à
droite pour choisir l’image à
afficher.

11. Défi 3 du Bloc d’affichage
Pouvez-vous afficher des yeux sur
l'écran lorsque vous vous déplacez?
Des yeux alternés qui regardent à
gauche puis à droite.
◦ Utiliser le bloc d'affichage, le
moteur et le bloc d'attente
◦ N'hésitez pas à vous amuser avec ce
défi et à le faire vôtre!
11

12. Solution du Défi 3
12

13. Guide de discussion
Pourquoi voudriez-vous savoir comment utiliser le bloc
d'affichage?
◦ Vous voudrez peut-être savoir quelle est la valeur de détection de votre
robot
◦ Vous devrez peut-être programmer un robot pour qu’il s’arrête lorsque le
robot atteint une ligne rouge, mais il s’arrête avant.
◦ Le robot voit-il la même chose que vous voyez?
◦ Vous pouvez afficher la valeur à l'écran et vérifier
C’est un excellent outil de débogage. Vous pouvez en apprendre
plus sur le code de débogage dans l’une de nos leçons
intermédiaires.
13

14. CHALLENGE SOLUTIONS
Défi 2
Vous avez probablement utilisé un
virage spin, car il est préférable pour
les virages serrés et vous rapproche du
point de départ!
14
Défi 1
Vous avez probablement utilisé une
combinaison de Move Steering pour
aller droit et virage pivot pour faire
le tour de la boîte.
Position
de début
et de fin
Première
base
B
C
Deuxième
base