Archive pour animation

Animation avec inkscape (svg et javascript)

Mise à jour 18/08/2009
Bonjour,
dans le manuel inkscape une page d’introduction sur l’animation avec inkscape (vous allez comprendre comment réaliser ça)
http://tavmjong.free.fr/INKSCAPE/MANUAL/html_fr/Web-Animation.html
et ci-après un article sur le duo .svg et javascript pour apporter interactivité et animation au svg
http://svground.free.fr/dom.php

Le 27/07/2009
Bonjour,
Voici des exemples d’animation en .svg avec javascript.
Les fichiers .svg peuvent s’ouvrir dans inkscape, il est donc possible de modifier certaines éléments.
Pour voir le code XML, on ouvre le .svg dans inkscape, on clique sur l’icône “voir et éditer l’arbre XML du document”, cette fenêtre correspond à la fenêtre action script dans flash.
Lorsqu’on sélectionne un objet, le code auquel il correspond et sélectionné dans cette fenêtre XML et inversement, ça c’est cool ;)
Les petits moins, le code reste de la même couleur, il est plus difficile de trouver les fonctions, et les animations .svg sont groumandes en ressource processeur (pour l’instant).

Animation d’une montgolfière
dirigeable
http://srufaculty.sru.edu/david.dailey/svg/SVGAnimations.htm (d’autres d’animations)

Manipulation de photos
(agrandissement, rotation, transparence, passer devant/derrière)…

photo
http://people.mozilla.com/~vladimir/demos/photos.svg

Une horloge
horloge
http://xmlfr.org/svg/clock.svg

Un cube en 3d qui tourne
3d
http://debeissat.nicolas.free.fr/svg3d.php
(bien d’autres exemples)

Bon amusement

PS : si vous avez des adresses d’amination en .svg laissez un petit commentaire avec le lien.

Commentaires (3) »