Est-ce que html5 est utile pour animer des graphiques vectoriels?

Question

Est-ce que html5 aide les développeurs à animer les graphiques vectoriels de quelque façon que ce soit? Je parle d'animation vectorielle directe, telle que le flash. Est-ce le moyen de faire cela en utilisant javascript pour manipuler les graphismes SVG (comme ce que fait http://www.raphaeljs.com? Ce qui est un peu bizarre pour moi car il est supporté dans les navigateurs depuis un certain temps) ou html5/canvas se prête-t-il? à l'animation graphique de vecteur? J'essaie juste de comprendre quelle est la "nouvelle" façon dont les développeurs vont animer les vecteurs sur le web si/quand le plug-in Flash finit par mourir.

Merci

Answer 1

Il y a aussi CSS animation, qui est déclarative et peut être plus efficace car le code JavaScript ne pousse pas l'animation.

Mais il n'y a rien de foncièrement mauvais avec l'approche SVG et c'est aussi plus compatible.

Answer 2

Actuellement, il n'y a pas d'alternative pour les animations complexes comme les animations que vous pouvez créer avec Flash (par exemple shape-tweens ou animations 3D ou OS), et personnellement je pense que Flash est la voie à suivre. animation. L'IDE Flash offre de nombreuses fonctionnalités d'animation qui ne sont pas implémentées dans les autres outils Web actuels. HTML/css est très limité, car il ne supporte pas complètement l'inclinaison/rotation/perspective dans tous les navigateurs et en HTML vous ne pouvez pas non plus animer les images d'arrière-plan. Cependant, vous pouvez créer des tweens programmatiques (comme motion-tweens) avec Javascript. A cet état de HTML, vous devez être un peu un programmeur hardcore pour obtenir une animation DHTML sérieuse et je pense que vous devez faire face à des sprites CSS ou d'autres techniques de blitting pour obtenir des performances. A côté de l'animation, Flash propose aussi des filtres et des blendmodes, que vous aimeriez utiliser également dans les super animations.

Vous pouvez utiliser la fonction animate() de jQuery pour des animations très simples (déplacer, fondre, glisser); vous pouvez changer les propriétés au fil du temps. Pour beaucoup d'applications Web cela pourrait assez. Mais si vous voulez animer des vecteurs ou voulez des animations basées sur des cadres; Flash est actuellement le meilleur choix.

PS. Quel est le problème avec les GIF animés?

Answer 3

This pourrait être intéressant dans le futur. Il s'agit d'un outil de conversion flash pour Html5 Adobe. Peut-être y a-t-il un avenir sur le web où les deux technologies convergent vers un objectif unique au lieu d'être deux technologies concurrentes côte à côte.

Nous pourrions bien convenir que le flash a quelques inconvénients, fermé, technologie lente. Mais je ne peux pas croire qu'il n'y a aucune connaissance dans le code source flash, ses développeurs et le grand nombre d'utilisateurs qui pourraient être utiles dans le développement de Html5. Flash est un environnement facile à utiliser pour créer des animations. Un tel environnement n'existe tout simplement pas pour Html 5. Donc, je crois qu'il y a de la place pour le flash et le Html 5 ensemble.

Modifier

Vous devriez vérifier Adobe Edge Preview. un nouvel outil d'Adobe pour créer des animations HTML5 riches.