Outils pour utilisateurs

Outils du site


phaser:comment_deplacer_un_sprite

Comment déplacer un sprite ?


Déplacer un sprite, c'est modifier ses coordonnées (x, y ou l’angle de rotation) à chaque nouvelle image. Par exemple, la coordonnée x du sprite peut augmenter de 2 pixels à chaque image.

Nous allons donc modifier les coordonnées du sprite non pas dans la fonction create() mais dans la fonction update().

function update(){ 
	leHeros.x = leHeros.x + 2; // La coordonnée x du sprite "leHeros" prend pour valeur la coordonnée x actuelle du sprite + 2 pixels.
}


A faire vous-même 1 …Mes documents/icn/jeuvideo/js/script.js

- Ouvrir le fichier script.js avec Notepad++.

- Compléter le script afin que le sprite se déplace horizontalement de la gauche vers la droite.
- Enregistrer le fichier script.js. Tester en cliquant sur le fichier index.html.


- Modifier le script pour que le sprite se déplace horizontalement de la droite vers la gauche. Tester.


A faire vous-même 2 …Mes documents/icn/jeuvideo/js/script.js



Modifier le script précédent pour faire déplacer plus rapidement le sprite de bas en haut. Tester.


A faire vous-même 3 …Mes documents/icn/jeuvideo/js/script.js

Modifier le script pour que le sprite donne l'impression de “rouler”. Tester.



Application possible pour votre jeu : un gourdin “ennemi” traverse l'écran. Le héros devra l'éviter.



phaser/comment_deplacer_un_sprite.txt · Dernière modification: 10/07/2019 22:12 par Stéphane LAURENT