Carte Europe

[php_addict]

je te conseilles de t'acheter nu bouquin sur le CSS...

[Zamentur]

Si tu n'es pas réfractaire à Flash, il y a ce tuto que tu pourrais dériver pour arriver à tes fins:
http://wiki.jeuweb.org/tutograph/dessin_...dynamiques

Au lieu de prendre un perso tu prends la carte de l'Europe.

Il te suffirait alors de remplacer le composant de sélection de couleur par un script qui charge un fichier xml et y lis quel couleur assigner à quel territoire. Pour charger et lire un fichier xml avec actionscript (le langage de flash) il y a pas mal de tuto, tu n'aurais qu'à en suivre un pour afficher un hello world et ensuite faire le raccordement entre les 2 tuto pour arriver à tes fins

Sinon je trouve que la solution 2 images pour chaque territoire et positionnement par css est très bien aussi. Mais sans doute moins facilement évolutive. Mais e point fort c'est que tu n'utilises pas flash!

Pour ce qui est de la balise map, déjà c'est relou de découper, et surtout je pense pas qu'on puisse facilement changer la couleur de la zone. Ceci étant avec le tout récent HTML5 peut être qu'il y a des possibilités?

Par contre avec SVG c'est peut être envisageable d'autant qu'il y a des outils pour générer automatiquement le SVG, il suffirait alors de changer la couleur dans le code et c'est réglé! Mais là je suis aps spécialiste

[Cartman34]

Pour le mapping, t'as une exemple ici:
http://www.tlfq.ulaval.ca/axl/europe/Europe-MAP.htm

On voit que les formes des zone cliquables est très limitées (circle, rect ou poly)
Mais à mon avis, on peut faire un truc un peu mieux avec les polygones, cependant c'est pas sûr.

[Ter Rowan]

de ce que j ai compris le sujet est aussi (voire que ?) la notion d'affichage dans une couleur de la zone, pas definir une zone de clic si ?

[jldbaro]

de ce que j ai compris le sujet est aussi (voire que ?) la notion d'affichage dans une couleur de la zone, pas definir une zone de clic si ?

Dans un premier temps non... Mais cela permettrait de savoir qui a conquis le territoire ;-)

[Zamentur]

Ben effectivement si le but est juste de cliquer dessus la balise map est envisageable, mais t'as intérêt de trouver un bon outils pour détourer les territoire car çà risque d'être très long. peut être y a t'il des outils automatique?

Mais bon si tu veux coloriser çà semble pas être la bonne solution!

[My Hotel]

Sinon, je crois me souvenir que Sephi avait fait une jolie map de ce style pour son jeu, en SVG + javascript. A mon avis, il pourrait te donner une piste

[Sephi-Chan]

C'était ça : http://bugspirit.net/administration/maps/1

Mais je ne sais pas si ça peut correspondre dans son cas, puisque le problème de SVG, c'est que ce n'est pas compatible avec IE. Pour gérer cette compatibilité, j'utilise une librairie Javascript qui génère l'équivalent VML. Du coup, ça limite dans les fonctionnalités plus avancées (le plaquage de texture, etc.). Du coup, visuellement c'est pas forcément top.


Sephi-Chan

[NicoMSEvent]

Je verrais une autre solution. Une image fixe (png par exemple) sur laquelle chaque territoire serait un point (ça marche bien si tes territoires "quadrillent" ta carte, par exemple, mon jeu utilise des zones ayant les memes formes et un espace entre chaque territoire identique -> carte avec tuiles hexagonales).

A chaque changement de propriétaire d'un territoire, tu ne modifierait que la couleur de terrain qui change de propriétaire (dès que ça se produit, en temps réel quoi). Le plus lourd dans ce script est de charger l'image. Le changement d'un seul pixel (ou d'un petit carré) se fait quasi instantanément.
Pour alléger le traitement, tu pourrait afficher ta carte entière en 4x4 (16 morceaux), ce qui rendrait le chargement de ton image 10x plus léger.

J'espère t'avoir donné une bonne idée de piste a explorer

[Cartman34]

C'était ça : http://bugspirit.net/administration/maps/1

Vraiment sympa !!
J'adore les résultats bizarres qu'on obtient en cliquant/glissant la souris m'enfin bon c'est vraiment sympa.
BOn évidemment, j'ai pas pu m'empecher de cliquer sur "Modifier" (sans succès, évidemment).