JeuWeb Créez votre jeu par navigateur !

srm · (Modification du message : 12-11-2010, 09:48 AM par srm.)

Bonjour,

Une petite map que l'on peut faire "scroller" avec drag'n'drop assez sympa.
http://candrews.net/sandbox/spryMap/

Ca peut servir Wink

Dexyne · 12-11-2010, 10:00 AM

Ça peut être sympa en effet Smile

Je verrais un peu plus tard si je peux en avoir une utilité de ce genre de systèmes.

Plume · 12-11-2010, 11:26 AM

J'suis pas convaincu. J'avais fait la même lors de mes essais avec SVG pour la carte de Seelies. jQuery m'avait amplement suffit. J'arrive pas à voir ce que cette librairie a de particulier.

Myrina · 21-05-2012, 10:45 AM

Désolé de déterrer un vieux sujet mais j'ai une carte en SVG de 8000 x 8000 px que j'aimerai bien faire scroller de cette manière...

(12-11-2010, 11:26 AM)_who a écrit : J'suis pas convaincu. J'avais fait la même lors de mes essais avec SVG pour la carte de Seelies. jQuery m'avait amplement suffit. J'arrive pas à voir ce que cette librairie a de particulier.

tu as toujours tes essais?

Maks · (Modification du message : 21-05-2012, 11:15 AM par Maks.)

Essaye en récupérant le script ici : http://candrews.net/sandbox/spryMap/scri...ryMap-2.js

Puis



  window.onload = function() {

  var map = new SpryMap({id : "worldMap",

                         height: 8000,

                         width: 8000,

                         startX: 4000,

                         startY: 4000,

                         cssClass: "id_de_ton_svg"});

  }

C'est comme JQuery, c'est pas du Javascript, c'est du copier-coller Wink

[/troll off]

Myrina · 23-05-2012, 10:00 AM

En étudiant les différentes implémentations, j'ai réussi à le faire fonctionner sur ma page à structure particulière:



<html>

 <body>

  <object width=8000 height=8000 >

   <svg width=8000 height=8000 onmousedown=... onmouseup=... onmousemove=...>

     .

     .

   </svg>

  </object>

 </body>

</html>

Le problème venant de la balise <object>, j'ai réussi à m'en sortir avec:
parent.window.scrollBy(newX,newY);

C'était aussi pour cette raison que aucune des implémentations ne fonctionnaient.