SVG & SMIL: une animation 3D

Rendu de l'animation

Actualisez la page pour redémarrer l'animation !

Le code SVG correspondant

Le canevas SVG a pour fond l'image SVG "piste.svg".
Le 'sprite' (avion.png) est insérée dans le canevas.
Ces deux images ont été produites à partir d'Inkscape (une image produite avec ce logiciel peut être exportée au format PNG).
Le "sprite" fait l'objet de deux transformations : translation le long d'un chemin et changement d'échelle.

Si vous ne comprenez pas le code SVG ci-dessous visitez le tutoriel "animations avec SVG" et plus précisément la partie "SMIL".
Retour menu