JeuWeb - Crée ton jeu par navigateur
[REGLE] Disposer des images sur une image - 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 : [REGLE] Disposer des images sur une image (/showthread.php?tid=1340)



[REGLE] Disposer des images sur une image - Imhotep2 - 24-06-2007

Bonjour,

j'ai réalisé une carte (une image) que j'ai mise en background dans un tableau et je désire disposer sur cette image des carrés (images aussi) montrant l'emplacement de cités. Ces images seraient différentes selon que la cité appartienne au joueur 1 ou 2. Quand il n'y a qu'une image à mettre par dessus une autre c'est simple, mais dans le cas où j'en ai 20 c'est beaucoup plus compliqué. J'ai bien réussi avec des tableaux mais c'est assez lourd à faire et peu agréable sur le code (et sans doute pas terrible pour charger la page)

J'aurais voullu savoir si vous saviez s'il existe un outil permettant par exemple d'utiliser plutôt un système de coordonnées pour disposer des images sur une autre.

J'espère avoir été clair. Si vous voulez une illustration, allez sur : http:www.menkhenopolis.com, pseudo : azerty ; mdp azerty puis cliquez sur carte à gauche. Les carrés que vous voyez pour marquer les cités sont des images sur l'image générale.

Merci d'avance pour votre aide


RE: Disposer des images sur une image - NicoMSEvent - 24-06-2007

La disposition d'image sur une image, c'est exactement ce que je fais sur mon projet actuel.
Je place une image dans un DIV, et grave au CSS, je donne des coordonnées (regarde les sources, tu comprendras).

Tout ce que ça demande, c'est que les images aient un fond transparent.


RE: Disposer des images sur une image - Harparine - 24-06-2007

Si tu n'as pas besoin de modifier ta map trop souvent, tu peux aussi utiliser la librairie GD2 qui permet de créer des images dynamiques en php (tu peux assembler une seule image à partir de plusieurs, par exemple). Tu devrais trouver de nombreux tutos sur le net pour l'utiliser, mais ça peut être un peu gourmand en ressources donc il faut tenir du fonctionnement de ton jeu pour voir si c'est adapté.


RE: Disposer des images sur une image - Imhotep2 - 26-06-2007

Ok, merci, je vais tâcher de regarder ça quoique je ne vais pas approfondir le GD2 car j'ai lu que c'était assez gourmand et vu que ma carte doit être assez souvent mise à jour ...


RE: Disposer des images sur une image - Maegia - 26-06-2007

+1 pour les divs, y'a ensuite qu'à les positionner avec les coordonnées, et y'a rien de plus léger !