Désert de Tanith
diff --git a/Docs/Osgild/scripts.js b/Docs/Osgild/scripts.js
index 0d33faba..7d921a58 100644
--- a/Docs/Osgild/scripts.js
+++ b/Docs/Osgild/scripts.js
@@ -1,21 +1,119 @@
function init() {
+ var body = document.documentElement;
var range = document.getElementById("range");
var map = document.getElementById("map");
map.style.width = "" + range.value + "%";
range.oninput = function() {
map.style.width = "" + range.value + "%";
+ console.log(range.value);
}
//range.addEventListener("wheel", onwheel);
+ addWheelListener(body, onwheel);
+
+ var curYPos = 0,
+ curXPos = 0,
+ curDown = false;
+
+window.addEventListener('mousemove', function(e) {
+ if (curDown === true) {
+ window.scrollTo(document.body.scrollLeft + (curXPos - e.pageX), document.body.scrollTop + (curYPos - e.pageY));
+ }
+ e.preventDefault();
+});
+
+window.addEventListener('mousedown', function(e) {
+ curDown = true;
+ curYPos = e.pageY;
+ curXPos = e.pageX;
+ e.preventDefault();
+});
+window.addEventListener('mouseup', function(e) {
+ curDown = false;
+ e.preventDefault();
+});
+
+
}
-function onwheel() {
+function onwheel(e) {
var range = document.getElementById("range");
var map = document.getElementById("map");
//alert(range.value);
//var percent = range.value.toString().substring(0, range.length - 1);
//alert(percent);
- range.value = range.value + 10;
+ console.log(range.value);
+ range.value = parseInt(range.value) - Math.sign(e.deltaY) * 10;
map.style.width = "" + range.value + "%";
+ //map.style.width = "" + range.value + "%";
//map.style.width = "" + (parseInt(range.value) + 10) + "%";
console.log(range.value);
-}
\ No newline at end of file
+ e.preventDefault();
+}
+
+
+// creates a global "addWheelListener" method
+// example: addWheelListener( elem, function( e ) { console.log( e.deltaY ); e.preventDefault(); } );
+(function(window,document) {
+
+ var prefix = "", _addEventListener, support;
+
+ // detect event model
+ if ( window.addEventListener ) {
+ _addEventListener = "addEventListener";
+ } else {
+ _addEventListener = "attachEvent";
+ prefix = "on";
+ }
+
+ // detect available wheel event
+ support = "onwheel" in document.createElement("div") ? "wheel" : // Modern browsers support "wheel"
+ document.onmousewheel !== undefined ? "mousewheel" : // Webkit and IE support at least "mousewheel"
+ "DOMMouseScroll"; // let's assume that remaining browsers are older Firefox
+
+ window.addWheelListener = function( elem, callback, useCapture ) {
+ _addWheelListener( elem, support, callback, useCapture );
+
+ // handle MozMousePixelScroll in older Firefox
+ if( support == "DOMMouseScroll" ) {
+ _addWheelListener( elem, "MozMousePixelScroll", callback, useCapture );
+ }
+ };
+
+ function _addWheelListener( elem, eventName, callback, useCapture ) {
+ elem[ _addEventListener ]( prefix + eventName, support == "wheel" ? callback : function( originalEvent ) {
+ !originalEvent && ( originalEvent = window.event );
+
+ // create a normalized event object
+ var event = {
+ // keep a ref to the original event object
+ originalEvent: originalEvent,
+ target: originalEvent.target || originalEvent.srcElement,
+ type: "wheel",
+ deltaMode: originalEvent.type == "MozMousePixelScroll" ? 0 : 1,
+ deltaX: 0,
+ deltaY: 0,
+ deltaZ: 0,
+ preventDefault: function() {
+ originalEvent.preventDefault ?
+ originalEvent.preventDefault() :
+ originalEvent.returnValue = false;
+ }
+ };
+
+ // calculate deltaY (and deltaX) according to the event
+ if ( support == "mousewheel" ) {
+ event.deltaY = - 1/40 * originalEvent.wheelDelta;
+ // Webkit also support wheelDeltaX
+ originalEvent.wheelDeltaX && ( event.deltaX = - 1/40 * originalEvent.wheelDeltaX );
+ } else {
+ event.deltaY = originalEvent.deltaY || originalEvent.detail;
+ }
+
+ // it's time to fire the callback
+ return callback( event );
+
+ }, useCapture || false );
+ }
+
+})(window,document);
+
diff --git a/Docs/Osgild/style.css b/Docs/Osgild/style.css
index f917f5db..81ccf1d6 100644
--- a/Docs/Osgild/style.css
+++ b/Docs/Osgild/style.css
@@ -5,7 +5,12 @@ pre {
}
body {
font-family: 'Noto Serif', serif;
+ margin: 0;
+ padding: 0;
}
h1 {
font-family: 'UnifrakturCook', cursive;
}
+#range {
+ position: fixed; top: 0; left: 0; z-index: 2; visibility: hidden;
+}
\ No newline at end of file
diff --git a/Docs/Osgild/vercelise.base.html b/Docs/Osgild/vercelise.base.html
new file mode 100644
index 00000000..b2e3a66d
--- /dev/null
+++ b/Docs/Osgild/vercelise.base.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+Vercélise
+Ville (~700 habitants)
+Bourgmestre : Barral Rogenat
+Rivière : La Reverdie
+Lieux importants : L’hôtel de ville, le temple, la chapelle de Chloris, l’auberge au toit fleuri, le lac
+Activité : Agriculture, élevage, pêche
+
+Carte par Romje :
+
+
+
+
diff --git a/Docs/Osgild/vercelise.html b/Docs/Osgild/vercelise.html
index b2e3a66d..66272a60 100644
--- a/Docs/Osgild/vercelise.html
+++ b/Docs/Osgild/vercelise.html
@@ -1,4 +1,4 @@
-
+
@@ -13,6 +13,6 @@
Carte par Romje :
-
+
diff --git a/Docs/Osgild/vercelise.map.html b/Docs/Osgild/vercelise.map
similarity index 85%
rename from Docs/Osgild/vercelise.map.html
rename to Docs/Osgild/vercelise.map
index 14bc5b9e..04b2403c 100644
--- a/Docs/Osgild/vercelise.map.html
+++ b/Docs/Osgild/vercelise.map
@@ -6,6 +6,6 @@
-
-
+
+
diff --git a/Docs/Osgild/vercelise.svg b/Docs/Osgild/vercelise.svg
index 0e540961..0e28261a 100644
--- a/Docs/Osgild/vercelise.svg
+++ b/Docs/Osgild/vercelise.svg
@@ -1,11 +1,11 @@
-