Svgmorphing
Description
Ce script est la suite logique de mon précédent script d'adresse :
http://www.phpcs.com/code.aspx?ID=46344
qui traitait de l'algorithme de Douglas-Peuker (noter que "Peuker" s'écrit également "Peucker").
Grâce à cet algorithme, j'ai pu "réduire" mes départements et m'arranger pour qu'ils aient tous le même nombre de points (66), condition préalable pour qu'un "morphing" puisse se dérouler dans de bonnes conditions.
L'animation côté client se fait grâce à SVG et son élément "path", et là, j'ai dû faire un choix douloureux : soit faire une appli qui tourne avec FireFox (ainsi que ses petits cousins dotés comme lui de SVG en "natif"), soit opter pour la solution Internet Explorer+SVGViewer, sachant que l'écriture d'un code qui fonctionne à la fois avec les 2 navigateurs relève de la gageure.
Mon choix s'est porté sur FireFox, malgré l'absence, dans son implémentation, de l'élément "animate", que l'on peut cependant compenser en gérant l'animation grâce à la fonction "setInterval" de JavaScript.
Et PHP, là-dedans me direz-vous? L'application, à cause du nombre important de fichiers de données (il y a 100 départements!), est tout naturellement une application client-serveur, avec communication en "Ajax".
Bref, en attendant la mort annoncée des départements (voir le rapport "Attila"), il y a encore du bon temps à prendre!
La démo en ligne :
http://michel.vanthodiep.free.fr/morphing/
pour rappel : ne pas utiliser Internet Explorer!
http://www.phpcs.com/code.aspx?ID=46344
qui traitait de l'algorithme de Douglas-Peuker (noter que "Peuker" s'écrit également "Peucker").
Grâce à cet algorithme, j'ai pu "réduire" mes départements et m'arranger pour qu'ils aient tous le même nombre de points (66), condition préalable pour qu'un "morphing" puisse se dérouler dans de bonnes conditions.
L'animation côté client se fait grâce à SVG et son élément "path", et là, j'ai dû faire un choix douloureux : soit faire une appli qui tourne avec FireFox (ainsi que ses petits cousins dotés comme lui de SVG en "natif"), soit opter pour la solution Internet Explorer+SVGViewer, sachant que l'écriture d'un code qui fonctionne à la fois avec les 2 navigateurs relève de la gageure.
Mon choix s'est porté sur FireFox, malgré l'absence, dans son implémentation, de l'élément "animate", que l'on peut cependant compenser en gérant l'animation grâce à la fonction "setInterval" de JavaScript.
Et PHP, là-dedans me direz-vous? L'application, à cause du nombre important de fichiers de données (il y a 100 départements!), est tout naturellement une application client-serveur, avec communication en "Ajax".
Bref, en attendant la mort annoncée des départements (voir le rapport "Attila"), il y a encore du bon temps à prendre!
La démo en ligne :
http://michel.vanthodiep.free.fr/morphing/
pour rappel : ne pas utiliser Internet Explorer!
Source / Exemple :
voir->zip
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.