A2 · Episode 2 · 4:52
Controlling Sprite Direction in Scratch
This episode teaches two methods to move and rotate a sprite using keyboard arrow keys in Scratch: a simple event-based approach and a more fluid method using indefinite loops with conditional key-press detection.
Source：Montagne Vincent / tube-numerique-educatif.apps.education.fr · License：CC BY 4.0
Transcript
Coder un jeu avec Scratch, deuxième épisode dans lequel nous allons voir une
Coding a game with Scratch—Episode 2, in which we’ll explore
deuxième méthode pour déplacer un lutin avec les touches du clavier.
a second method for moving a sprite using keyboard keys.
Cette méthode sera beaucoup plus adaptée pour le déplacement d'un vaisseau spatial
This method is much better suited for controlling a spaceship
ou d'un bateau qui avance toujours droit devant eux,
or a boat that always moves straight forward,
mais qui s'oriente en tournant vers la gauche ou vers la droite dans la direction
yet changes its direction by turning left or right
dans laquelle ils veulent avancer.
to face the direction it wants to move.
Voilà, nous allons apprendre à coder ceci avec Scratch et nous y allons tout de
Alright, we’ll learn how to code this in Scratch—
suite. Alors nous voici maintenant avec Scratch.
let’s get started right away! Here we are now in Scratch.
Et donc pour faire avancer le bateau que j'ai ici droit devant lui et le faire
To make this boat here move straight forward,
tourner à droite et à gauche, dans le menu mouvement,
and turn left or right,
nous allons utiliser les trois premiers blocs.
we’ll use the first three blocks in the ‘Motion’ menu.
Le premier bloc" avancer" fait avancer le lutin droit devant lui.
The first block—‘Move’—makes the sprite advance straight ahead in its current direction.
Et ensuite nous avons les blocs" tourner à droite" et" tourner à gauche",
Then we have the ‘Turn right’ and ‘Turn left’ blocks,
ce sont les petites flèches qui nous indiquent le sens de la rotation,
whose small arrow icons indicate the rotation direction,
et on peut taper le nombre de degrés que l'on veut.
and we can type in the number of degrees we want it to rotate.
Alors comme dans la première vidéo, nous allons utiliser les événements,
As in the first video, we’ll again use ‘Events’ blocks,
à savoir quand une touche est pressée.
specifically ‘When key pressed’.
Alors par exemple quand la flèche haut est pressée,
For example, when the up arrow key is pressed,
nous allons faire avancer le bateau.
we’ll make the boat move forward.
Ensuite quand la flèche droite est
When the right arrow key is pressed,
pressée, nous allons le faire tourner vers la droite.
we’ll make it turn right.
Et quand la flèche gauche est pressée, nous le faisons tourner vers la gauche.
When the left arrow key is pressed, we’ll make it turn left.
Et là j'ai un script qui est très simple, qui permet de diriger mon bateau,
Here I have a very simple script that lets me steer my boat:
donc je l'oriente comme je souhaite, et ensuite je peux le faire avancer.
I can first orient it as I wish, then make it move forward.
Donc ça fonctionne.
So—it works!
Ici, il n'y a pas de problème de costume ou d'orientation comme on pouvait l'avoir
Here, there’s no issue with costume or orientation,
dans la première vidéo avec des déplacements horizontaux ou verticaux.
unlike in the first video, where horizontal or vertical movement caused such issues.
Donc ici, j'ai un script qui fonctionne,
So here, I have a script that works,
mais le mouvement n'est pas très fluide. Vous pouvez l'essayer,
but the movement isn’t very smooth. You can try it yourself:
je ne peux pas appuyer par exemple sur deux touches à la fois.
I can’t press two keys at once, for example.
La deuxième touche que j'appuie annule l'effet
The second key I press
de la première.
cancels the effect of the first.
Donc on va essayer une méthode qui est peut- être un petit peu plus compliquée,
So we’ll try a method that may be slightly more complicated,
mais qui permet d'avoir des mouvements plus fluides.
but one that enables smoother movement.
Alors je vais arrêter, enlever ceci, et
I’ll stop now, remove this block,
on va faire démarrer le script quand le drapeau vert est cliqué cette fois.
and set the script to start when the green flag is clicked instead.
Et nous allons utiliser un capteur.
Next, we’ll use a sensor.
Nous avons un capteur qui permet de tester si une touche du clavier a été
We have a keyboard key-detection sensor,
appuyée, pressée, c'est ici.
which checks whether a key has been pressed—right here.
Donc je peux avoir la flèche gauche ou la flèche droite, par exemple,
For instance, I can select the left or right arrow key,
ici. Donc ça c'est un test.
placed right here. So this is a conditional test.
Donc le test, pour l'utiliser, je dois aller dans le menu contrôle ici,
To use this test, I need to go to the ‘Control’ menu,
et je vais utiliser une boucle si alors.
and choose the ‘if-then’ loop.
Si la flèche droite est pressée,
If the right arrow key is pressed,
alors je vais tourner à droite de 15 degrés.
then the sprite rotates 15 degrees to the right.
Je vais faire pareil avec la flèche gauche, donc je vais dupliquer ça.
I’ll do the same for the left arrow key, so I’ll duplicate this block.
Si la flèche gauche est pressée,
If the left arrow key is pressed,
alors on va le faire tourner à gauche de 15 degrés. Et on va recommencer avec la
then the sprite rotates 15 degrees to the left. Next, we’ll add the same logic for the up arrow key,
flèche haute, et cette fois il faut le faire avancer de 10.
and this time, make it move forward by 10 steps.
Alors ici, j'ai plusieurs conditions, j'ai
Here, I’ve set up several conditions,
trois tests conditionnels.
a total of three conditional tests.
Si la flèche droite est pressée, on fait tourner le bateau vers la droite,
If the right arrow key is pressed, the boat turns right,
si c'est la flèche gauche qui est pressée, il tourne vers la gauche,
if the left arrow key is pressed, it turns left,
et si c'est la flèche haut, il avance de 10.
and if the up arrow key is pressed, it moves forward by 10.
Mais tout ceci doit se répéter pendant toute la durée du jeu.
But all this must repeat continuously throughout the game.
Donc si je le fais fonctionner comme ceci,
So if I run it like this,
si j'appuie sur le drapeau vert et que j'essaye d'appuyer sur les touches,
click the green flag and then try pressing the arrow keys,
il ne se passe rien.
nothing happens.
Parce que quand j'ai appuyé sur le drapeau vert, le script s'est lu une fois,
Because when I clicked the green flag, the script ran only once,
et quand j'ai appuyé sur le drapeau vert, aucune des flèches n'était pressée,
and at that moment, none of the arrow keys were pressed,
et donc il passe à la suite, il passe à la suite et il ne revient jamais.
so it proceeds to the next step—and never comes back.
Donc ici dans le menu contrôle, on va répéter indéfiniment.
So in the Control menu, we’ll choose ‘forever’.
Donc j'ai une boucle ici répéter indéfiniment,
Now I have a ‘forever’ loop here,
ce qui va me permettre de répéter ce script pendant toute la durée du jeu.
which lets this script repeat continuously throughout the game.
Et cette fois, si je clique sur le drapeau,
And this time, when I click the green flag,
j'ai quelque chose qui fonctionne et j'ai un mouvement qui est beaucoup plus fluide.
something works—and the movement becomes much smoother.
Ici, testez les deux scripts et vous verrez que cette.
Test both scripts here, and you’ll see that this—
Deuxième solution permet d'avoir des déplacements beaucoup plus fluides pour ce
second solution gives much smoother movement for the boat.
bateau. Alors on aurait pu faire le même principe exactement sur la première vidéo
In fact, we could apply exactly the same approach to the first video,
avec le mouvement latéral gauche, droite ou vertical
such as lateral movement (left/right) or vertical movement (up/down),
en haut, en bas.
that is, moving up or down.
On aurait pu faire exactement de la même façon un
We could write a similar script:
script qui permettait avec une boucle répétée indéfiniment et des tests
using a ‘forever’ loop with conditional tests,
conditionnels si les touches sont pressées.
to check whether keys are pressed.
Et aussi on aurait eu des mouvements plus fluides avec le lutin qui se déplace de
This would also give smoother movement—up/down and left/right—for the sprite.
haut en bas et de droite à gauche.
The sprite’s movement—both vertically and horizontally—would be smoother.
Voilà, ce script et cet épisode sont terminés.
That's it—this script and this episode are now complete.
Ne ratez pas le prochain épisode dans lequel nous verrons les scripts
Don’t miss the next episode, where we’ll explore
d'initialisation absolument indispensables pour bien commencer son jeu.
the absolutely essential initialization scripts needed to get your game off to a great start.
À bientôt.
See you soon!