[SVG] Des amateurs ?

[Roworll]

Je connais deux versions de Tetris en SVG
Basique
Plus jolie

L'incompatibilité actuel d'IE peut se résoudre via des plug-in disponibles sur le net.

Actuellement, je trouve qu'il subsiste deux gros freins concernant SVG
- Le manque de support SMIL de la part de FireFox (apparemment corrigé dans les prochaine releases)
- L'impossibilité de référencer des éléments externes avec WebKit (Safari/Chrome).

SMIL est le moteur "natif" d'animation du SVG. Il existe d'ailleurs pas mal de pages permettant de voir ce qu'il est possible de faire sur cette adresse (Marche pas sur FF). Regardez la section 'animate', ça donne des idées.

Quand au problème Webkit, il empêche purement et simplement l'utilisation de fichier SVG en tant que librairie externe. Je m'explique.

En SVG, il est possible de donner des ID aux éléments graphiques puis de les réutiliser via xlink:href. Pour un exemple parlant, il suffit de regarder le code du plateau de dames chinoises sur cette page. Le lien HREF peut en théorie pointer sur des SVG externes, permettant du même coup le groupage d'éléments en bibliothèques utilisables selon les besoins. Manque de pot, Webkit ne le permet pas (encore).

J'essaye de faire des petits tests en ce moment.
J'ai mis à disposition une page d'exemples.
- Les symboles d'armée au format NATO sont construits par superposition d'éléments.
- En passant la souris dessus, un cercle représentant le "rayon d'attaque" s'affiche.
- L'image des arbres est chargée à partir d'une ressource externe (jpg).
- Cliquer sur l'image la fait tourner sur elle même.
Zoomez sur la page : Les éléments en pure SVG ne perdent rien en qualité contrairement au JPG.

Il est à noter que Webkit fait encore un peu n'importe quoi sur cette page mais dans l'ensemble, plus je regarde les capacités du SVG, plus ça me donne envie de continuer mes investigations.