Image défilante sur X et Y

Bonjour,

je réalise actuellement un site perso et pour le fun j'aimerais faire défiler une image (une mouche) dans une pièce.

Je ne trouve rien qui puisse me faire défiler cette image de gauche à droite sur l'axe x et des mouvement sur l'axe Y.

En gros je desirerais la faire défiler suivant une trajectoire pour simuler son vol.

Avez-vous une idée ?

ps: L'image full HD d'un design extraordinaire représente la mouche en noir et un exemple de trajectoire en rouge. Le cadre délimite ma page.

Merci

Essai ça : http://csspathanimation.calyptus.eu/

salut,
la façon la plus propre serait d'essayer de représenter la trajectoire de ta mouche avec une fonction mathématique pour transcrire la position Y en fonction de celle de X lorsque tu incrémente cette dernière. Tu passe ensuite par un simple setInerval() en JavaScript pour la faire déplacer.

En clair Zelalsan ca donne quoi

J'ai oublié de préciser que je n'étais pas super op en javascript.

As tu un exemple d'utilisation ?

Merci

Ça ressemblerait très très vaguement à ça. Là c'est la fonction f(x) = cos(pi * x / 5) * 10 qui donne une sorte d'ondulation mais tu peux faire ta propre fonction.
Tu pourrais aussi passer par les chiffres aléatoires.

Merci ca me semble pas mal