 Groupe : Membres Messages : 6 |
Bonjour à tous, je suis Shaka_L0w un jeune développeur web amateur de 18ans. J'ai entamé il y a peu la création d'un jeu en ligne et j'en suis actuellement à la conception et la structuration du jeu. Déjà il me manque quelques ressources pour arriver réellement à ce que je veux... Je souhaiterais faire une page avec un aperçu de son village (c'est un jeu du style Travian si vous connaissez) mais j'ignore comment m'y prendre correctement pour arriver à faire un village rond avec des parcelles cliquables(à la limite, si il est carré ou ovale c'est pas encore trop grave  )...J'ignore aussi comment faire une map avec les joueurs alentours... Voici un exemple de ce que je voudrais : Dois-je et puis-je utiliser des tableaux ? J'ignore réellement comment je puis m'y prendre ... Je vous remercie de votre aide. |
 Groupe : Membres Messages : 301 |
Je crois qu'il faut faire un pti tour par la présentation il me semble ... Bref , pour te répondre , apprend le le (x)html et le css et le php , care si tu code un jeu tu va lutter si c'est ton premier (un peu comme tout monde je crois) utilise les div , avec des float left Pour faire un village carré rond , ovale octogonal , tripilopipéde  .Ba avec un simple éditeur d'image , tu partage ton image en carré de X px par X px. Ensuite , chaque image correspond a un id , genre village vue +50% ... puis un autre avec village vue +100% (pour les construction. Enfin c'est comme ca que je m'y prendrais. Chuck Norris peut te faire passer un sale quart d'heure en 8 minutes. L'infographie bien plus qu'une passion ... |
Groupe : Membres Messages : 6 |
OK, j'irais dans la présentation après. Je sais ce qu'il faut que je connaisse comme langage mais je ne sais pas comment les utiliser dans ce cas précis. Tu me parle de div float left et de village vue +50% et +100% je ne comprend pas cela peux-tu expliquer plus clairement ? Merci |
 Groupe : Modérateurs Messages : 560 |
Citation: Shaka_L0w Tu me parle de div float left et de village vue +50% et +100% je ne comprend pas cela peux-tu expliquer plus clairement ? C'est simplement du CSS... A mon avis tu débute dans la conception web, non ? Si c'est le cas, voici un petit conseil : entraine toi sur des projet plus simple sinon tu risque d'être dégouté 
|
Groupe : Membres Messages : 6 |
Non je ne débute pas  Et rien que du CSS, d'accord mais il me semble qu'il y a plusieurs techniques pour arriver à ce résultat ... J'en connais deux en tout cas : 1- Créer une image map : C'est bien mais je ne sais pas comment faire pour montrer le niveau des champs et les bâtiments en construction (enfin des trucs comme ça). Peut-être en faisant des grandes images reprenant toutes les configurations possibles. Mais j'aimerais faire une image pour chaque niveau de construction par exemple un champs avec un 1 au milieu pour les champs level 1 et puis le changer en level 2 au fur et à mesure... 2- Des divs flottants : Je pense que c'est un peu plus dur à faire et je ne sais pas si les mesurations seront les mêmes sur tous les navigateurs... Si vous en connaissez d'autres j'aimerais les savoir. Et aussi la(les)-quelles sont les meilleures dans mon cas et la plus optimisée... Merci |
Groupe : Membres Messages : 301 |
C'est super simple. exemple pour une map de 5 image carré sur 5 image carré Code (x)HTML: <div class="cont"> <div class="gauche"><img src="mon image de mon village_01" /></div> <div class="gauche"><img src="mon image de mon village_02" /></div> <div class="gauche"><img src="mon image de mon village_03" /></div> <div class="gauche"><img src="mon image de mon village_04" /></div> <div class="gauche" ><img src="mon image de mon village_05" /></div> <div class="ligne"></div> <div class="gauche"><img src="mon image de mon village_06" /></div> <div class="gauche"><img src="mon image de mon village_07" /></div> <div class="gauche"><img src="mon image de mon village_08" /></div> <div class="gauche"><img src="mon image de mon village_09" /></div> <div class="gauche" ><img src="mon image de mon village_10" /></div> <div class="ligne"></div> <div class="gauche"><img src="mon image de mon village_11" /></div> <div class="gauche"><img src="mon image de mon village_12" /></div> <div class="gauche"><img src="mon image de mon village_13" /></div> <div class="gauche"><img src="mon image de mon village_14" /></div> <div class="gauche" ><img src="mon image de mon village_15" /></div> <div class="ligne"></div> <div class="gauche"><img src="mon image de mon village_16" /></div> <div class="gauche"><img src="mon image de mon village_17" /></div> <div class="gauche"><img src="mon image de mon village_18" /></div> <div class="gauche"><img src="mon image de mon village_19" /></div> <div class="gauche" ><img src="mon image de mon village_20" /></div> <div class="ligne"></div> <div class="gauche"><img src="mon image de mon village_21" /></div> <div class="gauche"><img src="mon image de mon village_22" /></div> <div class="gauche"><img src="mon image de mon village_23" /></div> <div class="gauche"><img src="mon image de mon village_24" /></div> <div class="gauche" ><img src="mon image de mon village_25" /></div> <div class="ligne"></div> </div> Code CSS: div.cont{ background:#CCCCCC;} div.gauche{ height: 50px; width: 50px; float:left; } div.ligne{ clear:both; } Personnellement , je n'aime pas trop donner un code sans expliquer et sans commentaire , mais ton niveau est bien trop bas pour entamer un projet comme ça , non pas que je te déconseille , car c'est en se trompant qu'on apprend , mais surtout qu'une solution comme ça existe partout sur la toile. Et je vais dans le sens de slek22 ça va te dégouter ... Mais bon teste le code dans ton navigateur pour voir le résultat avec des image de 50px par 50px. Si tu veux qu'elle soit plus petites ou plus grande , change la taille de "div.gauche" dans le css. Il existe aussi une autre technique , c'est de faire un div cont comme j'ai fait , puis de mettre des valeurs absolue , même si je déconseille pour ce type de site , mais c'est possible. La solution des <table> aussi ... Fait ton choix 
Chuck Norris peut te faire passer un sale quart d'heure en 8 minutes. L'infographie bien plus qu'une passion ... |
Groupe : Membres Messages : 6 |
Merci de ton aide, je ne cherche pas non plus à recevoir un code car je n'apprendrai rien en copiant/collant. Vous avez l'air de me prendre pour un débutant qui croit qu'il sait tout de tout et qu'il s'engage pour rien mais c'est faux. Je sais très bien que je n'ai pas le niveau requis pour faire un jeu comme Travian/Ogame ou autres mais je pense que si je fais un jeu ne serait-ce que pourri, il ne pourra que s'améliorer et mes compétences avec. Beaucoup de gens préfèrent dire "tu seras dégouté", "t'es pas assez balèze pour pouvoir en réaliser un (de jeu)", ou d'autres dans le même sens mais moi je suis persuadé que même si les 75% des personnes qui demandent de l'aide pour un jeu sont réellement ce que vous pensez mais pensez au 25% des autres qui recherche une réelle information... Merci. Si quelqu'un veux encore m'aider c'est avec joie PS: je teste ton truc mais il y a un décalage entre la 1er et la 2em ligne, j'essaye d'arranger
|
Groupe : Membres Messages : 301 |
Bref on ne te dit pas que tu n'est pas assez baléze , je crois que tu n'as pas compris notre remarque du moins la mienne ... Tu entreprend un jeu en ligne , pas de probléme , un projet quelqu'il soit est toujours une bonne maniére de s'entrainer. Mais tu avais l'air étonnant en lisant le mot left ou flaot. Donc on te conseiller un projet de moindre envergure , comme un site web ou quelque chose du genre. Et de laisser se projet important de coté le temps de te perfectionner , mais cette décision t'appartient .... Si tu souhaite toujours te l'aide , on te répondra ne t'inquiète pas faut pas que tu nous face la guelle à créa paradise pour se genre de remarque. Chuck Norris peut te faire passer un sale quart d'heure en 8 minutes. L'infographie bien plus qu'une passion ... |
Groupe : Membres Messages : 6 |
Ouais bon laissons tomber les remarques du style laisse tomber, je sais ce qui m'attend donc voilà T'inquiète je ne fais pas la gueule Je souhaite encore de l'aide si quelqu'un trouve une autre manière ou pour optimiser celle là (j'utiliserai sûrement une sort de dérivée en tout cas avec des divs biens placés )PS: pour les left-float, je n'avais pas compris le sens de ta phrase, mais avec le code que tu donnes je comprends maintenant ce que tu veux dire mais bon sans cet exemple... mais je ne comprend toujours pard ce que tu entends par "village vue +50% et village vue +100%" ... |
Vous allez être redirigé dans 2 secondes.
