diff --git a/src/css/main.css b/src/css/main.css
index f06e9b7..31efdaf 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -370,4 +370,101 @@
     user-select: none;
     transition: all .2s;
 }
+.ejs_virtualGamepad_button_down {
+    background-color:#000000ad;
+}
 
+.ejs_dpad_main {
+    touch-action: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: .7;
+}
+.ejs_dpad_horizontal {
+    width: 100%;
+    height: 36px;
+    transform: translate(0,-50%);
+    position: absolute;
+    left: 0;
+    top: 50%;
+    border-radius: 5px;
+    overflow: hidden;
+}
+.ejs_dpad_horizontal:before {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 50%;
+    z-index: 1;
+    transform: translate(0,-50%);
+    width: 0;
+    height: 0;
+    border: 8px solid;
+    border-color: transparent #333 transparent transparent;
+}
+.ejs_dpad_horizontal:after {
+    content: "";
+    position: absolute;
+    right: 0;
+    top: 50%;
+    z-index: 1;
+    transform: translate(0,-50%);
+    width: 0;
+    height: 0;
+    border: 8px solid;
+    border-color: transparent transparent transparent #333;
+}
+.ejs_dpad_vertical {
+    width: 36px;
+    height: 100%;
+    transform: translate(-50%,0);
+    position: absolute;
+    left: 50%;
+    border-radius: 5px;
+    overflow: hidden;
+}
+.ejs_dpad_vertical:before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 50%;
+    z-index: 1;
+    transform: translate(-50%,0);
+    width: 0;
+    height: 0;
+    border: 8px solid;
+    border-color: transparent transparent #333 transparent;
+}
+.ejs_dpad_vertical:after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    z-index: 1;
+    transform: translate(-50%,0);
+    width: 0;
+    height: 0;
+    border: 8px solid;
+    border-color: #333 transparent transparent transparent;
+}
+.ejs_dpad_bar {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background: #787878;
+}
+.ejs_dpad_left_pressed .ejs_dpad_horizontal:before {
+    border-right-color:#fff;
+}
+.ejs_dpad_right_pressed .ejs_dpad_horizontal:after {
+    border-left-color:#fff;
+}
+.ejs_dpad_up_pressed .ejs_dpad_vertical:before {
+    border-bottom-color:#fff;
+}
+.ejs_dpad_down_pressed .ejs_dpad_vertical:after {
+    border-top-color:#fff
+}
diff --git a/src/emulator.js b/src/emulator.js
index 6ed8ded..932ec23 100644
--- a/src/emulator.js
+++ b/src/emulator.js
@@ -69,6 +69,7 @@ class EmulatorJS {
     }
     constructor(element, config) {
         window.EJS_TESTING = this;
+        this.touch = false;
         this.debug = (window.EJS_DEBUG_XX === true);
         this.setElements(element);
         this.started = false;
@@ -101,6 +102,9 @@ class EmulatorJS {
         button.classList.add("ejs_start_button");
         button.innerText = this.localization("Start Game");
         this.elements.parent.appendChild(button);
+        this.addEventListener(button, "touchstart", () => {
+            this.touch = true;
+        })
         this.addEventListener(button, "click", this.startButtonClicked.bind(this));
     }
     startButtonClicked(e) {
@@ -179,15 +183,86 @@ class EmulatorJS {
                 })
             })
         }
-        async function decompressRar() {
-            
+        const decompressRar = (file) => {
+            return new Promise((resolve, reject) => {
+                const files = {};
+                const onMessage = (data) => {
+                    if (!data.data) return;
+                    //data.data.t/ 4=progress, 2 is file, 1 is zip done
+                    if (data.data.t === 4 && msg) {
+                        const pg = data.data;
+                        const num = Math.floor(pg.current / pg.total * 100);
+                        if (isNaN(num)) return;
+                        const progress = ' '+num.toString()+'%';
+                        this.textElem.innerText = msg + progress;
+                    }
+                    if (data.data.t === 2) {
+                        files[data.data.file] = data.data.data;
+                    }
+                    if (data.data.t === 1) {
+                        resolve(files);
+                    }
+                }
+                
+                this.downloadFile("compression/libunrar.js", (res) => {
+                    if (res === -1) {
+                        this.textElem.innerText = "Error";
+                        this.textElem.style.color = "red";
+                        return;
+                    }
+                    const path = origin + this.config.dataPath + 'compression/libunrar.js.mem';
+                    let data = '\nlet dataToPass = [];\nModule = {\n    monitorRunDependencies: function(left)  {\n        if (left == 0) {\n            setTimeout(function() {\n                unrar(dataToPass, null);\n            }, 100);\n        }\n    },\n    onRuntimeInitialized: function() {\n    },\n    locateFile: function(file) {\n        return \''+path+'\';\n    }\n};\n'+res.data+'\nlet unrar = function(data, password) {\n    let cb = function(fileName, fileSize, progress) {\n        postMessage({"t":4,"current":progress,"total":fileSize, "name": fileName});\n    };\n\n    let rarContent = readRARContent(data.map(function(d) {\n        return {\n            name: d.name,\n            content: new Uint8Array(d.content)\n        }\n    }), password, cb)\n    let rec = function(entry) {\n        if (entry.type === \'file\') {\n            postMessage({"t":2,"file":entry.fullFileName,"size":entry.fileSize,"data":entry.fileContent});\n        } else if (entry.type === \'dir\') {\n            Object.keys(entry.ls).forEach(function(k) {\n                rec(entry.ls[k]);\n            })\n        } else {\n            throw "Unknown type";\n        }\n    }\n    rec(rarContent);\n    postMessage({"t":1});\n    return rarContent;\n};\nonmessage = function(data) {\n    dataToPass.push({name:  \'test.rar\', content: data.data});\n};\n                ';
+                    const blob = new Blob([data], {
+                        'type': 'application/javascript'
+                    })
+                    const url = window.URL.createObjectURL(blob);
+                    const worker = new Worker(url);
+                    worker.onmessage = onMessage;
+                    worker.postMessage(file);
+                }, null, false, {responseType: "text", method: "GET"});
+                
+            })
+        }
+        const decompressZip = (file) => {
+            return new Promise((resolve, reject) => {
+                const files = {};
+                const onMessage = (data) => {
+                    console.log(data);
+                    if (!data.data) return;
+                    //data.data.t/ 4=progress, 2 is file, 1 is zip done
+                    if (data.data.t === 4 && msg) {
+                        const pg = data.data;
+                        const num = Math.floor(pg.current / pg.total * 100);
+                        if (isNaN(num)) return;
+                        const progress = ' '+num.toString()+'%';
+                        this.textElem.innerText = msg + progress;
+                    }
+                    if (data.data.t === 2) {
+                        files[data.data.file] = data.data.data;
+                    }
+                    if (data.data.t === 1) {
+                        resolve(files);
+                    }
+                }
+                
+                createWorker('compression/extractzip.js').then((worker) => {
+                    worker.onmessage = onMessage;
+                    worker.postMessage(file);
+                })
+            })
         }
         const compression = isCompressed(data.slice(0, 10));
         if (compression) {
             //Need to do zip and rar still
-            return decompress7z(data);
+            if (compression === "7z") {
+                return decompress7z(data);
+            } else if (compression === "zip") {
+                return decompressZip(data);
+            } else if (compression === "rar") {
+                return decompressRar(data);
+            }
         } else {
-            return new Promise(resolve => resolve(data));
+            return new Promise(resolve => resolve({file: data}));
         }
         
     }
