mardi 8 octobre 2013

Afficher une carte 3D isométrique avec pp3Diso

Un petit article pour vous présenter un petit plugin jQuery qui pourrait en sauver plus d'un !

En effet gérer et afficher une carte est un besoin récurrent dans les jeux par navigateur et si vous avez opté pour de la 3D isométrique (ou 2D iso, débat sans fin), alors pp3Diso va énormément vous simplifier la tâche.



  


Son auteur, Prelude, partage ce plugin de manière totalement gratuite, à des fins personnelles comme commerciales, tant que vous insérez un lien depuis votre site vers le site (la moindre des choses). 
pp3Diso est toujours maintenu (voir le changelog) et est notamment utilisé dans un des projets de son auteur; ce qui devrait vous rassurer.

Je vous invite à parcourir les différentes démos disponibles sur le site du plugin pour jouer un peu avec et vous faire une idée des possibilités d'application. Par exemple voici les démos de l'affichage 3D iso, du pathfinding ou bien encore du support du multi-joueurs (ici simulé).



Exemple de rendu avec l'éditeur de pp3Diso (cliquer pour agrandir)



Caractéristiques (extrait du site officiel) :


Ce plugin a été développé pour être compatible avec une grande partie des navigateurs. Il n'utilise pas HTML5 et reste donc utilisable sur d'anciens navigateurs. De ce fait, il est compatible avec :
  • Internet Explorer 6 et supérieurs (IE6, 7 et 8 pour la "v1", et IE9+ pour la "v2")
  • Firefox 3.6 et supérieurs
  • Safari
  • Chrome
  • Opéra
  • Android et iOS
Voici quelques-unes des possibilités proposées par pp3Diso :
  • taille des map limitée à 500x500 pour une map,
  • possibilité d'afficher plusieurs maps sans avoir à recharger la page,
  • Couche pour les bâtiments et couche pour les objets,
  • gestion et affichage d'un avatar (ou pas),
  • gestion et affichage d'un curseur à 2 états,
  • affichage d'une interface utilisateur,
  • affichage de zones de couleurs,
  • affichage de bulles-d'infos sur les objets ou les bâtiments, avec positionnement relatif ou absolu,
  • affichage de dialogues avec boutons configurables à volonté,
  • zoom (possibilité de zoomer à la molette),
  • pathfinding,
  • ...
Et la gestion des évènements :
  • mouvement de l'avatar (avant et après le mouvement),
  • changement de zoom,
  • clic sur une case,
  • cursor sur un bâtiment ou un objet (enter et out),
  • avant et après fermeture d'une fenêtre de dialogue,
  • ...



Tutoriaux et documentation :





Site officiel du plugin (téléchargement, tutoriaux, etc.) : 




Pour présenter/partager votre utilisation de pp3Diso, en cas de problème ou autre, n'hésitez pas à contacter son auteur !


Aucun commentaire:

Commenter l'article !