HTML5 propose aux développeurs de programmer des applications riches pour le web. Souvent lorsqu’on se demande comment animer un éléments d’une page web, on choisi d’utiliser des canvas. Mais il aussi possible d’utiliser le SVG !
Tout d’abord, le SVG est un format de fichier qui permet de définir des formes géométriques de façon vectorielle. Ce format est basé sur XML et signifie Scalable Vector Graphics.
Il est possible de définir toute sorte de figures géométriques et de les combiner pour obtenir des images très riches (exemple ci-dessous).
Un parc d'attraction en SVG
En combinant ces graphismes SVG avec du javascript, il est bien sûr possible de les animer. Il devient alors possible de créer des animations vectorielles dans le style de celles produites par le logiciel Flash d’Adobe. Mais, il est possible de créer des animations interactives, voir même de petits jeux en utilisant ce principe.
Ainsi un habile programmeur a utilisé cette technique pour créer le jeu « missile game » disponible sur Google Code.
Un jeu vidéo HTML5 en SVG
Liens : Missile game en SVG, dessin du parc en SVG
