+- 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 : Carte scrollable : SpryMap (/showthread.php?tid=3883)
Carte scrollable : SpryMap - srm - 12-11-2010
Bonjour,
Une petite map que l'on peut faire "scroller" avec drag'n'drop assez sympa.
http://candrews.net/sandbox/spryMap/
Ca peut servir
RE: Carte scrollable : SpryMap - Dexyne - 12-11-2010
Ça peut être sympa en effet
Je verrais un peu plus tard si je peux en avoir une utilité de ce genre de systèmes.
RE: Carte scrollable : SpryMap - Plume - 12-11-2010
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.
RE: Carte scrollable : SpryMap - Myrina - 21-05-2012
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?
RE: Carte scrollable : SpryMap - Maks - 21-05-2012
Essaye en récupérant le script ici : http://candrews.net/sandbox/spryMap/scripts/spryMap-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
[/troll off]
RE: Carte scrollable : SpryMap - Myrina - 23-05-2012
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>
parent.window.scrollBy(newX,newY);
C'était aussi pour cette raison que aucune des implémentations ne fonctionnaient.