Guide – Mouvements et placement des personnages

Si vous voudriez savoir comment placer un personnage à un autre endroit que celui de base ou si vous voulez savoir comment le déplacer, ce guide est pour vous.

1. Placements simples

Il y a certains codes qui permettent de placer et déplacer facilement un personnage.  Si on prend l’exemple d’une image nommée sophie contente :

Pour placer le personnage à gauche – show sophie contente at left

Pour placer le personnage à droite – show sophie contente at right

Pour placer le personnage au milieu – show sophie contente at center

Si votre personnage est déjà à gauche et vous voulez qu’il glisse vers le milieu :

show sophie contente at center

with move

glisse

 

Vous pourriez de la même manière le glisser facilement à droite ou à gauche. Mais que faire si vous voulez faire des mouvements plus précis ?

 

2. Les coordonnées

Il faut utiliser des coordonnées pour situer vos personnages ou les déplacer sur un axe horizontal (l’axe des x) ou vertical (l’axe des y). Une position horizontale se définit avec xpos (position sur l’axe des x) et verticale par ypos.

Il faut savoir alors que le point zéro est dans le coin en haut à gauche. La moitié de l’écran correspond alors à 0.5 et l’autre bout de l’écran à 1.0

xpos_ypos

Après il y a les coordonnées des objets mis dans l’image (par exemple un personnage). On parle d’ancre : anchor (xanchor pour l’horizontal, yanchor pour le vertical). Le point zéro ne commence plus alors dans le coin haut et gauche de l’écran, mais en haut et à gauche de l’objet comme on peut le voir dans cette capture d’écran du tutoriel :

xanchor_yanchor

Puis le milieu est 0.5 et la fin de l’image 1.0.

xanchor_yanchor_1

Si les anchor et les pos sont les mêmes, on parle alors d’align (xalign et yalign).

Par exemple, ci-dessous, xalign = 0.0, c’est-à-dire que le point xanchor 0.0 est sur le point xpos 0.0, autrement dit le côté gauche de l’image est contre le côté gauche de l’écran :

xalign 0.0

3. Placement d’un personnage ou d’un objet

Par défaut, l’objet (le personnage) sera en bas au milieu, ce qui peut être problématique parfois (pour les objets qui volent, les petits animaux, etc.) Par exemple, ici, on ne voit pas vraiment l’avion:

avion_1

Ici, je le veux plus haut et à gauche, mon code sera :

code_avion_1

Ce qui donnera :

avion_2

Vous pouvez ainsi jouer avec les coordonnées pour placer votre objet, personnage où vous voulez.

4. Déplacement d’un objet, d’un personnage

Admettons maintenant que je voudrais que mon avion traverse l’écran (aille de gauche à droite).

Pour cela, j’utilise la commande linear en indiquant où je veux que mon objet aille et en combien de temps.

Par exemple :

linear_1

Ici donc, avec xalign et yalign, j’ai indiqué où était l’objet au départ et, avec linear, le temps de déplacement (ici 5.0 secondes) et où je voulais qu’il aille à xalign 1.0 (c’est-à-dire tout à droite).

Si je voulais que l’avion sorte complètement de l’écran, j’aurai choisi un xalign plus grand que 1 et l’avion serait passé puis aurait disparu (car en-dehors de l’écran).

Je pourrais changer le yalign plutôt que le xalign si je veux pour faire monter ou tomber un objet. Je peux même faire les deux en même temps. Par exemple, avec le code ci-dessous, l’avion va vers la droite et vers le haut en même temps :

linear_2