JeuWeb - Crée ton jeu par navigateur
Carte en vue isométrique - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Carte en vue isométrique (/showthread.php?tid=3917)



Carte en vue isométrique - Jude - 27-04-2009

Bonsoir à tous.

Développant actuellement un jeu sur le thème de la Grèce antique, nous devons créer la carte du jeu, nous aimerions faire une carte genre celle d'Ikariam, la même vue, les graphismes isométriques, etc...

Le problème c'est que nous ne savons pas du tout comment gérer ça... JS, AJAX ou encore script GD ? Images carrés ou losanges ?

J'aimerais si possible, que vous m'aiguillez sur la façon donc une telle carte doit être réalisée...

Je reste à votre disposition pour d'amples informations sur la question.

Merci d'avance !


RE: Carte en vue isométrique - My Hotel - 27-04-2009

Bonjour à toi!

La carte d'Ikariam est constituée d'un image de fond commune à tout le monde (en réalité 1 version par niveau d'évolution), avec des "trous" de taille standard. En CSS il superposent les images des différents bâtiments dessinés en 3D iso il me semble, car ils ont tous la même taille, il s'emboîtent donc dans la map. Regarde la map vide : [Image: city_level15.jpg], après il suffit d'ajouter les bâtiments.

Ce système est pas mal mais si tu veux une carte qui change selon le visiteur, extensible, ou des bâtiments de tailles différentes, c'est très limité.

Il y a sur le wiki 2 très bon tutos de carlou et harparine il me semble pour faire des cartes dynamiquement en PHP, tu peux t'en inspirer. Soit PHP assemble des images avec <img ... />, soit GD génère carrément la carte en 1 morceau, mais c'est très gourmand!

Encore une fois, tout dépend de ce que tu veux faire Wink

Bye

P.S : les images carrées c'est pour une carte plate, les losanges pour de la 3D iso (plus difficile). L'AJAX et le JS peuvent servir pour un éventuel drag&drop, ou une modification en temps réel.


RE: Carte en vue isométrique - Jude - 27-04-2009

Je parlais plutôt de la carte du monde, pas de la ville ^^ : [Image: ScreenHunter_03%20Mar.%2012%2010.56.jpg]. Mais étant donné que les bâtiments pourront être construit où l'on veut sur le terrain, ça revient à la même chose...

J'aimerais donc savoir pour ce système. Si quelqu'un a une idée et pourrait m'expliquer vraiment clairement que je puisse passer le message à l'équipe ^^.


RE: Carte en vue isométrique - wild-D - 28-04-2009

heu... si vous voulez faire la même chose, c'est simple :
vous avez l'exemple sous les yeux !
Suffit donc de regarder le code html/css/js, images etc... et comprendre comment ils ont réalisé ça.
je suis peut-être négatif, mais vous croyez pas que si à partir de l'exemple tout fait; vous êtes pas capable de comprendre comment c'est fait; vous avez comme un sérieux problème de compétence dans votre équipe ? (sachant en plus que my hotel vous a donné les pistes à suivre).

J'ai de la peine à comprendre, vous avez une ferrari, vous voulez faire la même chose; mais z'êtes même pas capable d'ouvrir le capot, voir désosser la caisse; et vous voulez construire votre propre ferrari à partir de rien.


RE: Carte en vue isométrique - My Hotel - 28-04-2009

Wild-D a raison, si vous n'arrivez pas à créer une carte de ce genre par vous même, prenez exemple sur Ikariam : un fond uniforme, un peu de CSS et quelques div pour placer par dessus ce que vous voulez.
PHP sert uniquement à générer dynamiquement la position des div pour qu'il soient au bon endroit...

Si vous n'y arrivez pas avec le forum, le wiki et google, faut pratiquer un peu plus, parce que c'est un des trucs les plus simples que vous ferez dans votre jeu!

Bye

P.S : on dit des div ou des divs?? Smile


RE: Carte en vue isométrique - Jude - 28-04-2009

wild-D inscrit toi sur Ikariam et va regarder les sources, aucune traces d'images...

D'accord merci My Hotel, donc un div qui affiche en fait le fond qui est de la mer, et des autres divs qui affichent les îles ^^. Le tout avec un peu de JS pour pouvoir naviguer.

Sinon faudrait peut-être arrêter d'être tout le temps négatif, on a pas forcément les bons reflex.

J'ajoute que je ne suis pas développeur web, c'était juste pour aiguiller mon équipe !


RE: Carte en vue isométrique - wild-D - 28-04-2009

mdr pour info j'ai encore mon compte actif sur ikariam, et j'ai re-maté le code avant de te répondre... raison du ton de ma réponse ! Avec un minimum de connaissance et de bon sens ça prend pas 30sec pour ce faire une idée sur comment ils ont organisé leur système.

biensûr que les images existe; mais encore faut-il savoir où regarder. Si tu n'y connais rien en dev web; pourquoi est-ce toi qui t'occupe de ça; elle est ou la logique (je suis curieux : tu vas faire quoi si ton dev web après que tu lui ait répeté les indications de my hotel te pose une question^^) ?


RE: Carte en vue isométrique - Ruz - 28-04-2009

une seule div avec les iles (et la mer autour) suffit pour le fond, pas la peine de multiplier ^^ (edit: à la relecture, c'est ambigu: chaque ile = losange avec une ile et la mer autour)
C'est qu'une gros damier isométrique, cette carte, je pense...
Bon, je vais réactiver mon compte, bien envie de voir ca, au final, et me faire mon opinion ^^

EDIT: bah, oui, faut chercher un peu, quoi ^^
exemple de ce que j'ai tenté d'expliquer :
[Image: tile_island01.gif]
source: www.ikariam.fr