+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Gameplay, gamedesign (https://jeuweb.org/forumdisplay.php?fid=48)
+--- Sujet : Comment présenter une carte avec des territoires possédés par plusieurs équipes ? (/showthread.php?tid=1107)
RE: Comment présenter une carte avec des territoires possédés par plusieurs équipes ? - niahoo - 13-10-2010
oui c'est pas mal. et rien ne t'empêche sous les drapeaux de colorer toute la surface avec la couleur du dominant.
(edit : c'était en réponse à gameprog)
RE: Comment présenter une carte avec des territoires possédés par plusieurs équipes ? - Sephi-Chan - 13-10-2010
Tu as raison Ter Rowan, une simple barre ou un tore ne conviendraient pas à l'esprit de Seelies (plus dans un esprit végétal et magique).
Initialement, j'avais dans l'idée de superposer à chaque territoire un symbole dans le genre de ceux là. Deux des spirales viennent du jeu vidéo Soul Reaver (que j'adorais).
L'idée est simplement de faire une barre comme présentée par Roworll (plutôt une ligne) mais enroulée. Mais je me demande comment réaliser ça en SVG… :/
Sephi-Chan
RE: Comment présenter une carte avec des territoires possédés par plusieurs équipes ? - popayan - 13-10-2010
j'adore balancer des liens comme ca, sans rien ajouter... :p
http://www.w3schools.com/svg/tryit.asp?filename=path2&type=svg
RE: Comment présenter une carte avec des territoires possédés par plusieurs équipes ? - Plume - 13-10-2010
C'est sympa mais ça ne suffit pas. Le problème va être le calcul des distances sur le path pour connaitre les proportions de la figure à colorer
RE: Comment présenter une carte avec des territoires possédés par plusieurs équipes ? - niahoo - 13-10-2010
bah tu la fais dans inkscape, tu la sauvegardes en svg standard et tu peux l'inclure dans d'autres fichiers svg ensuite.
RE: Comment présenter une carte avec des territoires possédés par plusieurs équipes ? - Plume - 13-10-2010
Ca ne m'aide pas à calculer la proportion de la ligne à colorier de telle ou telle couleur
RE: Comment présenter une carte avec des territoires possédés par plusieurs équipes ? - niahoo - 13-10-2010
bah je répondais à sephi.
maintenant, j'ai envie de te dire, va lire la doc :p
RE: Comment présenter une carte avec des territoires possédés par plusieurs équipes ? - Plume - 13-10-2010
J'en ai peur. J'crois que je vais être obligé d'étudier comment ça marche les paths pour devoir faire d'éventuels calculs.
J'vais bien m'amuser !
RE: Comment présenter une carte avec des territoires possédés par plusieurs équipes ? - Roworll - 13-10-2010
Petite réponse à l'arrache car je suis assez pressé.
C'est relativement simple à appréhender une fois qu'on a les bases.
Le code suivant te donne déjà une figure fermée en forme de spirale réalisée à partir d'une succession d'arcs de cercle.
Code :
<g id="s1" fill="#666666" stroke="#000000" >
<g stroke="black">
<path d = "M 100 100 a 15 15 0 1 1 30 0 a 30 30 0 1 1 -60 0 a 45 45 0 1 1 90 0 a 60 60 0 1 1 -120 0
l 15 0 a 45 45 0 1 0 90 0 a 30 30 0 1 0 -60 0 a 15 15 0 1 0 30 0 a 7.5 7.5 0 1 1 -15 0 z" />
</g>
</g>La logique des arcs qui s'enchaînent est assez explicite.
La première ligne part du centre vers l'extérieur et la deuxième ligne fait le retour.
Avec un petit combo proportionalité / trigo, ça devrait être réalisable.
A la limite, je conseillerai de partir sur un gros trait (stroke) pour réaliser la spirale/courbe en une passe au lieu de faire des volumes fermés à remplir. Ça sera plus simple à gérer dans un premier temps.
Pour tester cette version, tu peux utiliser ça
Code :
<g id="s2" fill="transparent" stroke="#000000" stroke-linecap="round">
<g stroke="black" stroke-width="20">
<path d = "M 100 100 a 15 15 0 1 1 30 0 a 30 30 0 1 1 -60 0 a 45 45 0 1 1 90 0 a 60 60 0 1 1 -120 0" />
</g>
</g>[Edit]
Je viens de me rendre compte que ce serait plus parlant avec un exemple
[re-edit] : Avec une petite astuce, il est possible de combiner le meilleur des deux mondes (cf le 3e graphique rouge à bordure noire)
Code :
<g id="s3" fill="transparent" stroke-linecap="round">
<g >
<path d = "M 100 100 a 15 15 0 1 1 30 0 a 30 30 0 1 1 -60 0 a 45 45 0 1 1 90 0 a 60 60 0 1 1 -120 0" stroke="black" stroke-width="20"/>
<path d = "M 100 100 a 15 15 0 1 1 30 0 a 30 30 0 1 1 -60 0 a 45 45 0 1 1 90 0 a 60 60 0 1 1 -120 0" stroke="red" stroke-width="18"/>
</g>
</g>J'ai mis le fichier d'exemple à jour (et au passage corrigé certaines fautes du message original).
RE: Comment présenter une carte avec des territoires possédés par plusieurs équipes ? - Globe - 13-10-2010
Sinon tu peux toujours rajouter par dessus les territoires contrôlés une couleur avec une faible opacité, ajouter une bordure intérieure à ces territoires qui à presque une opacité de 100% et ne pas colorer la zone disputée.
Pour illustrer :
![[Image: testzy.jpg]](http://img403.imageshack.us/img403/9333/testzy.jpg)