@@ -222,8 +297,29 @@ class EmulatorJS {
         script.src = URL.createObjectURL(new Blob([js], {type: "application/javascript"}));
         document.body.appendChild(script);
     }
-    getCore() {
+    getCore(generic) {
         const core = this.config.system;
+        if (generic) {
+            const options = {
+                'fceumm': 'nes',
+                'snes9x': 'snes',
+                'a5200': 'atari5200',
+                'gambatte': 'gb',
+                'mgba': 'gba',
+                'beetle_vb': 'vb',
+                'mupen64plus_next': 'n64',
+                'desmume2015': 'nds',
+                'mame2003': 'mame2003',
+                'fbalpha2012_cps1': 'arcade',
+                'fbalpha2012_cps2': 'arcade',
+                'mednafen_psx': 'psx',
+                'mednafen_psx_hw': 'psx',
+                'melonds': 'nds',
+                'nestopia': 'nes',
+                'opera': '3do'
+            }
+            return options[core] || core;
+        }
         const options = {
             'nes': 'fceumm',
             'snes': 'snes9x',
@@ -251,7 +347,11 @@ class EmulatorJS {
                 return;
             }
             this.checkCompression(new Uint8Array(res.data), this.localization("Decompress Game Data")).then((data) => {
-                FS.writeFile("/game", data);
+                for (const k in data) {
+                    this.fileName = k;
+                    FS.writeFile(k, data[k]); //needs to be cleaned up
+                    break;
+                }
                 this.startGame();
             });
         }, (progress) => {
@@ -298,11 +398,14 @@ class EmulatorJS {
         this.game.appendChild(this.canvas);
         const args = [];
         if (this.debug) args.push('-v');
-        args.push('/game');
+        args.push('/'+this.fileName);
         this.Module.callMain(args);
         this.Module.resumeMainLoop();
         this.started = true;
         this.paused = false;
+        if (this.touch) {
+            this.virtualGamepad.style.display = "";
+        }
         
         //this needs to be fixed...
         setInterval(() => {
@@ -890,8 +993,66 @@ class EmulatorJS {
         this.virtualGamepad.style.display = "none";
         this.virtualGamepad.classList.add("ejs_virtualGamepad_parent");
         this.elements.parent.appendChild(this.virtualGamepad);
-        const info = [{"type":"button","text":"B","id":"b","location":"right","right":-10,"top":70,"bold":true,"input_value":0},{"type":"button","text":"A","id":"a","location":"right","right":60,"top":70,"bold":true,"input_value":8},{"type":"dpad","location":"left","left":"50%","right":"50%","joystickInput":false,"inputValues":[4,5,6,7]},{"type":"button","text":"Start","id":"start","location":"center","left":60,"fontSize":15,"block":true,"input_value":3},{"type":"button","text":"Select","id":"select","location":"center","left":-5,"fontSize":15,"block":true,"input_value":2}];
-        //todo next
+        let info;
+        if (this.config.VirtualGamepadSettings && function(set) {
+            if (!Array.isArray(set)) {
+                console.warn("Vritual gamepad settings is not array! Using default gamepad settings");
+                return false;
+            }
+            if (!set.length) {
+                console.warn("Virtual gamepad settings is empty! Using default gamepad settings");
+                return false;
+            }
+            for (let i=0; i<set.length; i++) {
+                if (!set[i].type) continue;
+                try {
+                    if (set[i].type === 'zone' || set[i].type === 'dpad') {
+                        if (!set[i].location) {
+                            console.warn("Missing location value for "+set[i].type+"! Using default gamepad settings");
+                            return false;
+                        } else if (!set[i].inputValues) {
+                            console.warn("Missing inputValues for "+set[i].type+"! Using default gamepad settings");
+                            return false;
+                        }
+                        continue;
+                    }
+                    if (!set[i].location) {
+                        console.warn("Missing location value for button "+set[i].text+"! Using default gamepad settings");
+                        return false;
+                    } else if (!set[i].type) {
+                        console.warn("Missing type value for button "+set[i].text+"! Using default gamepad settings");
+                        return false;
+                    } else if (!set[i].id.toString()) {
+                        console.warn("Missing id value for button "+set[i].text+"! Using default gamepad settings");
+                        return false;
+                    } else if (!set[i].input_value.toString()) {
+                        console.warn("Missing input_value for button "+set[i].text+"! Using default gamepad settings");
+                        return false;
+                    }
+                } catch(e) {
+                    console.warn("Error checking values! Using default gamepad settings");
+                    return false;
+                }
+            }
+            return true;
+        }(this.config.VirtualGamepadSettings)) {
+            info = this.config.VirtualGamepadSettings;
+        } else if (['gba', 'gb', 'vb', 'nes'].includes(this.getCore(true))) {
+            info = [{"type":"button","text":"B","id":"b","location":"right","right":-10,"top":70,"bold":true,"input_value":0},{"type":"button","text":"A","id":"a","location":"right","right":60,"top":70,"bold":true,"input_value":8},{"type":"dpad","location":"left","left":"50%","right":"50%","joystickInput":false,"inputValues":[4,5,6,7]},{"type":"button","text":"Start","id":"start","location":"center","left":60,"fontSize":15,"block":true,"input_value":3},{"type":"button","text":"Select","id":"select","location":"center","left":-5,"fontSize":15,"block":true,"input_value":2}];
+            if (this.getCore(true) === 'gba') {
+                info.push({"type":"button","text":"L","id":"l","block":true,"location":"top","left":10,"top":-40,"bold":true,"input_value":10});
+                info.push({"type":"button","text":"R","id":"r","block":true,"location":"top","right":10,"top":-40,"bold":true,"input_value":11});
+            }
+        } else if (this.getCore(true) === 'n64') {
+            info = [{"type":"button","text":"B","id":"b","location":"right","left":-10,"top":95,"input_value":1,"bold":true},{"type":"button","text":"A","id":"a","location":"right","left":40,"top":150,"input_value":0,"bold":true},{"type":"zone","location":"left","left":"50%","top":"100%","joystickInput":true,"inputValues":[16, 17, 18, 19]},{"type":"zone","location":"left","left":"50%","top":"0%","joystickInput":false,"inputValues":[4,5,6,7]},{"type":"button","text":"Start","id":"start","location":"center","left":30,"top":-10,"fontSize":15,"block":true,"input_value":3},{"type":"button","text":"L","id":"l","block":true,"location":"top","left":10,"top":-40,"bold":true,"input_value":10},{"type":"button","text":"R","id":"r","block":true,"location":"top","right":10,"top":-40,"bold":true,"input_value":11},{"type":"button","text":"Z","id":"z","block":true,"location":"top","left":10,"bold":true,"input_value":12},{"fontSize":20,"type":"button","text":"CU","id":"cu","location":"right","left":25,"top":-65,"input_value":23},{"fontSize":20,"type":"button","text":"CD","id":"cd","location":"right","left":25,"top":15,"input_value":22},{"fontSize":20,"type":"button","text":"CL","id":"cl","location":"right","left":-15,"top":-25,"input_value":21},{"fontSize":20,"type":"button","text":"CR","id":"cr","location":"right","left":65,"top":-25,"input_value":20}];
+        } else if (['snes', 'nds'].includes(this.getCore(true))) {
+            info = [{"type":"button","text":"X","id":"x","location":"right","left":40,"bold":true,"input_value":9},{"type":"button","text":"Y","id":"y","location":"right","top":40,"bold":true,"input_value":1},{"type":"button","text":"A","id":"a","location":"right","left":81,"top":40,"bold":true,"input_value":8},{"type":"button","text":"B","id":"b","location":"right","left":40,"top":80,"bold":true,"input_value":0},{"type":"zone","location":"left","left":"50%","top":"50%","joystickInput":false,"inputValues":[4,5,6,7]},{"type":"button","text":"Start","id":"start","location":"center","left":60,"fontSize":15,"block":true,"input_value":3},{"type":"button","text":"Select","id":"select","location":"center","left":-5,"fontSize":15,"block":true,"input_value":2}];
+        } else {
+            info = [{"type":"button","text":"Y","id":"y","location":"right","left":40,"bold":true,"input_value":9},{"type":"button","text":"X","id":"X","location":"right","top":40,"bold":true,"input_value":1},{"type":"button","text":"B","id":"b","location":"right","left":81,"top":40,"bold":true,"input_value":8},{"type":"button","text":"A","id":"a","location":"right","left":40,"top":80,"bold":true,"input_value":0},{"type":"zone","location":"left","left":"50%","top":"50%","joystickInput":false,"inputValues":[4,5,6,7]},{"type":"button","text":"Start","id":"start","location":"center","left":60,"fontSize":15,"block":true,"input_value":3},{"type":"button","text":"Select","id":"select","location":"center","left":-5,"fontSize":15,"block":true,"input_value":2}];
+        }
+        info = JSON.parse(JSON.stringify(info));
+        
+        
         const up = this.createElement("div");
         up.classList.add("ejs_virtualGamepad_top");
         const down = this.createElement("div");
@@ -948,9 +1109,263 @@ class EmulatorJS {
                 button.innerText = info[i].text;
                 button.classList.add("ejs_virtualGamepad_button");
                 elems[info[i].location].appendChild(button);
+                const value = info[i].input_new_cores || info[i].input_value;
+                this.addEventListener(button, "touchstart touchend touchcancel", (e) => {
+                    e.preventDefault();
+                    if (e.type === 'touchend' || e.type === 'touchcancel') {
+                        e.target.classList.remove("ejs_virtualGamepad_button_down");
+                        window.setTimeout(() => {
+                            this.gameManager.simulateInput(0, value, 0);
+                        })
+                    } else {
+                        e.target.classList.add("ejs_virtualGamepad_button_down");
+                        this.gameManager.simulateInput(0, value, 1);
+                    }
+                })
             }
         }
         
+        const createDPad = (opts) => {
+            const container = opts.container;
+            const callback = opts.event;
+            const dpadMain = this.createElement("div");
+            dpadMain.classList.add("ejs_dpad_main");
+            const vertical = this.createElement("div");
+            vertical.classList.add("ejs_dpad_vertical");
+            const horizontal = this.createElement("div");
+            horizontal.classList.add("ejs_dpad_horizontal");
+            const bar1 = this.createElement("div");
+            bar1.classList.add("ejs_dpad_bar");
+            const bar2 = this.createElement("div");
+            bar2.classList.add("ejs_dpad_bar");
+            
+            horizontal.appendChild(bar1);
+            vertical.appendChild(bar2);
+            dpadMain.appendChild(vertical);
+            dpadMain.appendChild(horizontal);
+            
+            const updateCb = (e) => {
+                e.preventDefault();
+                const touch = e.targetTouches[0];
+                if (!touch) return;
+                const rect = dpadMain.getBoundingClientRect();
+                const x = touch.clientX - rect.left - dpadMain.clientWidth / 2;
+                const y = touch.clientY - rect.top - dpadMain.clientHeight / 2;
+                let up = 0,
+                    down = 0,
+                    left = 0,
+                    right = 0,
+                    angle = Math.atan(x / y) / (Math.PI / 180);
+                
+                if (y <= -10) {
+                    up = 1;
+                }
+                if (y >= 10) {
+                    down = 1;
+                }
+                
+                if (x >= 10) {
+                    right = 1;
+                    left = 0;
+                    if (angle < 0 && angle >= -35 || angle > 0 && angle <= 35) {
+                        right = 0;
+                    }
+                    up = (angle < 0 && angle >= -55 ? 1 : 0);
+                    down = (angle > 0 && angle <= 55 ? 1 : 0);
+                }
+                
+                if (x <= -10) {
+                    right = 0;
+                    left = 1;
+                    if (angle < 0 && angle >= -35 || angle > 0 && angle <= 35) {
+                        left = 0;
+                    }
+                    up = (angle > 0 && angle <= 55 ? 1 : 0);
+                    down = (angle < 0 && angle >= -55 ? 1 : 0);
+                }
+                
+                dpadMain.classList.toggle("ejs_dpad_up_pressed", up);
+                dpadMain.classList.toggle("ejs_dpad_down_pressed", down);
+                dpadMain.classList.toggle("ejs_dpad_right_pressed", right);
+                dpadMain.classList.toggle("ejs_dpad_left_pressed", left);
+                
+                callback(up, down, left, right);
+            }
+            const cancelCb = (e) => {
+                e.preventDefault();
+                dpadMain.classList.remove("ejs_dpad_up_pressed");
+                dpadMain.classList.remove("ejs_dpad_down_pressed");
+                dpadMain.classList.remove("ejs_dpad_right_pressed");
+                dpadMain.classList.remove("ejs_dpad_left_pressed");
+                
+                callback(0, 0, 0, 0);
+            }
+            
+            this.addEventListener(dpadMain, 'touchstart touchmove', updateCb);
+            this.addEventListener(dpadMain, 'touchend touchcancel', cancelCb);
+            
+            
+            container.appendChild(dpadMain);
+        }
+        
+        info.forEach((dpad, index) => {
+            if (dpad.type !== 'dpad') return;
+            if (leftHandedMode && ['left', 'right'].includes(dpad.location)) {
+                dpad.location = (dpad.location==='left') ? 'right' : 'left';
+                const amnt = JSON.parse(JSON.stringify(dpad));
+                if (amnt.left) {
+                    dpad.right = amnt.left;
+                }
+                if (amnt.right) {
+                    dpad.left = amnt.right;
+                }
+            }
+            const elem = this.createElement("div");
+            let style = '';
+            if (dpad.left) {
+                style += 'left:'+dpad.left+';';
+            }
+            if (dpad.right) {
+                style += 'right:'+dpad.right+';';
+            }
+            if (dpad.top) {
+                style += 'top:'+dpad.top+';';
+            }
+            elem.style = style;
+            elems[dpad.location].appendChild(elem);
+            createDPad({container: elem, event: (up, down, left, right) => {
+                if (dpad.joystickInput) {
+                    if (up === 1) up=0x7fff;
+                    if (down === 1) up=0x7fff;
+                    if (left === 1) up=0x7fff;
+                    if (right === 1) up=0x7fff;
+                }
+                this.gameManager.simulateInput(0, dpad.inputValues[0], up);
+                this.gameManager.simulateInput(0, dpad.inputValues[1], down);
+                this.gameManager.simulateInput(0, dpad.inputValues[2], left);
+                this.gameManager.simulateInput(0, dpad.inputValues[3], right);
+            }});
+        })
+        
+        
+        info.forEach((zone, index) => {
+            if (zone.type !== 'zone') return;
+            if (leftHandedMode && ['left', 'right'].includes(zone.location)) {
+                zone.location = (zone.location==='left') ? 'right' : 'left';
+                const amnt = JSON.parse(JSON.stringify(zone));
+                if (amnt.left) {
+                    zone.right = amnt.left;
+                }
+                if (amnt.right) {
+                    zone.left = amnt.right;
+                }
+            }
+            const elem = this.createElement("div");
+            this.addEventListener(elem, "touchstart touchmove touchend touchcancel", (e) => {
+                e.preventDefault();
+            });
+            elems[zone.location].appendChild(elem);
+            const zoneObj = nipplejs.create({
+                'zone': elem,
+                'mode': 'static',
+                'position': {
+                    'left': zone.left,
+                    'top': zone.top
+                },
+                'color': zone.color || 'red'
+            });
+            zoneObj.on('end', () => {
+                this.gameManager.simulateInput(0, zone.inputValues[0], 0);
+                this.gameManager.simulateInput(0, zone.inputValues[1], 0);
+                this.gameManager.simulateInput(0, zone.inputValues[2], 0);
+                this.gameManager.simulateInput(0, zone.inputValues[3], 0);
+            });
+            zoneObj.on('move', (e, info) => {
+                const degree = info.angle.degree;
+                const distance = info.distance;
+                if (zone.joystickInput === true) {
+                    let x = 0, y = 0;
+                    if (degree > 0 && degree <= 45) {
+                        x = distance / 50;
+                        y = -0.022222222222222223 * degree * distance / 50;
+                    }
+                    if (degree > 45 && degree <= 90) {
+                        x = 0.022222222222222223 * (90 - degree) * distance / 50;
+                        y = -distance / 50;
+                    }
+                    if (degree > 90 && degree <= 135) {
+                        x = 0.022222222222222223 * (90 - degree) * distance / 50;
+                        y = -distance / 50;
+                    }
+                    if (degree > 135 && degree <= 180) {
+                        x = -distance / 50;
+                        y = -0.022222222222222223 * (180 - degree) * distance / 50;
+                    }
+                    if (degree > 135 && degree <= 225) {
+                        x = -distance / 50;
+                        y = -0.022222222222222223 * (180 - degree) * distance / 50;
+                    }
+                    if (degree > 225 && degree <= 270) {
+                        x = -0.022222222222222223 * (270 - degree) * distance / 50;
+                        y = distance / 50;
+                    }
+                    if (degree > 270 && degree <= 315) {
+                        x = -0.022222222222222223 * (270 - degree) * distance / 50;
+                        y = distance / 50;
+                    }
+                    if (degree > 315 && degree <= 359.9) {
+                        x = distance / 50;
+                        y = 0.022222222222222223 * (360 - degree) * distance / 50;
+                    }
+                    if (x > 0) {
+                        this.gameManager.simulateInput(0, zone.inputValues[0], 0x7fff * x);
+                        this.gameManager.simulateInput(0, zone.inputValues[1], 0);
+                    } else {
+                        this.gameManager.simulateInput(0, zone.inputValues[1], 0x7fff * -x);
+                        this.gameManager.simulateInput(0, zone.inputValues[0], 0);
+                    }
+                    if (y > 0) {
+                        this.gameManager.simulateInput(0, zone.inputValues[2], 0x7fff * y);
+                        this.gameManager.simulateInput(0, zone.inputValues[3], 0);
+                    } else {
+                        this.gameManager.simulateInput(0, zone.inputValues[3], 0x7fff * -y);
+                        this.gameManager.simulateInput(0, zone.inputValues[2], 0);
+                    }
+                    
+                } else {
+                    if (degree >= 30 && degree < 150) {
+                        this.gameManager.simulateInput(0, zone.inputValues[0], 1);
+                    } else {
+                        window.setTimeout(() => {
+                            this.gameManager.simulateInput(0, zone.inputValues[0], 0);
+                        }, 30);
+                    }
+                    if (degree >= 210 && degree < 330) {
+                        this.gameManager.simulateInput(0, zone.inputValues[1], 1);
+                    } else {
+                        window.setTimeout(() => {
+                            this.gameManager.simulateInput(0, zone.inputValues[1], 0);
+                        }, 30);
+                    }
+                    if (degree >= 120 && degree < 240) {
+                        this.gameManager.simulateInput(0, zone.inputValues[2], 1);
+                    } else {
+                        window.setTimeout(() => {
+                            this.gameManager.simulateInput(0, zone.inputValues[2], 0);
+                        }, 30);
+                    }
+                    if (degree >= 300 || degree >= 0 && degree < 60) {
+                        this.gameManager.simulateInput(0, zone.inputValues[3], 1);
+                    } else {
+                        window.setTimeout(() => {
+                            this.gameManager.simulateInput(0, zone.inputValues[3], 0);
+                        }, 30);
+                    }
+                }
+            });
+        })
+        
+        
         //todo - zone and dpad (and input)
         
         
diff --git a/src/loader.js b/src/loader.js
index 58c2703..50e3bb3 100644
--- a/src/loader.js
+++ b/src/loader.js
@@ -35,6 +35,7 @@
     
     if (('undefined' != typeof EJS_DEBUG_XX && true === EJS_DEBUG_XX) || true) {
         await loadScript('emulator.js');
+        await loadScript('nipplejs.js');
         await loadScript('GameManager.js');
         await loadStyle('css/main.css');
     }
diff --git a/src/nipplejs.js b/src/nipplejs.js
new file mode 100644
index 0000000..48fa61c
--- /dev/null
+++ b/src/nipplejs.js
@@ -0,0 +1 @@
+!function(t,i){"object"==typeof exports&&"object"==typeof module?module.exports=i():"function"==typeof define&&define.amd?define("nipplejs",[],i):"object"==typeof exports?exports.nipplejs=i():t.nipplejs=i()}(window,(function(){return function(t){var i={};function e(o){if(i[o])return i[o].exports;var n=i[o]={i:o,l:!1,exports:{}};return t[o].call(n.exports,n,n.exports,e),n.l=!0,n.exports}return e.m=t,e.c=i,e.d=function(t,i,o){e.o(t,i)||Object.defineProperty(t,i,{enumerable:!0,get:o})},e.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},e.t=function(t,i){if(1&i&&(t=e(t)),8&i)return t;if(4&i&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(e.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&i&&"string"!=typeof t)for(var n in t)e.d(o,n,function(i){return t[i]}.bind(null,n));return o},e.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(i,"a",i),i},e.o=function(t,i){return Object.prototype.hasOwnProperty.call(t,i)},e.p="",e(e.s=0)}([function(t,i,e){"use strict";e.r(i);var o,n=function(t,i){var e=i.x-t.x,o=i.y-t.y;return Math.sqrt(e*e+o*o)},s=function(t){return t*(Math.PI/180)},r=function(t){return t*(180/Math.PI)},d=new Map,a=function(t){d.has(t)&&clearTimeout(d.get(t)),d.set(t,setTimeout(t,100))},p=function(t,i,e){for(var o,n=i.split(/[ ,]+/g),s=0;s<n.length;s+=1)o=n[s],t.addEventListener?t.addEventListener(o,e,!1):t.attachEvent&&t.attachEvent(o,e)},c=function(t,i,e){for(var o,n=i.split(/[ ,]+/g),s=0;s<n.length;s+=1)o=n[s],t.removeEventListener?t.removeEventListener(o,e):t.detachEvent&&t.detachEvent(o,e)},l=function(t){return t.preventDefault(),t.type.match(/^touch/)?t.changedTouches:t},h=function(){return{x:void 0!==window.pageXOffset?window.pageXOffset:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==window.pageYOffset?window.pageYOffset:(document.documentElement||document.body.parentNode||document.body).scrollTop}},u=function(t,i){i.top||i.right||i.bottom||i.left?(t.style.top=i.top,t.style.right=i.right,t.style.bottom=i.bottom,t.style.left=i.left):(t.style.left=i.x+"px",t.style.top=i.y+"px")},f=function(t,i,e){var o=y(t);for(var n in o)if(o.hasOwnProperty(n))if("string"==typeof i)o[n]=i+" "+e;else{for(var s="",r=0,d=i.length;r<d;r+=1)s+=i[r]+" "+e+", ";o[n]=s.slice(0,-2)}return o},y=function(t){var i={};i[t]="";return["webkit","Moz","o"].forEach((function(e){i[e+t.charAt(0).toUpperCase()+t.slice(1)]=""})),i},m=function(t,i){for(var e in i)i.hasOwnProperty(e)&&(t[e]=i[e]);return t},v=function(t,i){if(t.length)for(var e=0,o=t.length;e<o;e+=1)i(t[e]);else i(t)},g=!!("ontouchstart"in window),b=!!window.PointerEvent,x=!!window.MSPointerEvent,O={start:"mousedown",move:"mousemove",end:"mouseup"},w={};function _(){}b?o={start:"pointerdown",move:"pointermove",end:"pointerup, pointercancel"}:x?o={start:"MSPointerDown",move:"MSPointerMove",end:"MSPointerUp"}:g?(o={start:"touchstart",move:"touchmove",end:"touchend, touchcancel"},w=O):o=O,_.prototype.on=function(t,i){var e,o=t.split(/[ ,]+/g);this._handlers_=this._handlers_||{};for(var n=0;n<o.length;n+=1)e=o[n],this._handlers_[e]=this._handlers_[e]||[],this._handlers_[e].push(i);return this},_.prototype.off=function(t,i){return this._handlers_=this._handlers_||{},void 0===t?this._handlers_={}:void 0===i?this._handlers_[t]=null:this._handlers_[t]&&this._handlers_[t].indexOf(i)>=0&&this._handlers_[t].splice(this._handlers_[t].indexOf(i),1),this},_.prototype.trigger=function(t,i){var e,o=this,n=t.split(/[ ,]+/g);o._handlers_=o._handlers_||{};for(var s=0;s<n.length;s+=1)e=n[s],o._handlers_[e]&&o._handlers_[e].length&&o._handlers_[e].forEach((function(t){t.call(o,{type:e,target:o},i)}))},_.prototype.config=function(t){this.options=this.defaults||{},t&&(this.options=function(t,i){var e={};for(var o in t)t.hasOwnProperty(o)&&i.hasOwnProperty(o)?e[o]=i[o]:t.hasOwnProperty(o)&&(e[o]=t[o]);return e}(this.options,t))},_.prototype.bindEvt=function(t,i){var e=this;return e._domHandlers_=e._domHandlers_||{},e._domHandlers_[i]=function(){"function"==typeof e["on"+i]?e["on"+i].apply(e,arguments):console.warn('[WARNING] : Missing "on'+i+'" handler.')},p(t,o[i],e._domHandlers_[i]),w[i]&&p(t,w[i],e._domHandlers_[i]),e},_.prototype.unbindEvt=function(t,i){return this._domHandlers_=this._domHandlers_||{},c(t,o[i],this._domHandlers_[i]),w[i]&&c(t,w[i],this._domHandlers_[i]),delete this._domHandlers_[i],this};var T=_;function k(t,i){return this.identifier=i.identifier,this.position=i.position,this.frontPosition=i.frontPosition,this.collection=t,this.defaults={size:100,threshold:.1,color:"white",fadeTime:250,dataOnly:!1,restJoystick:!0,restOpacity:.5,mode:"dynamic",zone:document.body,lockX:!1,lockY:!1,shape:"circle"},this.config(i),"dynamic"===this.options.mode&&(this.options.restOpacity=0),this.id=k.id,k.id+=1,this.buildEl().stylize(),this.instance={el:this.ui.el,on:this.on.bind(this),off:this.off.bind(this),show:this.show.bind(this),hide:this.hide.bind(this),add:this.addToDom.bind(this),remove:this.removeFromDom.bind(this),destroy:this.destroy.bind(this),setPosition:this.setPosition.bind(this),resetDirection:this.resetDirection.bind(this),computeDirection:this.computeDirection.bind(this),trigger:this.trigger.bind(this),position:this.position,frontPosition:this.frontPosition,ui:this.ui,identifier:this.identifier,id:this.id,options:this.options},this.instance}k.prototype=new T,k.constructor=k,k.id=0,k.prototype.buildEl=function(t){return this.ui={},this.options.dataOnly||(this.ui.el=document.createElement("div"),this.ui.back=document.createElement("div"),this.ui.front=document.createElement("div"),this.ui.el.className="nipple collection_"+this.collection.id,this.ui.back.className="back",this.ui.front.className="front",this.ui.el.setAttribute("id","nipple_"+this.collection.id+"_"+this.id),this.ui.el.appendChild(this.ui.back),this.ui.el.appendChild(this.ui.front)),this},k.prototype.stylize=function(){if(this.options.dataOnly)return this;var t=this.options.fadeTime+"ms",i=function(t,i){var e=y(t);for(var o in e)e.hasOwnProperty(o)&&(e[o]=i);return e}("borderRadius","50%"),e=f("transition","opacity",t),o={};return o.el={position:"absolute",opacity:this.options.restOpacity,display:"block",zIndex:999},o.back={position:"absolute",display:"block",width:this.options.size+"px",height:this.options.size+"px",marginLeft:-this.options.size/2+"px",marginTop:-this.options.size/2+"px",background:this.options.color,opacity:".5"},o.front={width:this.options.size/2+"px",height:this.options.size/2+"px",position:"absolute",display:"block",marginLeft:-this.options.size/4+"px",marginTop:-this.options.size/4+"px",background:this.options.color,opacity:".5",transform:"translate(0px, 0px)"},m(o.el,e),"circle"===this.options.shape&&m(o.back,i),m(o.front,i),this.applyStyles(o),this},k.prototype.applyStyles=function(t){for(var i in this.ui)if(this.ui.hasOwnProperty(i))for(var e in t[i])this.ui[i].style[e]=t[i][e];return this},k.prototype.addToDom=function(){return this.options.dataOnly||document.body.contains(this.ui.el)||this.options.zone.appendChild(this.ui.el),this},k.prototype.removeFromDom=function(){return this.options.dataOnly||!document.body.contains(this.ui.el)||this.options.zone.removeChild(this.ui.el),this},k.prototype.destroy=function(){clearTimeout(this.removeTimeout),clearTimeout(this.showTimeout),clearTimeout(this.restTimeout),this.trigger("destroyed",this.instance),this.removeFromDom(),this.off()},k.prototype.show=function(t){var i=this;return i.options.dataOnly||(clearTimeout(i.removeTimeout),clearTimeout(i.showTimeout),clearTimeout(i.restTimeout),i.addToDom(),i.restCallback(),setTimeout((function(){i.ui.el.style.opacity=1}),0),i.showTimeout=setTimeout((function(){i.trigger("shown",i.instance),"function"==typeof t&&t.call(this)}),i.options.fadeTime)),i},k.prototype.hide=function(t){var i=this;if(i.options.dataOnly)return i;if(i.ui.el.style.opacity=i.options.restOpacity,clearTimeout(i.removeTimeout),clearTimeout(i.showTimeout),clearTimeout(i.restTimeout),i.removeTimeout=setTimeout((function(){var e="dynamic"===i.options.mode?"none":"block";i.ui.el.style.display=e,"function"==typeof t&&t.call(i),i.trigger("hidden",i.instance)}),i.options.fadeTime),i.options.restJoystick){var e=i.options.restJoystick,o={};o.x=!0===e||!1!==e.x?0:i.instance.frontPosition.x,o.y=!0===e||!1!==e.y?0:i.instance.frontPosition.y,i.setPosition(t,o)}return i},k.prototype.setPosition=function(t,i){var e=this;e.frontPosition={x:i.x,y:i.y};var o=e.options.fadeTime+"ms",n={};n.front=f("transition",["transform"],o);var s={front:{}};s.front={transform:"translate("+e.frontPosition.x+"px,"+e.frontPosition.y+"px)"},e.applyStyles(n),e.applyStyles(s),e.restTimeout=setTimeout((function(){"function"==typeof t&&t.call(e),e.restCallback()}),e.options.fadeTime)},k.prototype.restCallback=function(){var t={};t.front=f("transition","none",""),this.applyStyles(t),this.trigger("rested",this.instance)},k.prototype.resetDirection=function(){this.direction={x:!1,y:!1,angle:!1}},k.prototype.computeDirection=function(t){var i,e,o,n=t.angle.radian,s=Math.PI/4,r=Math.PI/2;if(n>s&&n<3*s&&!t.lockX?i="up":n>-s&&n<=s&&!t.lockY?i="left":n>3*-s&&n<=-s&&!t.lockX?i="down":t.lockY||(i="right"),t.lockY||(e=n>-r&&n<r?"left":"right"),t.lockX||(o=n>0?"up":"down"),t.force>this.options.threshold){var d,a={};for(d in this.direction)this.direction.hasOwnProperty(d)&&(a[d]=this.direction[d]);var p={};for(d in this.direction={x:e,y:o,angle:i},t.direction=this.direction,a)a[d]===this.direction[d]&&(p[d]=!0);if(p.x&&p.y&&p.angle)return t;p.x&&p.y||this.trigger("plain",t),p.x||this.trigger("plain:"+e,t),p.y||this.trigger("plain:"+o,t),p.angle||this.trigger("dir dir:"+i,t)}else this.resetDirection();return t};var P=k;function E(t,i){this.nipples=[],this.idles=[],this.actives=[],this.ids=[],this.pressureIntervals={},this.manager=t,this.id=E.id,E.id+=1,this.defaults={zone:document.body,multitouch:!1,maxNumberOfNipples:10,mode:"dynamic",position:{top:0,left:0},catchDistance:200,size:100,threshold:.1,color:"white",fadeTime:250,dataOnly:!1,restJoystick:!0,restOpacity:.5,lockX:!1,lockY:!1,shape:"circle",dynamicPage:!1,follow:!1},this.config(i),"static"!==this.options.mode&&"semi"!==this.options.mode||(this.options.multitouch=!1),this.options.multitouch||(this.options.maxNumberOfNipples=1);var e=getComputedStyle(this.options.zone.parentElement);return e&&"flex"===e.display&&(this.parentIsFlex=!0),this.updateBox(),this.prepareNipples(),this.bindings(),this.begin(),this.nipples}E.prototype=new T,E.constructor=E,E.id=0,E.prototype.prepareNipples=function(){var t=this.nipples;t.on=this.on.bind(this),t.off=this.off.bind(this),t.options=this.options,t.destroy=this.destroy.bind(this),t.ids=this.ids,t.id=this.id,t.processOnMove=this.processOnMove.bind(this),t.processOnEnd=this.processOnEnd.bind(this),t.get=function(i){if(void 0===i)return t[0];for(var e=0,o=t.length;e<o;e+=1)if(t[e].identifier===i)return t[e];return!1}},E.prototype.bindings=function(){this.bindEvt(this.options.zone,"start"),this.options.zone.style.touchAction="none",this.options.zone.style.msTouchAction="none"},E.prototype.begin=function(){var t=this.options;if("static"===t.mode){var i=this.createNipple(t.position,this.manager.getIdentifier());i.add(),this.idles.push(i)}},E.prototype.createNipple=function(t,i){var e=this.manager.scroll,o={},n=this.options,s=this.parentIsFlex?e.x:e.x+this.box.left,r=this.parentIsFlex?e.y:e.y+this.box.top;if(t.x&&t.y)o={x:t.x-s,y:t.y-r};else if(t.top||t.right||t.bottom||t.left){var d=document.createElement("DIV");d.style.display="hidden",d.style.top=t.top,d.style.right=t.right,d.style.bottom=t.bottom,d.style.left=t.left,d.style.position="absolute",n.zone.appendChild(d);var a=d.getBoundingClientRect();n.zone.removeChild(d),o=t,t={x:a.left+e.x,y:a.top+e.y}}var p=new P(this,{color:n.color,size:n.size,threshold:n.threshold,fadeTime:n.fadeTime,dataOnly:n.dataOnly,restJoystick:n.restJoystick,restOpacity:n.restOpacity,mode:n.mode,identifier:i,position:t,zone:n.zone,frontPosition:{x:0,y:0},shape:n.shape});return n.dataOnly||(u(p.ui.el,o),u(p.ui.front,p.frontPosition)),this.nipples.push(p),this.trigger("added "+p.identifier+":added",p),this.manager.trigger("added "+p.identifier+":added",p),this.bindNipple(p),p},E.prototype.updateBox=function(){this.box=this.options.zone.getBoundingClientRect()},E.prototype.bindNipple=function(t){var i,e=this,o=function(t,o){i=t.type+" "+o.id+":"+t.type,e.trigger(i,o)};t.on("destroyed",e.onDestroyed.bind(e)),t.on("shown hidden rested dir plain",o),t.on("dir:up dir:right dir:down dir:left",o),t.on("plain:up plain:right plain:down plain:left",o)},E.prototype.pressureFn=function(t,i,e){var o=this,n=0;clearInterval(o.pressureIntervals[e]),o.pressureIntervals[e]=setInterval(function(){var e=t.force||t.pressure||t.webkitForce||0;e!==n&&(i.trigger("pressure",e),o.trigger("pressure "+i.identifier+":pressure",e),n=e)}.bind(o),100)},E.prototype.onstart=function(t){var i=this,e=i.options,o=t;t=l(t),i.updateBox();return v(t,(function(n){i.actives.length<e.maxNumberOfNipples?i.processOnStart(n):o.type.match(/^touch/)&&(Object.keys(i.manager.ids).forEach((function(e){if(Object.values(o.touches).findIndex((function(t){return t.identifier===e}))<0){var n=[t[0]];n.identifier=e,i.processOnEnd(n)}})),i.actives.length<e.maxNumberOfNipples&&i.processOnStart(n))})),i.manager.bindDocument(),!1},E.prototype.processOnStart=function(t){var i,e=this,o=e.options,s=e.manager.getIdentifier(t),r=t.force||t.pressure||t.webkitForce||0,d={x:t.pageX,y:t.pageY},a=e.getOrCreate(s,d);a.identifier!==s&&e.manager.removeIdentifier(a.identifier),a.identifier=s;var p=function(i){i.trigger("start",i),e.trigger("start "+i.id+":start",i),i.show(),r>0&&e.pressureFn(t,i,i.identifier),e.processOnMove(t)};if((i=e.idles.indexOf(a))>=0&&e.idles.splice(i,1),e.actives.push(a),e.ids.push(a.identifier),"semi"!==o.mode)p(a);else{if(!(n(d,a.position)<=o.catchDistance))return a.destroy(),void e.processOnStart(t);p(a)}return a},E.prototype.getOrCreate=function(t,i){var e,o=this.options;return/(semi|static)/.test(o.mode)?(e=this.idles[0])?(this.idles.splice(0,1),e):"semi"===o.mode?this.createNipple(i,t):(console.warn("Coudln't find the needed nipple."),!1):e=this.createNipple(i,t)},E.prototype.processOnMove=function(t){var i=this.options,e=this.manager.getIdentifier(t),o=this.nipples.get(e),d=this.manager.scroll;if(function(t){return isNaN(t.buttons)?0!==t.pressure:0!==t.buttons}(t)){if(!o)return console.error("Found zombie joystick with ID "+e),void this.manager.removeIdentifier(e);if(i.dynamicPage){var a=o.el.getBoundingClientRect();o.position={x:d.x+a.left,y:d.y+a.top}}o.identifier=e;var p=o.options.size/2,c={x:t.pageX,y:t.pageY};i.lockX&&(c.y=o.position.y),i.lockY&&(c.x=o.position.x);var l,h,u,f,y,m,v,g,b,x,O=n(c,o.position),w=(l=c,h=o.position,u=h.x-l.x,f=h.y-l.y,r(Math.atan2(f,u))),_=s(w),T=O/p,k={distance:O,position:c};if("circle"===o.options.shape?(y=Math.min(O,p),v=o.position,g=y,x={x:0,y:0},b=s(b=w),x.x=v.x-g*Math.cos(b),x.y=v.y-g*Math.sin(b),m=x):(m=function(t,i,e){return{x:Math.min(Math.max(t.x,i.x-e),i.x+e),y:Math.min(Math.max(t.y,i.y-e),i.y+e)}}(c,o.position,p),y=n(m,o.position)),i.follow){if(O>p){var P=c.x-m.x,E=c.y-m.y;o.position.x+=P,o.position.y+=E,o.el.style.top=o.position.y-(this.box.top+d.y)+"px",o.el.style.left=o.position.x-(this.box.left+d.x)+"px",O=n(c,o.position)}}else c=m,O=y;var I=c.x-o.position.x,z=c.y-o.position.y;o.frontPosition={x:I,y:z},i.dataOnly||(o.ui.front.style.transform="translate("+I+"px,"+z+"px)");var D={identifier:o.identifier,position:c,force:T,pressure:t.force||t.pressure||t.webkitForce||0,distance:O,angle:{radian:_,degree:w},vector:{x:I/p,y:-z/p},raw:k,instance:o,lockX:i.lockX,lockY:i.lockY};(D=o.computeDirection(D)).angle={radian:s(180-w),degree:180-w},o.trigger("move",D),this.trigger("move "+o.id+":move",D)}else this.processOnEnd(t)},E.prototype.processOnEnd=function(t){var i=this,e=i.options,o=i.manager.getIdentifier(t),n=i.nipples.get(o),s=i.manager.removeIdentifier(n.identifier);n&&(e.dataOnly||n.hide((function(){"dynamic"===e.mode&&(n.trigger("removed",n),i.trigger("removed "+n.id+":removed",n),i.manager.trigger("removed "+n.id+":removed",n),n.destroy())})),clearInterval(i.pressureIntervals[n.identifier]),n.resetDirection(),n.trigger("end",n),i.trigger("end "+n.id+":end",n),i.ids.indexOf(n.identifier)>=0&&i.ids.splice(i.ids.indexOf(n.identifier),1),i.actives.indexOf(n)>=0&&i.actives.splice(i.actives.indexOf(n),1),/(semi|static)/.test(e.mode)?i.idles.push(n):i.nipples.indexOf(n)>=0&&i.nipples.splice(i.nipples.indexOf(n),1),i.manager.unbindDocument(),/(semi|static)/.test(e.mode)&&(i.manager.ids[s.id]=s.identifier))},E.prototype.onDestroyed=function(t,i){this.nipples.indexOf(i)>=0&&this.nipples.splice(this.nipples.indexOf(i),1),this.actives.indexOf(i)>=0&&this.actives.splice(this.actives.indexOf(i),1),this.idles.indexOf(i)>=0&&this.idles.splice(this.idles.indexOf(i),1),this.ids.indexOf(i.identifier)>=0&&this.ids.splice(this.ids.indexOf(i.identifier),1),this.manager.removeIdentifier(i.identifier),this.manager.unbindDocument()},E.prototype.destroy=function(){for(var t in this.unbindEvt(this.options.zone,"start"),this.nipples.forEach((function(t){t.destroy()})),this.pressureIntervals)this.pressureIntervals.hasOwnProperty(t)&&clearInterval(this.pressureIntervals[t]);this.trigger("destroyed",this.nipples),this.manager.unbindDocument(),this.off()};var I=E;function z(t){var i=this;i.ids={},i.index=0,i.collections=[],i.scroll=h(),i.config(t),i.prepareCollections();var e=function(){var t;i.collections.forEach((function(e){e.forEach((function(e){t=e.el.getBoundingClientRect(),e.position={x:i.scroll.x+t.left,y:i.scroll.y+t.top}}))}))};p(window,"resize",(function(){a(e)}));var o=function(){i.scroll=h()};return p(window,"scroll",(function(){a(o)})),i.collections}z.prototype=new T,z.constructor=z,z.prototype.prepareCollections=function(){var t=this;t.collections.create=t.create.bind(t),t.collections.on=t.on.bind(t),t.collections.off=t.off.bind(t),t.collections.destroy=t.destroy.bind(t),t.collections.get=function(i){var e;return t.collections.every((function(t){return!(e=t.get(i))})),e}},z.prototype.create=function(t){return this.createCollection(t)},z.prototype.createCollection=function(t){var i=new I(this,t);return this.bindCollection(i),this.collections.push(i),i},z.prototype.bindCollection=function(t){var i,e=this,o=function(t,o){i=t.type+" "+o.id+":"+t.type,e.trigger(i,o)};t.on("destroyed",e.onDestroyed.bind(e)),t.on("shown hidden rested dir plain",o),t.on("dir:up dir:right dir:down dir:left",o),t.on("plain:up plain:right plain:down plain:left",o)},z.prototype.bindDocument=function(){this.binded||(this.bindEvt(document,"move").bindEvt(document,"end"),this.binded=!0)},z.prototype.unbindDocument=function(t){Object.keys(this.ids).length&&!0!==t||(this.unbindEvt(document,"move").unbindEvt(document,"end"),this.binded=!1)},z.prototype.getIdentifier=function(t){var i;return t?void 0===(i=void 0===t.identifier?t.pointerId:t.identifier)&&(i=this.latest||0):i=this.index,void 0===this.ids[i]&&(this.ids[i]=this.index,this.index+=1),this.latest=i,this.ids[i]},z.prototype.removeIdentifier=function(t){var i={};for(var e in this.ids)if(this.ids[e]===t){i.id=e,i.identifier=this.ids[e],delete this.ids[e];break}return i},z.prototype.onmove=function(t){return this.onAny("move",t),!1},z.prototype.onend=function(t){return this.onAny("end",t),!1},z.prototype.oncancel=function(t){return this.onAny("end",t),!1},z.prototype.onAny=function(t,i){var e,o=this,n="processOn"+t.charAt(0).toUpperCase()+t.slice(1);i=l(i);var s=function(t,i,e){e.ids.indexOf(i)>=0&&(e[n](t),t._found_=!0)};return v(i,(function(t){e=o.getIdentifier(t),v(o.collections,s.bind(null,t,e)),t._found_||o.removeIdentifier(e)})),!1},z.prototype.destroy=function(){this.unbindDocument(!0),this.ids={},this.index=0,this.collections.forEach((function(t){t.destroy()})),this.off()},z.prototype.onDestroyed=function(t,i){if(this.collections.indexOf(i)<0)return!1;this.collections.splice(this.collections.indexOf(i),1)};var D=new z;i.default={create:function(t){return D.create(t)},factory:D}}]).default}));
\ No newline at end of file