JeuWeb - Crée ton jeu par navigateur
[Nouveau probleme dans l'editeur] Editeur de map - 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 : [Nouveau probleme dans l'editeur] Editeur de map (/showthread.php?tid=4143)

Pages : 1 2 3 4 5 6 7 8 9 10 11

RE: Editeur de map - nialcen - 23-09-2009

C'est une bonne suggestion, c'est vrai.....de même que charger la carte en l'occurrence dans le cache ..... Merci pour l'idée

RE: Editeur de map - Maz - 23-09-2009

Ce sujet m'intéresses, et si Sephi-Chan veux se désister, je serais ravis de faire mon éditeur de carte en partageant mes sources avec nialcen, je maîtrise parfaitement ajax.
Néanmoins mon système auras quelques spécificité, je travailles avec une carte à case hexagonale en vue isométrique.
L'image d'une case a des dimension de base de 75*38pixels, le système seras capable de gérer les images un peu particulière(des maisons qui prennes 5cases par exemple) grâce à un fichier XML qui indiqueras quelques informations à fournir à la main(notamment les marges entre la partie gauche de l'image, et la case vierge).
Un exemple type d'image qu'il devras pouvoir gérer:
[Image: maison_u1253722837.png]

RE: Editeur de map - nialcen - 23-09-2009

Tu as besoin d'un éditeur beaucoup plus performant que moi, et si sephi sama n'a pas de disponibilité c'est avec plaisir que je travaillerais avec toi ( et meme si il en a je pense que travailler ensemble sera que positif, en plus de l'aide de son aide ), car le modèle qu'il m'a proposé correspond exactement a ce que je cherche, mais je serais heureux que ce topic te soit utile également, et je pense qu'avec l'aide de Sephi sama nous allons conjointement (vive l'entraide :good: ) avoir de très beau éditeur.

RE: Editeur de map - Sephi-Chan - 23-09-2009

Oula n'hésitez pas à bosser directement ensemble ! Si en bossant à deux vous joignez l'utile à l'agréable, alors foncez ! Wink Je vous invite même à le faire de manière collaborative en ouvrant un sujet dans la section ressources.

De mon côté, je bosse sur un autre genre de map, pour laquelle j'ai aussi développé un éditeur afin de créer les relations entre les territoires :

[Image: Image%202_u1253725599.png]


Sephi-Chan

RE: Editeur de map - nialcen - 23-09-2009

Oui mais j'aimerais beaucoup un tuto, une explication, ou tout autre aide utile ( a défaut de source ) de l'éditeur que tu m'a montré, qui correspond quasi parfaitement a ma recherche, comme base que je puisse retravailler, car le résultat est vraiment prés de ce que je cherche a concevoir :$, et qui plus est seront une bonne base de travail pou et avec Maz

RE: Editeur de map - Maz - 23-09-2009

Dans un premier temps, il faut définir quel type de carte tu veux, la forme de tes cases, leurs dimensions, et ce que tu veux que ta carte soit possible de faire(interaction avec le joueurs par exemple).
Ensuite il faut trouver l'algorithme pour placer tes cases, pour une cartes à case carrée en 2D simple, c'est facile, dès qu'on veux faire de l'isométrie ça se corse, voici mon code permettant de généré une map "vierge" de 6*6cases:
Code PHP :
<?php

                for($y = 0; $y < 6; $y++) {

                    for($x = 0; $x < 6; $x++) {

                        $position_top = $x*9 + $y*32;

                        $position_left = $x*64 + $y*16;

                        echo "<div class=\"tuile\" id=\"".$x.";".$y."\" style=\"top:".$position_top."px; left:".$position_left."px;\"></div>\r";

                    }

                }

            ?>
J'ai pris quelques précautions à savoir: chaque tuiles est dépendante des autres(je n'ai pas un div par valeur de X et dans chacun de ces div, 6div pour la valeur de Y), ainsi je peux bouger librement une case comme bon me sembles sans altérer le comportement des autres, ensuite je génère un code propre et régulier html, à savoir:
Code :
<div class="tuile" id="1;0" style="top:9px; left:64px;"></div>
<div class="tuile" id="2;0" style="top:18px; left:128px;"></div>
<div class="tuile" id="3;0" style="top:27px; left:192px;"></div>
<div class="tuile" id="4;0" style="top:36px; left:256px;"></div>
[...]
Le résultat graphique est le suivant:
[Image: apercumap_u1253730216.png]
Maintenant on pars sur de bonne base: on a une carte avec autant de case que l'on veux, avec les positions déjà toute prédéfinie, il suffis juste par des fonction ajax de changer ces images par l'image des tuiles que l'on veux voir à leur place(on rajoutes simplement un <img src="" /> dans le div pour mon cas)

RE: Editeur de map - nialcen - 23-09-2009

Je travaille sur des cellule carrée, de 32*32 pix.

[Image: exemple_u1253733858.jpg]

donc je récupère la carte vierge aussi, puis le but c'est d'avoir un choix de l'image que l'on veut placer, et de faire en sorte que lorsque l'on clic, l'image change puis d'updater la nouvelle carte dans la bdd et tout ça : bah en ajax je sais pas du tout le faire ..... bref tu pars de ta carte vierge en hexa, moi de la mienne en carré : apres il faut : effectuer les changement "visuellement" parlant ; 2 uploader les changements effectués sur la base...

Et cette partie là, je patauge dans la semoule...

RE: Editeur de map - Maz - 23-09-2009



RE: Editeur de map - NicoMSEvent - 24-09-2009

voilà a quoi ressemble mon éditeur (avec des cliquer/glisser)
[Image: screen_divers.JPG]
Je gère aussi d'une manière un peu spéciale les images multi-cases
[Image: screen_arche.JPG]

Le tout fonctionne bien évidemment avec de l'ajax Wink (prototype + scriptaculous)

Edit : Sinon, pour donner la forme générale des continents, j'utilise un bmp 16 couleurs comme carte, et je traduis pixel par pixel le type de terrain et j'insère ça dans la base de données.

RE: Editeur de map - nialcen - 24-09-2009

Sympatique en effet! comment est stoqué le tout dans ta bdd ? chaque case corespond a une ligne de ta table ?
Sympatique en effet! comment est stoqué le tout dans ta bdd ? chaque case corespond a une ligne de ta table ?