De Scratch Wiki en français

m (Bouboufez a déplacé la page Tutoriel bases du stylo vers Bases du stylo (tutoriel) sans laisser de redirection)
(Réécriture et sujets changés)
 
(4 versions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
----
+
{{titre|Les bases du stylo}}
<div style="margin: 0.5em; padding: 0.25em 0.9em;"><center><span style="font-size:2em">'''Les bases du stylo'''</span></center></div>
 
----
 
  
 
Le stylo est un outil sous-estimé sur Scratch. Il est simple d'utilisation mais pourtant très utile.
 
Le stylo est un outil sous-estimé sur Scratch. Il est simple d'utilisation mais pourtant très utile.
Ligne 7 : Ligne 5 :
 
== Principales fonctions ==
 
== Principales fonctions ==
  
Il peut servir à la 3D (eh oui !), les jeux, ou même les petites (ou longues) animations
+
Il peut servir à la 3D, à faire des jeux, ou même à créee des petites (ou longues) animations
  
Alors pourquoi s'en priver ? Mais ce tuto n'évoque malheureusement que les bases. Essayons ensemble !
+
Alors pourquoi s'en priver ? Cepandant, ce tutoriel n'évoque malheureusement que les bases. Essayons quand même ensemble !
  
 
== Tracer un carré ==
 
== Tracer un carré ==
Ligne 21 : Ligne 19 :
 
</scratchblocks>
 
</scratchblocks>
  
Nous venons de positionner le stylo, prêt à écrire, en -50 ; 50. Désormais, où qu'aille le lutin, le stylo le suivra et tracera un sillage.
+
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.
  
 
<scratchblocks>
 
<scratchblocks>
 
quand le drapeau vert pressé
 
quand le drapeau vert pressé
 
aller à x (-50) y (50)
 
aller à x (-50) y (50)
choisir la couleur [#000000] pour le stylo
+
mettre la couleur du stylo à [#000000]
 
mettre la taille du stylo à (5)
 
mettre la taille du stylo à (5)
 
stylo en position d'écriture
 
stylo en position d'écriture
 
</scratchblocks>
 
</scratchblocks>
 
(désolée pour les blocs rouges, ils n'existent pas sur le Wiki apparemment, sachez qu'ils sont verts en vérité)
 
  
 
<scratchblocks>
 
<scratchblocks>
 
quand le drapeau vert pressé
 
quand le drapeau vert pressé
 
aller à x (-50) y (50)
 
aller à x (-50) y (50)
choisir la couleur [#000000] pour le stylo
+
mettre la couleur du stylo à [#000000]
 
mettre la taille du stylo à (5)
 
mettre la taille du stylo à (5)
 
stylo en position d'écriture
 
stylo en position d'écriture
Ligne 42 : Ligne 38 :
 
</scratchblocks>
 
</scratchblocks>
  
Ah, nous traçons le premier trait !
+
Voilà le premier trait qui est tracé.
  
 
<scratchblocks>
 
<scratchblocks>
 
quand le drapeau vert pressé
 
quand le drapeau vert pressé
 
aller à x (-50) y (50)
 
aller à x (-50) y (50)
choisir la couleur [#000000] pour le stylo
+
mettre la couleur du stylo à [#000000]
 
mettre la taille du stylo à (5)
 
mettre la taille du stylo à (5)
 
stylo en position d'écriture
 
stylo en position d'écriture
Ligne 54 : Ligne 50 :
 
</scratchblocks>
 
</scratchblocks>
  
Super ! Euh... attendez... vous avez vu ? Si vous recliquez, un autre trait apparait en diagonale ! Comment faire ? Et puis... les autres traits restent !
+
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'''
 
'''Le premier problème'''
  
Pour que le trait en diagonale n'apparaisse plus, ajoutez dans votre script :
+
Pour que le trait en diagonale n'apparaisse plus, il faut ajouter dans le script :
  
 
<scratchblocks>
 
<scratchblocks>
Ligne 64 : Ligne 60 :
 
relever le stylo
 
relever le stylo
 
aller à x (-50) y (50)
 
aller à x (-50) y (50)
choisir la couleur [#000000] pour le stylo
+
mettre la couleur du stylo à [#000000]
 
mettre la taille du stylo à (5)
 
mettre la taille du stylo à (5)
 
stylo en position d'écriture
 
stylo en position d'écriture
Ligne 71 : Ligne 67 :
 
</scratchblocks>
 
</scratchblocks>
  
Mais les anciens traits ont l'air de rester... c'est pour cela que nous allons aborder le deuxième problème...
+
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'''
 
'''Le deuxième problème'''
  
Pour que les anciens traits disparaissent, ajoutez dans votre script le bloc
+
Pour que les anciens traits disparaissent, il faut ajouter dans votre script le bloc :
  
 
<scratchblocks>
 
<scratchblocks>
Ligne 81 : Ligne 77 :
 
</scratchblocks>
 
</scratchblocks>
  
qui permet le nettoyage complet de l'écran ! Votre script devrait ensuite ressembler à cela :
+
Il permet le nettoyage complet de l'écran ! Le script devrait ensuite ressembler à cela :
  
 
<scratchblocks>
 
<scratchblocks>
Ligne 88 : Ligne 84 :
 
relever le stylo
 
relever le stylo
 
aller à x (-50) y (50)
 
aller à x (-50) y (50)
choisir la couleur [#000000] pour le stylo
+
mettre la couleur du stylo à [#000000]
 
mettre la taille du stylo à (5)
 
mettre la taille du stylo à (5)
 
stylo en position d'écriture
 
stylo en position d'écriture
Ligne 95 : Ligne 91 :
 
</scratchblocks>
 
</scratchblocks>
  
C'est bon ! Alors, on continue les autres traits ?
+
C'est bon ! Alors, nous allons les autres traits.
  
 
<scratchblocks>
 
<scratchblocks>
Ligne 102 : Ligne 98 :
 
relever le stylo
 
relever le stylo
 
aller à x (-50) y (50)
 
aller à x (-50) y (50)
choisir la couleur [#000000] pour le stylo
+
mettre la couleur du stylo à [#000000]
 
mettre la taille du stylo à (5)
 
mettre la taille du stylo à (5)
 
stylo en position d'écriture
 
stylo en position d'écriture
Ligne 111 : Ligne 107 :
 
</scratchblocks>
 
</scratchblocks>
  
Oui ! C'est bon ! Votre carré est prêt ! Bon, c'est plutôt un rectangle... vous voulez un carré parfait ? Ok... nous allons en faire un de longueur 100. Comme ça, ça vous va ?
+
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é ==
 
== Le vrai carré ==
  
Votre carré doit commencer avec les mêmes scripts du lutin. Voilà à quoi il doit ressembler...
+
Votre carré doit commencer avec les mêmes scripts du sprite. Voilà à quoi il doit ressembler...
  
 
<scratchblocks>
 
<scratchblocks>
Ligne 122 : Ligne 118 :
 
relever le stylo
 
relever le stylo
 
aller à x (-50) y (50)
 
aller à x (-50) y (50)
choisir la couleur [#000000] pour le stylo
+
mettre la couleur du stylo à [#000000]
 
mettre la taille du stylo à (5)
 
mettre la taille du stylo à (5)
 
stylo en position d'écriture
 
stylo en position d'écriture
 
</scratchblocks>
 
</scratchblocks>
  
Ok ? Alors, maintenant, nous allons lui demander de se décaler de 100 pas vers la droite, donc nous allons ajouter à x 100.
+
Alors, maintenant, nous allons lui demander de se décaler de 100 pas vers la droite, donc nous allons ajouter à x 100.
  
 
<scratchblocks>
 
<scratchblocks>
Ligne 134 : Ligne 130 :
 
relever le stylo
 
relever le stylo
 
aller à x (-50) y (50)
 
aller à x (-50) y (50)
choisir la couleur [#000000] pour le stylo
+
mettre la couleur du stylo à [#000000]
 
mettre la taille du stylo à (5)
 
mettre la taille du stylo à (5)
 
stylo en position d'écriture
 
stylo en position d'écriture
Ligne 140 : Ligne 136 :
 
</scratchblocks>
 
</scratchblocks>
  
C'est ça ! Pour qu'il descende ensuite de 100 pas, nous allons lui demander de changer y par... -100 !
+
C'est fait ! Pour qu'il descende ensuite de 100 pas, nous allons lui demander de changer y par... -100.
  
 
<scratchblocks>
 
<scratchblocks>
Ligne 147 : Ligne 143 :
 
relever le stylo
 
relever le stylo
 
aller à x (-50) y (50)
 
aller à x (-50) y (50)
choisir la couleur [#000000] pour le stylo
+
mettre la couleur du stylo à [#000000]
 
mettre la taille du stylo à (5)
 
mettre la taille du stylo à (5)
 
stylo en position d'écriture
 
stylo en position d'écriture
Ligne 154 : Ligne 150 :
 
</scratchblocks>
 
</scratchblocks>
  
Et pour que tout fonctionne, et donc que le carré soit un carré, nous allons devoir décaler le lutin de 100 pas à gauche et 100 pas au dessus, ce qui donne :
+
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 :
  
 
<scratchblocks>
 
<scratchblocks>
Ligne 161 : Ligne 157 :
 
relever le stylo
 
relever le stylo
 
aller à x (-50) y (50)
 
aller à x (-50) y (50)
choisir la couleur [#000000] pour le stylo
+
mettre la couleur du stylo à [#000000]
 
mettre la taille du stylo à (5)
 
mettre la taille du stylo à (5)
 
stylo en position d'écriture
 
stylo en position d'écriture
Ligne 170 : Ligne 166 :
 
</scratchblocks>
 
</scratchblocks>
  
Voilà !!![[nl:Pen-kunst tekenen]][[en:How to Draw Shapes with the Pen]]
+
Voilà ! Le tour est joué.
 +
 
 +
 
 +
[[nl:Pen-kunst tekenen]][[en:How to Draw Shapes with the Pen]]
 
{{Tuto}}
 
{{Tuto}}
{{Modèle:Enquête}}
 

Version actuelle datée du 21 juin 2021 à 21:39


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 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 :
Les cookies nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation des cookies.