Créer une animation (sans Flash) pour le web.
Résolu/Fermé
Safrancrush
Messages postés
7
Date d'inscription
vendredi 13 janvier 2012
Statut
Membre
Dernière intervention
23 octobre 2012
-
13 janv. 2012 à 20:59
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
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
A voir également:
- Créer une animation (sans Flash) pour le web.
- Créer un compte gmail - Guide
- Créer un compte google - Guide
- Traduire une page web - Guide
- Créer une liste déroulante excel - Guide
- Créer un groupe whatsapp - Guide
7 réponses
vincebzh
Messages postés
137
Date d'inscription
lundi 22 mars 2010
Statut
Contributeur
Dernière intervention
7 mai 2013
29
14 janv. 2012 à 00:31
14 janv. 2012 à 00:31
Salut.
Adobe travail sur un logiciel permettant de créer des animations HTML5.
https://www.adobe.com/products/catalog.html
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 - https://helpx.adobe.com/animate/using/creating-publishing-html5-canvas-document.html ). Ç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.
Adobe travail sur un logiciel permettant de créer des animations HTML5.
https://www.adobe.com/products/catalog.html
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 - https://helpx.adobe.com/animate/using/creating-publishing-html5-canvas-document.html ). Ç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.
Rikon85
Messages postés
1
Date d'inscription
vendredi 9 novembre 2012
Statut
Membre
Dernière intervention
9 novembre 2012
1
9 nov. 2012 à 14:28
9 nov. 2012 à 14:28
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 !
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 !
Safrancrush
Messages postés
7
Date d'inscription
vendredi 13 janvier 2012
Statut
Membre
Dernière intervention
23 octobre 2012
13 janv. 2012 à 22:08
13 janv. 2012 à 22:08
Merci bien!
RAD ZONE
Messages postés
5224
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
22 mars 2024
1 353
13 janv. 2012 à 23:11
13 janv. 2012 à 23:11
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+
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+
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Safrancrush
Messages postés
7
Date d'inscription
vendredi 13 janvier 2012
Statut
Membre
Dernière intervention
23 octobre 2012
14 janv. 2012 à 03:07
14 janv. 2012 à 03:07
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), https://tumult.com/hype/ , quelqu'un connait?
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), https://tumult.com/hype/ , quelqu'un connait?
Safrancrush
Messages postés
7
Date d'inscription
vendredi 13 janvier 2012
Statut
Membre
Dernière intervention
23 octobre 2012
14 janv. 2012 à 03:29
14 janv. 2012 à 03:29
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/
You-ouuu! MERCI encore! o/
weetabix40
Messages postés
9583
Date d'inscription
samedi 12 janvier 2008
Statut
Contributeur
Dernière intervention
28 novembre 2015
1 723
13 janv. 2012 à 21:03
13 janv. 2012 à 21:03
Salut,
Regarde du coté de html5 + CSS3
ex : http://tympanus.net/codrops/2012/01/10/animated-web-banners-with-css3/
Cordialement,
Weet
Regarde du coté de html5 + CSS3
ex : http://tympanus.net/codrops/2012/01/10/animated-web-banners-with-css3/
Cordialement,
Weet