Astuce pour une animation en JS

lecaillou · 26/09/2011, 16h31

Bonjour à tou(te)s,

Je me creuse sans succès la tête pour faire une animation qui ressemblerait vaguement à un électron passant sur un circuit électronique, d'un point A à un point B. Le-dit circuit sera une image présente en fond. Dans l'idée une image d'étincelle apparaîtrait en fondu sur le point A voyagerait jsuqu'au B et disparaîtrait en fondu.

Pour que ce soit réaliste il faudrait que les fondus soit bien avant et après le déplacement, mais au pire c'est pas un souci ça.

Développeur amateur, je ne sais pas trop comment prendre la chose.

Des idées ?

Merci d'avance,
LeCaillou.

SpaceFrog · 26/09/2011, 16h37

jquery animate() ...
http://javascript.developpez.com/faq/jquery/

Animate() permet de délacer des objets
fadeOut() de les faire disparaitre progressivement

Sinon il y a la technique des sprites:
http://www.ajaxblender.com/jani.html

26/09/2011, 16h31	#1
lecaillou Invité de passage P Didier Inscription : octobre 2009 Messages : 1 Détails du profil Informations personnelles : Nom : P Didier Informations forums : Inscription : octobre 2009 Messages : 1 Points : 0 Points : 0	Astuce pour une animation en JS Bonjour à tou(te)s, Je me creuse sans succès la tête pour faire une animation qui ressemblerait vaguement à un électron passant sur un circuit électronique, d'un point A à un point B. Le-dit circuit sera une image présente en fond. Dans l'idée une image d'étincelle apparaîtrait en fondu sur le point A voyagerait jsuqu'au B et disparaîtrait en fondu. Pour que ce soit réaliste il faudrait que les fondus soit bien avant et après le déplacement, mais au pire c'est pas un souci ça. Développeur amateur, je ne sais pas trop comment prendre la chose. Des idées ? Merci d'avance, LeCaillou.
	00

26/09/2011, 16h37	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	jquery animate() ... http://javascript.developpez.com/faq/jquery/ Animate() permet de délacer des objets fadeOut() de les faire disparaitre progressivement Sinon il y a la technique des sprites: http://www.ajaxblender.com/jani.html __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email