+- 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 : Idée de ville (/showthread.php?tid=3830)
Pages :
1
2
Idée de ville - jojodivx - 25-03-2009
Bonjour.
Pour mon jeu je vais avoir besoin de naviguer dans des villes et j'ai eu une idée.
J'aimerais avoir juste un aperçu de la ville et en se déplaçant sur les côtés on verrait d'autres parties de celle-ci.
Je m'explique avec cette image :
![[Image: map10.png]](http://i86.servimg.com/u/f86/11/56/26/97/map10.png)
Le noir c'est l'image de la ville et le gris c'est ce qui est visible.
Première question : Est-ce faisable autrement qu'en flash ?
Deuxième question : Comment m'y prendre ? ^^
Merci
RE: Idée de ville - thelos - 25-03-2009
Ca pourrait t'aider :
http://www.tonypa.pri.ee/tbw/tut13.html et
http://www.tonypa.pri.ee/tbw/tut14.html
RE: Idée de ville - jojodivx - 26-03-2009
Merci pour les liens même si cela ne répond que partiellement à ma question
Donc il va falloir soit que je trouve un flasheur, soit que je trouve une autre façon de faire ^^
RE: Idée de ville - Spears - 26-03-2009
Il me semble avoir vu cette technique en JS sur ce même forum, si je le retrouve je te donne le lien.
PS : tu peux toujours le faire en PHP si tu ne souhaites pas un affichage dynamique.
Edit : cela pourrait peut-être t'intéresser : http://primera.sebastian.it/wordpress/?page_id=42
RE: Idée de ville - Ter Rowan - 26-03-2009
(26-03-2009, 07:46 PM)Spears a écrit : Il me semble avoir vu cette technique en JS sur ce même forum, si je le retrouve je te donne le lien.
PS : tu peux toujours le faire en PHP si tu ne souhaites pas un affichage dynamique.
je pense qu'il faut plutôt le faire côté serveur que côté client (du moins pas en JS,en flash je ne sais pas)
en effet, si tu masques une partie de la carte en js, c'est que tu envoies toute la carte au client, donc que ton joueur peut voir toute l'image (ne serais qu'en faisant enregistrer sous)
RE: Idée de ville - jojodivx - 26-03-2009
Pouvoir voir l'image en entier n'est pas dérangeant.
Le problème est toujours le même, on navigue avec les touches du clavier. Je voudrais la même chose mais avec la souris, un peu comme sur dinorpg.
RE: Idée de ville - Spears - 26-03-2009
Ce que je cherchais marche avec la souris mais je ne le retrouve plus.
RE: Idée de ville - Zamentur - 27-03-2009
Si j'ai bien compris c'est possible avec javascript.
L'idée c'est de découper la carte en plusieurs petit bout, lesquels seront chargé si nécessaire.
Ainsi on ne charge pas la carte de la ville en entier.
Pour ce qui est du déplacement continue il y a des trucs tout fait, notamment WebTicker by Mioplanet (www.mioplanet.com).
Même si le trucs est fait pour le défilement de texte il marche aussi pour les images et n'est pas basé sur les bêtes script qui ajoute ou retire des lettres.
Autrement dit c'est exactement ce qu'il faut.
Par contre il faut retrouver le trucs précisément avec une explication de comment utiliser
RE: Idée de ville - jojodivx - 27-03-2009
Euh nan c'est pas ça ^^
En fait je vais prendre un exemple exagéré :
On va dire que la ville tient dans une image 1600*1200. C'est beaucoup trop grand pour pouvoir être affiché en une seule fois. L'idée est d'avoir un rectangle genre 600*300 et pouvoir déplacer l'image de la ville à l'intérieur de ce rectangle.
RE: Idée de ville - Zamentur - 28-03-2009
Donc c'est bien à çà que je pense!
Effectivement si l'image fait 1600*1200 tu peux éventuellement la chargé en 1 fois plutôt que de la découpé.
L'idée c'est d'utiliser javascript pour jouer sur les propriétés de scroll d'une div dans laquelle tu auras placé ton image. Et çà sans afficher les barres de scroll!
La propriété javascript pour le faire c'est objDiv.scrollTop et objDiv.scrollLeft.
Ainsi sur ton image de 1600*1200 faire objDiv.scrollTop=600 te mettras dans la partie basse de la ville.
Après tu peux utiliser la position de la sourie, ou encore des bouton sur les coté pour déplacer ta carte.
Pour obtenir la position tu peux utiliser cette fonction javascript:
http://www.editeurjavascript.com/scripts/scripts_evenements_2_50.php
Ensuite il suffit de regarder si on se trouve à l'intérieur de la div et si c'est le cas on met un regle comme quoi on déplace en fonction de la proximité du bord. Comme dans les jeux de stratégie (age of, caesar,warcraft etc...)