Animer des blocs avec Javascript

Bonjour à tous,

J'aimerai savoir comment animer des blocs à l'aide de Javascript.

Voila un exemple de ce que j'aimerai réaliser :
http://www.wow-europe.com/fr/burningcrusade/townhall/bestiary.html

Je suppose qu'il s'agit d'une boucle qui agit selon un timeout, mais comment faire suivre une trajectoire ? Est-ce là une fonction ( f(x) oO?) ?

Quelqu'un aurait des pistes sur l'animation de blocs ?

Je précise que j'ai regardé le .js, mais ne le comprend pas tout à fait (notamment la partie qui créer le mouvement) : http://tryban.rpg.free.fr/JS/script.js

Je vous en remercie d'avance,


Sephi-Chan
Modifié par Sephi-Chan (09 Mar 2007 - 21:53)

Bonsoir,

J'ai fait un petit truc ici assez facile à comprendre et dont tu peux t'inspirer.

http://www.essarts-le-roi-tt.fr

Tu peux voir une balle jaune qui part de droite à gauche.

En fait plusieurs animations sont possibles avec cette balle en fonction de l'identité du visiteur.

Elles sont choisies dans le fichier :

http://www.essarts-le-roi-tt.fr/JavaScripts/Index.js

Au sein de la fonction Welcome() qui, à son tour, lance la fonction js : Layer_MoveXY de déplacement linéaire d'un div de son origine vers une destination avec une valeur d'incrément en x et en y conditionnant la vitesse de déplacement.

Index.js combine plusieurs appels à cette fonction histoire de composer une séquence de déplacements linéaires.

Tu trouveras la fonction Layer_MoveXY dans le fichier :

http://www.essarts-le-roi-tt.fr/JavaScripts/Layer_MoveXY.js

Cette fonction est a priori assez simple. Décortique-là et reviens sur le forum avec tes questions si il y a des trucs que tu ne comprends pas.
Modifié par aCOSwt (09 Mar 2007 - 22:35)