une solution, debordement de map

[Kassak]

Yop yop !

Je cherche un moyen pour ce petit souci sur ma map hexagonale, voyez plutôt le screen :

IMAGE

Je vous ai fait vite fait les contours d'une tuile. Pour le moment, j'ai réglé ce problème en rendant la case inaccessible, mais bon...

Et si je ne laisse pas la tuile entière, c'est juste pour pas que ça fasse laid en haut et en bas, je voulais un contour droit.

Donc voilà, je cherche des idées pour régler ça....je prends tout !

[Ruz]

euh...j'dis peut-etre une connerie, mais tu utilises deux boucles imbriquées pour générer la map, non?
tu connais la taille sur les deux axes... une ligne sur deux, tu rajoutes une demi-tuile (pas accessible, juste décoration), une fois en haut, une fois en bas... par contre, niveau texture à prendre... je me baserais probablement sur la (les) plus proche(s) (1 ou 3 selon que tu restes sur la ligne, ou que tu travailles en deux passes avec un tableau)

Sais pas si je suis clair, ni si ca répond à ta question ^^

EDIT: bah, oui, j'édite déjà avant d'avoir posté, ca m'arrive souvent ^^
tu veux que ce soit "lisse" toujours, ou uniquement en bord de carte? (ou autre manière de poser la question: est-ce que les 4 bords de la carte correspondent au limite de vue d'un perso sur une carte énorme, ou est-ce que tu affiches toute la carte?)
(bah, en fait, ca change pas grand chose... au lieu d'estimer la texture suivante, là, tu prends +1 au moment de sélectionner tes sols en bdd)

[Kassak]

Une demi tuile pas accessible, juste pour la deco, c'est déjà ma solution actuelle.

Je trouve juste dommage d'avoir des tuiles inutilisables tout le tour de la carte.

[Argorate]

En même temps c'est toi qui as choisis l'hexa.
Si tu ne veux pas ce problème qui est caractéristique de l'hexagone, tu peux faire deux choses:
soit changer de système de case, soit faire la feinte à la "Fractal":


Qui comme on le voit ici, encadre la map qu'il affiche. Ainsi tu ne mets jamais de cases non entières...

A part ça je ne vois pas.

[Roworll]

Je vois deux solutions.
Premier choix : utiliser la méthode "Fractal"
Deuxième choix : Tu génères ta carte dans un DIV. sans te préoccuper du dépassement.
Une fois que tu as ce DIV avec tes hexagones dedans, tu places le tout dans un autre DIV plus petit en overflow:hidden. Le DIV interne doit être positionné (relative ou absolute) par rapport à son conteneur de manière à faire disparaitre les bords

Exemple sur le dessin ci, dessous

Les hexagones sont tracés dans la zone délimitée en rouge mais en utilisant les DIVs, le repositionnement et l'overflow, tu ne fais apparaître que la zone encadrée en vert

Le code HTML sous jaçent ressemble à

Code :

<!-- définition du div avec le cadre vert sur l'exemple -->
<div style="position:relative;overflow:hidden;width:600px;height=600px">
    <!-- définition du div avec le cadre rouge sur l'exemple -->
    <div style="position:relative;top:-20px;left:-10px;">
        <!--affichage/positionnement des hexagones ici-->
        <img src="hex0012.png" style="...."/>
    </div>
</div>

[Argorate]

Il semble que au vu de son image :


La "solution 2" soit justement ce qu'il voudrais éviter, non?

[NicoMSEvent]

+1 pour la solution 2

[Maz]

Si je piges, tu veux faire des cases hexagonales avec dans une map carré? Pas logique, à quoi bon choisir l'hexa dans ce cas là?

[Kassak]

Pour le coté "relief" que l'hexa permet.

[Maz]

Et le faites qu'une case sur deux n'est pas aligné gènes tant que ça?