Superpositions D'images...

Bonjour à tous,

Je suis en train de faire une map en 2Disométrique pour un jeu en php... Le problème est que lorsque que je veux positionner les décors, ca merde royalement... Pour l' instant, j'ai 2 types d'arbres, des simples, et un petit bouquet.

Les voici :
le petit tout simple
ses copains groupés

quand je veux les inclure sur la maps, le premier marche sans probleme, mais su 2eme, on ne voit que le dessus...

J'ai essayé de spécifié la taille exacte des images dans les attributs de style, de placer des z-index en me disant que si ca se trouve, il est superposé, mais rien ne marche...

Chaque case est un div avec un background-image correspondant à la texture, les decors c'est la même chose...

Je ne comprend pas comment cela se fait-il que cela ne marche pas...

La carte qui ne veux pas marcher

Merci de vos réponses...

bha deja moi je dit bravo poru la carte jla trouve plutot zoli...je crois que vai en faire un e en iso aussi...car la mienne et trop basique...
enfin bon ..heu....je vai a la post, pis à coty....et kan je rentre j'essai de voir ça....sinon je suis presque sur que ce sont les attributs de taille....enfin je regarde kan je re .. a taleur

Je viens de reverifier mon code...

J'ai oublié de specifier px dans mon attribut width et height... ca marche vachement mieux tout à coup...

Bon, j'ai toujours un probleme à cause du fait que les tiles ne sont pas parfaitement alignés...

C'est bien foutu.

Tu devrais peut-être faire des bordures plus fines, de 1px au lieu de 2, c'est un peu épais par rapport à la taille des cases.
Autre chose, je sais pas si c'est prévu mais utilise des classes css pour chaque type de case au lieu de spécifier en dur les images dans chaque div. Vu le nombre de cases, tu économisera de précieux Ko.

Sinon c'est très joli.

Pas parfaitement alignées ? Je vois pas trop ce que tu veux dire... Tu parles des cases dans la mer dont les bords semblent plus épais ? Ca c'est probablement un bête problème graphique de ta tile non ?

Marrant comme ça ressemble au jeu que je suis en train de faire, mais en même temps tous les jeux en isométrique se ressemblent un peu.

Juste un screen pour juger de la ressemblance : http://img48.echo.cx/my.php?image=screen47wz.jpg

il n'y a qu'un seul pixel normalement, mais il faut que je fasse des ajustements... C'est pas évident de trouver des formules de positionnement qui marchent dans tous les cas...

edit : de plus actuellement ma page est beaucoup trop grosse... il faut que j'optimise tout ca... je pense pouvoir descendre à 10ko sans decors...( la je suis à 90...)

Il faut que tu retire 1px au positionnement des div, comme ça les bord seront superposés et non plus collés (ce qui leur donne l'épaisseur de 2px).

Mais, c'est de l'html la ??

@nonothehobbit : oui, c'est ce que je suis en train de faire...

Non non, le mien repose sur un client téléchargeable, mais ça se ressemble quand même vachement non ?

Bah, ce qui est ressemblant ce sont les cases de même taille bordées de noire, classique de l'isométrique. C'est pas si étonant, non ?

Ca y ressemble, effectivement... on a sensiblement les mêmes taille de cases, et des bordures noires...

J'aime bien l'idée du client (Flash ?) Mais en fait, le but pour moi est de faire ca en html pur...

Je cherche de plus à gagner de la place au niveau de mon code html, quelqu'un à-t-il une idée...

Par exemple, pour utiliser autre chose que des div... (un truc qui prenne moins de place...) J'ai pensé à hr, mais cela va sembler assez bourrin et cela ne marchera surement pas...

En gros je cherche une balise du genre <quelquechose /> qui me permette de faire la même chose...

p.s. : l'optimisation avance... j'ai deja gagné 40ko...

Je crois que <span> fait la même chose que <div>, mais c'est une balise de type inline.

oui, mais avec span, je ne gagne sur la taille... je perd même 2octets par case que j'affiche... ca qui en l'occurence, pour cette carte la me fait 1,8ko en plus...

hem... je viens de faire un petit test... sous ie... et bien, surtout ne regardez pas la page avec... c'est affligeant...

A part utiliser mettre les paramètres width et height dans les classes des décors, tu ne peux plus rien faire pour le html je pense. Tu pourrais t'amuser à utiliser une balise d'un seul caractère (a, b, i...) à la place du div, mais bon ça devient un peu crade pour pas grand chose.

En ce qui concerne le problème d'ie, c'est parce que tu utilise des png24-bits, dont la transparence n'est pas gérée sous ie. Vu que ce sont de petites images, je te conseille de les passer en 256 couleurs et de les sauvegarder en png8-bits. Ca réduira leur poids, et ça ne fera plus de bug sous ie.

ben oui, au temps pour moi ca sera beaucoup mieux...

pour les balises, mouaif, je peux plusrien faire, je m'en doutait bien...

ou en gif. Permet en plus d'animer le décor.

Ah oui Zumba, c'est vrai.

A quand les png animés ????

le Gif, pour moi , c'est définitivement non ( format propriétaire... etc...)

@nono : le png, ca peut etre animé, mais il n'y a pas vraiment de standard en la matière...


Et puis de toute manière, pour moi le petit dessin animé, je trouve cela particulierement moche... et insupportable... plutot que de voir un personnage pietiner sur place, je prefere voir un personnage fixe... L'html est statique, les images devrait l'etre aussi... je laisse le soin des animation à flash, etc...

Au fait, puisque tes arbres font partie de tes tiles ça veut dire que tu ne pourras pas faire passer un perso (par exemple) derrière l'arbre, comment vas-tu gérer ça ?

Moi j'ai finalement des terrains (les tiles) et des décors que je mets dessus (arbres...). Ca pose problème pour le relief, puisque ça veut dire qu'on ne peut pas passer derrière une colline par exemple (puisqu'elle est en tiles). Ca fait quand même des grosses limitations, mais c'est encore ce qui m'a parru le plus simple

Non si tu regarde bien, les arbres sont superposés aux tiles.

Ah voui ! Suis-je bête !

Ca me rassure qu'on ait fait pareil, ça veut dire que mon système n'est pas trop trop mal foutu

J'aime beaucoup cette map en iso. Je m'y suis moi même essayé, mais c'était beaucoup moins concluant. Par contre si les arbres sont petits comme ça, il va falloir que le personnage soit minuscule pour respecter l'echelle ?

T'as déjà vu un jeu en iso qui respectait l'échelle ? Que ce soit un rpg, un jeu de stratégie, un wargame, aucun ne respecte l'échelle ( à part peut-être des exceptions).