Programmation HTML5 et SVG

html5 svg Programmation HTML5 et SVG

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).

scene svg Programmation HTML5 et SVG

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.

jeu html5 svg Programmation HTML5 et SVG

Un jeu vidéo HTML5 en SVG

Liens : Missile game en SVG, dessin du parc en SVG

Articles similaires :

Vous pouvez laisser un commentaire, ou faire un trackback de votre site.

Laisser un commentaire