[Résolu] Animation image

Bonjour,

Je désire faire une animation sur une image.

Je veux donner un effet d'onde concentrique comme quand une goutte d'eau tombe dans une flaque.

Je n'ai aucune idée de comment je peux faire ça en HTML5, je suppose que jQuery est dans la solution.

Merci d'avance de vos pistes.

Marc
Modifié par marco95100 (22 Sep 2014 - 12:22)

salut

http://watereffect.net/ ?


ou alors http://www.script-tutorials.com/how-to-create-water-drops-effect-using-html5-canvas/

avec la démo ici : http://www.script-tutorials.com/demos/97/index.html
et lorsque tu clic cela fait effet goutte d'eau
Modifié par JENCAL (22 Sep 2014 - 11:49)

JENCAL a écrit :

avec la démo ici : http://www.script-tutorials.com/demos/97/index.html
et lorsque tu clic cela fait effet goutte d'eau

SUPER c'est exactement ce que je veux mais en automatique
Il faut faire comme s'il y avait un click toutes les secondes en plein milieu de l'image

Je vais regarder ça en détail

MERCI

Donc
http://www.script-tutorials.com/how-to-create-water-drops-effect-using-html5-canvas/
marche bien

Toutefois pour mettre au point ce script sous Chrome en local , ça ne marche pas !
Il faut apppliquer :
http://www.chrome-allow-file-access-from-file.com/

Bon sinon, en local ça marche avec iE et FF
Modifié par marco95100 (22 Sep 2014 - 15:11)