Source: Scratch Wiki en français


Les bases du stylo


Le stylo est un outil sous-estimé sur Scratch. Il est simple d'utilisation mais pourtant très utile.

Principales fonctions

Il peut servir à la 3D, à faire des jeux, ou même à créee des petites (ou longues) animations

Alors pourquoi s'en priver ? Cepandant, ce tutoriel n'évoque malheureusement que les bases. Essayons quand même ensemble !

Tracer un carré

Il existe beaucoup de scripts pour tracer un carré, mais voici l'un des plus simples :

quand le drapeau vert pressé
aller à x (-50) y (50)
stylo en position d'écriture

Nous venons de positionner le stylo, prêt à écrire, en -50 ; 50. Désormais, où qu'aille le sprite, le stylo le suivra et tracera un sillage.

quand le drapeau vert pressé
aller à x (-50) y (50)
mettre la couleur du stylo à [#000000]
mettre la taille du stylo à (5)
stylo en position d'écriture
quand le drapeau vert pressé
aller à x (-50) y (50)
mettre la couleur du stylo à [#000000]
mettre la taille du stylo à (5)
stylo en position d'écriture
aller à x (50) y (50)

Voilà le premier trait qui est tracé.

quand le drapeau vert pressé
aller à x (-50) y (50)
mettre la couleur du stylo à [#000000]
mettre la taille du stylo à (5)
stylo en position d'écriture
aller à x (50) y (50)
aller à x (50) y (-50)

Super ! Il est maintenant possible de voir que si cela est recliqué, un autre trait apparait en diagonale ! Comment faire pour le faire disparaître ? Nous allons voir cela tout de suite, et puis, les autres traits restent en plus.

Le premier problème

Pour que le trait en diagonale n'apparaisse plus, il faut ajouter dans le script :

quand le drapeau vert pressé
relever le stylo
aller à x (-50) y (50)
mettre la couleur du stylo à [#000000]
mettre la taille du stylo à (5)
stylo en position d'écriture
aller à x (50) y (50)
aller à x (50) y (-50)

Mais les anciens traits ont restent encore... c'est pour cela que le deuxième problème va être abordé...

Le deuxième problème

Pour que les anciens traits disparaissent, il faut ajouter dans votre script le bloc :

effacer tout

Il permet le nettoyage complet de l'écran ! Le script devrait ensuite ressembler à cela :

quand le drapeau vert pressé
effacer tout
relever le stylo
aller à x (-50) y (50)
mettre la couleur du stylo à [#000000]
mettre la taille du stylo à (5)
stylo en position d'écriture
aller à x (50) y (50)
aller à x (50) y (-50)

C'est bon ! Alors, nous allons réaliser les autres traits.

quand le drapeau vert pressé
effacer tout
relever le stylo
aller à x (-50) y (50)
mettre la couleur du stylo à [#000000]
mettre la taille du stylo à (5)
stylo en position d'écriture
aller à x (50) y (50)
aller à x (50) y (-50)
aller à x (-50) y (-50)
aller à x (-50) y (50)

Oui ! C'est bon ! Le carré est désormais prêt ! C'est par contre plutôt un rectangle... Si nous voulons un carré parfait, nous allons en faire un de longueur 100. Comme ça, les étapes à suite sont ci-dessous.

Le vrai carré

Votre carré doit commencer avec les mêmes scripts du sprite. Voilà à quoi il doit ressembler...

quand le drapeau vert pressé
effacer tout
relever le stylo
aller à x (-50) y (50)
mettre la couleur du stylo à [#000000]
mettre la taille du stylo à (5)
stylo en position d'écriture

Alors, maintenant, nous allons lui demander de se décaler de 100 pas vers la droite, donc nous allons ajouter à x 100.

quand le drapeau vert pressé
effacer tout
relever le stylo
aller à x (-50) y (50)
mettre la couleur du stylo à [#000000]
mettre la taille du stylo à (5)
stylo en position d'écriture
ajouter (100) à x

C'est fait ! Pour qu'il descende ensuite de 100 pas, nous allons lui demander de changer y par... -100.

quand le drapeau vert pressé
effacer tout
relever le stylo
aller à x (-50) y (50)
mettre la couleur du stylo à [#000000]
mettre la taille du stylo à (5)
stylo en position d'écriture
ajouter (100) à x
ajouter (-100) à y

Et pour que tout fonctionne, et donc que le carré soit un vrai carré avec les bonnes proportions, nous allons devoir décaler le sprite de 100 pas à gauche et 100 pas au dessus, ce qui donne :

quand le drapeau vert pressé
effacer tout
relever le stylo
aller à x (-50) y (50)
mettre la couleur du stylo à [#000000]
mettre la taille du stylo à (5)
stylo en position d'écriture
ajouter (100) à x
ajouter (-100) à y
ajouter (-100) à x
ajouter (100) à y

Voilà ! Le tour est joué.

Cet article fait partie de la catégorie des tutos
Tous les articles de cette catégorie :