Disposition des tuiles hexagonales sur une carte

[Sephi-Chan]

Je commence à avoir des résultats. Ici, des couches qui s'empilent. Je parlerai de la partie code plus tard.




Sephi-Chan

[Anthor]

Ha et bien ça prend forme.

[Sephi-Chan]

Il y a encore un petit problème. Si je descend un peu les nuages, les arbre de la tuile de devant passe devant. J'aimerai plutôt que les nuages — Et de manière générale les éléments de la couche la plus haute — passent par dessus tout. Mais j'ai beau mettre un z-index plus gros que tout le reste, la cime des arbres de la rangée située en dessus masquent quand même mes nuages.


Sephi-Chan

[Ter Rowan]

ça a vraiment une belle tête !

je me suis aussi retrouvé avec des problèmes de qui est au dessus de qui malgré le zindex. Pour le moment je n'ai qu'une solution (probablement pas bonne et qui ne doit pas toujours marcher[/php]) c'est l'ordre des divs dans le code html

d'abord les div couches basses

et après les div couches hautes

[Plume]

Je plussoie. Je pense qu'il faut se pencher sur l'ordre des flux. Maintenant, si les nuages sont les derniers dans le flux, je saurais pas bien d'où ça peut venir.

@tchaOo°

[Sephi-Chan]

Oui c'est ce que j'ai essayé de travailler. Pour le moment, aucun résultat probant, mais j'pense que ça va venir.

Pour le moment, une petite amélioration graphique sur le rendu de la forêt.



La prochaine amélioration concernera le rendu du sol. M'enfin, ce sera pour ce soir.


Sephi-Chan, un ciel nuageux sur l'Est du pays, on attend des précipitation en fin d'après-midi… :-°

[Anthor]

C'est pour ça que dans l'exemple que je t'ai envoyé, les couches sont séparées dans différents conteneurs ^^

[Sephi-Chan]

Alors, petit bilan de cette première partie de soirée.

J'ai réalisé un ensemble de tuiles que voici :




Voilà ce que ça donne, appliqué à la carte :




Chaque case est constituée de plusieurs couches (cinq). On pourrait modéliser une case par un tableau de tableaux. Cela me permet de superposer des images de façon à permettre un grand nombre de combinaisons.

Code PHP :

<?php 

array(

    'layer1' => array('grass', 'wildGrassW', 'wildGrassNE', 'wildGrassN'),

    'layer3' => array('forest'),

    'layer5' => array('cloud'),

), 

[Ter Rowan]

mouais... bon sephi va falloir calmer le compteur à post

tu m envoies tout le code, les images, la doc etc... mais qu'à moi merci

manquerait plus que tout le monde en profite non mais haut hein ?

tu voudrais pas coder un magasin sur internet plutôt ? :wowowow:

[Sephi-Chan]

Le code source risquerait de ne pas te plaire.

Je dois beaucoup de ce résultat à Anthor, sans lui, je n'aurais jamais réalisé ça en si peu de temps ! Je n'avais jamais touché aux cartes (pour autre chose que ça), et voilà que je me prends au jeu de vouloir faire quelque chose de joli !

D'ailleurs, dans cette optique d'esthétique, je pense finalement opter pour de l'isométrique. Ça m'oblige à refaire les quelques images mais bon… Je pense également utiliser des hexagones plus gros, afin de pouvoir y mettre de jolis décors.


Sephi-Chan