Salut,
Désolé de mettre un peu de temps pour répondre et merci pour vos réponses.
En effet, le CSS3 est plus performant mais pas simple à utiliser pour réaliser certaines animations.
J'ai opté pour le Javascript/Canvas en utilisant le "prerending" qui offre des résultats plus que honorables.
Voici un lien qui explique le principe:
http://www.somethinghitme.com/2010/02/06...vascripts/
Pour résumer, avant d'afficher l'animation (pendant le chargement de la page) on crée l'animation et on place les sprites qui la composent dans une même image qui sera stockée en mémoire.
Ensuite pour afficher l'animation, nous avons juste à découper l'image en mémoire et à afficher les découpes les unes après les autres.
Sinon pour les animations d'ambiance, j'ai utilisé du SVG (non cité au dessus).
Grâce au SVG (vectoriel), il n'y a pas de perte de qualité et le poids est généralement faible. Les animations sont assez simples à mettre en place. L'inconvénient est qu'IE8 ne le supporte pas.
Désolé de mettre un peu de temps pour répondre et merci pour vos réponses.
En effet, le CSS3 est plus performant mais pas simple à utiliser pour réaliser certaines animations.
J'ai opté pour le Javascript/Canvas en utilisant le "prerending" qui offre des résultats plus que honorables.
Voici un lien qui explique le principe:
http://www.somethinghitme.com/2010/02/06...vascripts/
Pour résumer, avant d'afficher l'animation (pendant le chargement de la page) on crée l'animation et on place les sprites qui la composent dans une même image qui sera stockée en mémoire.
Ensuite pour afficher l'animation, nous avons juste à découper l'image en mémoire et à afficher les découpes les unes après les autres.
Sinon pour les animations d'ambiance, j'ai utilisé du SVG (non cité au dessus).
Grâce au SVG (vectoriel), il n'y a pas de perte de qualité et le poids est généralement faible. Les animations sont assez simples à mettre en place. L'inconvénient est qu'IE8 ne le supporte pas.