Créer une animation (sans Flash) pour le web. [Résolu/Fermé]

Messages postés
7
Date d'inscription
vendredi 13 janvier 2012
Statut
Membre
Dernière intervention
23 octobre 2012
- - Dernière réponse : Rikon85
Messages postés
1
Date d'inscription
vendredi 9 novembre 2012
Statut
Membre
Dernière intervention
9 novembre 2012
- 9 nov. 2012 à 14:28
Bonjour,

Je suis «novice» dans le domaine, je me débrouillais pas si mal avec Flash pour des animations simples... mais voilà qu'on «m'interdit» de l'utiliser vu que ça ne fonctionne pas sur les iphones & cies. Quelles sont les autres options pour faire de petites animations (à part les .gif biensur) sur un site? J'ai vu un tutorial d'animation en DHTML, mais j'ai comme l'impression que ma version Dreamweaver CS3 est trop ancienne... je me trompe? oO

Afficher la suite 

7 réponses

Meilleure réponse
Messages postés
137
Date d'inscription
lundi 22 mars 2010
Statut
Contributeur
Dernière intervention
3 septembre 2014
29
2
Merci
Salut.

Adobe travail sur un logiciel permettant de créer des animations HTML5.
http://labs.adobe.com/technologies/edge/

La dernière fois que j'ai testé, ça consistait à faire bouger un div (avec border-radius on non) selon une timeline. Ça fonctionne plutôt bien mais c'est vraiment limité.

Sinon il y a sencha Animator, qui semble être plus poussé que Edge. Le gros problème, c'est qu'il est uniquement compatible avec webkit (iOS, Chrome, Safari).

Il y a aussi des convertisseurs Flash vers HTML, comme Wallaby (d'Adobe aussi - http://labs.adobe.com/technologies/wallaby/ ). Ça fonctionne pas trop mal pour des animations simple.
Google à tenté de faire la même chose avec Swiffy ( http://www.google.com/doubleclick/studio/swiffy/ ).
Même constat que pour Wallaby, les animations simple passent pas trop mal mais faut pas trop lui en demander.

A toi de voir ce qu'il te correspond le plus.

Après, le mieux est de coder toi même tes propres animations en utilisant des interpolation de mouvements (comme dans l'exemple de weetabix40) ou des canvas (comme dans l'exemple de RAD ZONE) ou bien les deux en même temps.

Dire « Merci » 2

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 70691 internautes nous ont dit merci ce mois-ci

Messages postés
1
Date d'inscription
vendredi 9 novembre 2012
Statut
Membre
Dernière intervention
9 novembre 2012
1
1
Merci
Salut,

Désolé de répondre si tard, mais ta question a attiré mon attention. Mais plus nous avançons dans le temps et plus l'HTML5 et les outils qui permettent de l'éditer évoluent.
Pour te permettre de créer des animations sans Flash, tu as des outils dédiés qui ont fait leur apparition comme l'a expliqué vincebzh. Je voulais ajouter celui-ci : l'A5 HTML5 Animator qui est sorti récemment, voici la version test à télécharger : http://www.todate.fr/solutions/a5-html5-animator/version-devaluation/index.php. Il est nouveau et l'occasion de le comparer avec les autres.

A plus !
Messages postés
7
Date d'inscription
vendredi 13 janvier 2012
Statut
Membre
Dernière intervention
23 octobre 2012
0
Merci
Merci bien!
Messages postés
5251
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
2 avril 2019
1300
0
Merci
Salut

en y rajoutant du js on peu aller assez loin dans l animation ,
voila un exemple , ( experimental a ne pas mettre sur un site vue la charge pour les UC des visiteurs ), mais pour te montrer les possibilites ,
Exemple canvas HTML5 + CSS3 + JS
cela dis je ne pense pas que ca passe sur beaucoup de mobile , et ne passera pas sur IE Inferieur a 9, d ou la mise en place du fallback en "flashcanvas" ;-))
meme des jeux !( pas sur qu il passe sur mobile )
2 petits exemples
Voitures

Clicker les Fruits

a+
Messages postés
7
Date d'inscription
vendredi 13 janvier 2012
Statut
Membre
Dernière intervention
23 octobre 2012
0
Merci
Merci à vous pour toutes ces infos!! Je vais regarder tout ça demain!
Je suis designer graphique à la base, alors j'suis plus à l'aise avec le wysiwyg que les codes. ;)

Je viens de voir une petite application web HYPE (pour Mac), http://tumultco.com/hype/ , quelqu'un connait?
Messages postés
7
Date d'inscription
vendredi 13 janvier 2012
Statut
Membre
Dernière intervention
23 octobre 2012
0
Merci
En fait je viens d'essayer les convertisseurs de vincebzh...Sauf quelques petites différences (option dans Flash à eviter) ça fonctionne assez bien oui.

You-ouuu! MERCI encore! o/
Messages postés
9666
Date d'inscription
samedi 12 janvier 2008
Statut
Contributeur
Dernière intervention
28 novembre 2015
1399
-1
Merci
Salut,

Regarde du coté de html5 + CSS3
ex : http://tympanus.net/codrops/2012/01/10/animated-web-banners-with-css3/

Cordialement,
Weet