Transcript Comment faire un décor qui défile

http://derepas.com/scratch/defilement.pdf
Faire défiler des paysages
On peut alors dessiner un objet qui tient sur
toute la taille :
Ce petit cours décrit comment faire défiler des
paysages à l’aide du langage Scratch comme
dans de nombreux jeux vidéos.
Le projet est disponible en ligne :
http://scratch.mit.edu/projects/17986477/
1 La méthode
Voici l’écran de scratch avec les tailles de
l’image de fond :
Nous avons maintenant deux objets :
Dupliquons ce nouvel objet, nous avons alors
maintenant trois objets :
Pour différencier cet objet ajoutons un nuage
dans le ciel :
Les images de fond ont donc une taille de 480
(2 fois 240) de large sur 360 (2 fois 180) de
haut. On repère les objets par leurs position
sur l’axe rouge noté d’un X, et sur l’axe bleu
noté de la lettre Y. Ainsi, le centre de l’écran
est le point repéré par x=0 et y=0. Autre
exemple le milieu du bord supérieur est x=0 et
y=180.
La méthode va consister à avoir deux objets
de taille 480 sur 380 qui vont se succéder pour
donner l’impression que le décor bouge.
3 Déplacement vers la droite
2 Création des objets
Voici comment faire le déplacement sur la
droite.
Nous allons créer les deux objets de taille 480
sur 360. Créons un nouvel objet en cliquant
sur l’icône ci-dessous :
3.1 Scratch le petit chat
Nous allons donner l’impression que scratch
marche quand la touche « flèche droite » est
appuyée.
Mettons la taille du zoom au plus petit :
Pour cela cliquer sur le petit chat :
1
http://derepas.com/scratch/defilement.pdf
repasse une nouvelle fois. Il suffit pour cela
de rajouter la commande le déplaçant à
l’endroit x=460 et y=0 au moment où la
position en x de l’objet est plus petite que 460 :
Il suffit alors de changer de costume lorsque la
touche droite est pressée :
3.3 Le deuxième décor
L’effet de mouvement sera produit par le
décor qui bouge.
Le deuxième décor est presque semblable au
premier. Sélectionnons le 2e décor :
3.2 Le premier décor
Maintenant il faut également faire bouger le
décor quand la touche « flèche droite » est
pressée. Tout d’abord sélectionner le premier
décor :
Il suffit simplement de le mettre
complètement à droite au départ :
Au moment où le jeu démarre (c’est-à-dire
quand le drapeau vert est pressé) il faut :
mettre le décors à l’arrière des objets puis le
centrer sur la position x=0, y=0 :
3.4 Tester
Maintenant il faut le déplacer vers la gauche
quand flèche droite est pressée :
Ca y est, on peut tester en appuyant sur la
touche « flèche droite » que le paysage défile
bien.
4 Déplacement vers la gauche
Pour le déplacement vers la gauche c’est assez
similaire pour les décors et un peu plus
compliqué pour le petit chat Scratch.
Cela déplace le décor jusqu’au bord gauche
puis là le décor reste bloqué. Il faut alors le
mettre complètement à droite pour qu’il
2
http://derepas.com/scratch/defilement.pdf
4.1 Décors
Pour chaque décor il suffit de rajouter les
informations pour se déplacer vers la droite
quand la flèche gauche est pressée :
On obtient alors les 4 images suivantes :
4.2 Scratch
Pour scratch il faut faire des costumes où le
chat est tourné vers la gauche.
Pour cela cliquer sur « copier » pour chacun
des costumes existant. On obtient alors 4
costumes :
Au départ on met scratch dans le costume 1 :
Puis si la flèche droite est pressée alors il faut
passer au costume qui regarde vers la droite.
Ainsi si le numéro de costume actuel est 1 on
passe au costume 2 et sinon on passe au
costume 1 :
Editer alors les image 3 et 4 en les inversant
de sens latéral grâce à l’icone :
Se situant dans la fenêtre d’édition de
l’image :
3
http://derepas.com/scratch/defilement.pdf
Il faut rajouter les éléments similaires pour la
gauche :
5 Plus de décors
Ce qui a été fait marche bien. Cependant il y a
peu de décors. Voici comment en avoir 8. Il
suffit pour cela dans chacun des deux objets
représentant le décor de rajouter d’autres
costumes et de passer au costume suivant
quand l’objet bascule d’un côte à l’autre de
l’écran.
Voici un exemple de plusieurs décors pour un
même objet :
Le projet complet est là :
http://scratch.mit.edu/projects/17986477/
Il suffit alors de changer les costumes :
4