createInteractions = { var global = {}; var exports = {}; var module = {}; var define; (function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.createInteractions = f()}})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i -1; }; },{}],17:[function(require,module,exports){ 'use strict'; var d = require('d') , callable = require('es5-ext/object/valid-callable') , apply = Function.prototype.apply, call = Function.prototype.call , create = Object.create, defineProperty = Object.defineProperty , defineProperties = Object.defineProperties , hasOwnProperty = Object.prototype.hasOwnProperty , descriptor = { configurable: true, enumerable: false, writable: true } , on, once, off, emit, methods, descriptors, base; on = function (type, listener) { var data; callable(listener); if (!hasOwnProperty.call(this, '__ee__')) { data = descriptor.value = create(null); defineProperty(this, '__ee__', descriptor); descriptor.value = null; } else { data = this.__ee__; } if (!data[type]) data[type] = listener; else if (typeof data[type] === 'object') data[type].push(listener); else data[type] = [data[type], listener]; return this; }; once = function (type, listener) { var once, self; callable(listener); self = this; on.call(this, type, once = function () { off.call(self, type, once); apply.call(listener, this, arguments); }); once.__eeOnceListener__ = listener; return this; }; off = function (type, listener) { var data, listeners, candidate, i; callable(listener); if (!hasOwnProperty.call(this, '__ee__')) return this; data = this.__ee__; if (!data[type]) return this; listeners = data[type]; if (typeof listeners === 'object') { for (i = 0; (candidate = listeners[i]); ++i) { if ((candidate === listener) || (candidate.__eeOnceListener__ === listener)) { if (listeners.length === 2) data[type] = listeners[i ? 0 : 1]; else listeners.splice(i, 1); } } } else { if ((listeners === listener) || (listeners.__eeOnceListener__ === listener)) { delete data[type]; } } return this; }; emit = function (type) { var i, l, listener, listeners, args; if (!hasOwnProperty.call(this, '__ee__')) return; listeners = this.__ee__[type]; if (!listeners) return; if (typeof listeners === 'object') { l = arguments.length; args = new Array(l - 1); for (i = 1; i < l; ++i) args[i - 1] = arguments[i]; listeners = listeners.slice(); for (i = 0; (listener = listeners[i]); ++i) { apply.call(listener, this, args); } } else { switch (arguments.length) { case 1: call.call(listeners, this); break; case 2: call.call(listeners, this, arguments[1]); break; case 3: call.call(listeners, this, arguments[1], arguments[2]); break; default: l = arguments.length; args = new Array(l - 1); for (i = 1; i < l; ++i) { args[i - 1] = arguments[i]; } apply.call(listeners, this, args); } } }; methods = { on: on, once: once, off: off, emit: emit }; descriptors = { on: d(on), once: d(once), off: d(off), emit: d(emit) }; base = defineProperties({}, descriptors); module.exports = exports = function (o) { return (o == null) ? create(base) : defineProperties(Object(o), descriptors); }; exports.methods = methods; },{"d":1,"es5-ext/object/valid-callable":12}],18:[function(require,module,exports){ module.exports = transformMat4; /** * Transforms the vec3 with a mat4. * 4th vector component is implicitly '1' * * @param {vec3} out the receiving vector * @param {vec3} a the vector to transform * @param {mat4} m matrix to transform with * @returns {vec3} out */ function transformMat4(out, a, m) { var x = a[0], y = a[1], z = a[2], w = m[3] * x + m[7] * y + m[11] * z + m[15] w = w || 1.0 out[0] = (m[0] * x + m[4] * y + m[8] * z + m[12]) / w out[1] = (m[1] * x + m[5] * y + m[9] * z + m[13]) / w out[2] = (m[2] * x + m[6] * y + m[10] * z + m[14]) / w return out } },{}],19:[function(require,module,exports){ 'use strict' module.exports = mouseListen var mouse = require('mouse-event') function mouseListen (element, callback) { if (!callback) { callback = element element = window } var buttonState = 0 var x = 0 var y = 0 var mods = { shift: false, alt: false, control: false, meta: false } var attached = false function updateMods (ev) { var changed = false if ('altKey' in ev) { changed = changed || ev.altKey !== mods.alt mods.alt = !!ev.altKey } if ('shiftKey' in ev) { changed = changed || ev.shiftKey !== mods.shift mods.shift = !!ev.shiftKey } if ('ctrlKey' in ev) { changed = changed || ev.ctrlKey !== mods.control mods.control = !!ev.ctrlKey } if ('metaKey' in ev) { changed = changed || ev.metaKey !== mods.meta mods.meta = !!ev.metaKey } return changed } function handleEvent (nextButtons, ev) { var nextX = mouse.x(ev) var nextY = mouse.y(ev) if ('buttons' in ev) { nextButtons = ev.buttons | 0 } if (nextButtons !== buttonState || nextX !== x || nextY !== y || updateMods(ev)) { buttonState = nextButtons | 0 x = nextX || 0 y = nextY || 0 callback && callback(buttonState, x, y, mods) } } function clearState (ev) { handleEvent(0, ev) } function handleBlur () { if (buttonState || x || y || mods.shift || mods.alt || mods.meta || mods.control) { x = y = 0 buttonState = 0 mods.shift = mods.alt = mods.control = mods.meta = false callback && callback(0, 0, 0, mods) } } function handleMods (ev) { if (updateMods(ev)) { callback && callback(buttonState, x, y, mods) } } function handleMouseMove (ev) { if (mouse.buttons(ev) === 0) { handleEvent(0, ev) } else { handleEvent(buttonState, ev) } } function handleMouseDown (ev) { handleEvent(buttonState | mouse.buttons(ev), ev) } function handleMouseUp (ev) { handleEvent(buttonState & ~mouse.buttons(ev), ev) } function attachListeners () { if (attached) { return } attached = true element.addEventListener('mousemove', handleMouseMove) element.addEventListener('mousedown', handleMouseDown) element.addEventListener('mouseup', handleMouseUp) element.addEventListener('mouseleave', clearState) element.addEventListener('mouseenter', clearState) element.addEventListener('mouseout', clearState) element.addEventListener('mouseover', clearState) element.addEventListener('blur', handleBlur) element.addEventListener('keyup', handleMods) element.addEventListener('keydown', handleMods) element.addEventListener('keypress', handleMods) if (element !== window) { window.addEventListener('blur', handleBlur) window.addEventListener('keyup', handleMods) window.addEventListener('keydown', handleMods) window.addEventListener('keypress', handleMods) } } function detachListeners () { if (!attached) { return } attached = false element.removeEventListener('mousemove', handleMouseMove) element.removeEventListener('mousedown', handleMouseDown) element.removeEventListener('mouseup', handleMouseUp) element.removeEventListener('mouseleave', clearState) element.removeEventListener('mouseenter', clearState) element.removeEventListener('mouseout', clearState) element.removeEventListener('mouseover', clearState) element.removeEventListener('blur', handleBlur) element.removeEventListener('keyup', handleMods) element.removeEventListener('keydown', handleMods) element.removeEventListener('keypress', handleMods) if (element !== window) { window.removeEventListener('blur', handleBlur) window.removeEventListener('keyup', handleMods) window.removeEventListener('keydown', handleMods) window.removeEventListener('keypress', handleMods) } } // Attach listeners attachListeners() var result = { element: element } Object.defineProperties(result, { enabled: { get: function () { return attached }, set: function (f) { if (f) { attachListeners() } else { detachListeners() } }, enumerable: true }, buttons: { get: function () { return buttonState }, enumerable: true }, x: { get: function () { return x }, enumerable: true }, y: { get: function () { return y }, enumerable: true }, mods: { get: function () { return mods }, enumerable: true } }) return result } },{"mouse-event":21}],20:[function(require,module,exports){ var rootPosition = { left: 0, top: 0 } module.exports = mouseEventOffset function mouseEventOffset (ev, target, out) { target = target || ev.currentTarget || ev.srcElement if (!Array.isArray(out)) { out = [ 0, 0 ] } var cx = ev.clientX || 0 var cy = ev.clientY || 0 var rect = getBoundingClientOffset(target) out[0] = cx - rect.left out[1] = cy - rect.top return out } function getBoundingClientOffset (element) { if (element === window || element === document || element === document.body) { return rootPosition } else { return element.getBoundingClientRect() } } },{}],21:[function(require,module,exports){ 'use strict' function mouseButtons(ev) { if(typeof ev === 'object') { if('buttons' in ev) { return ev.buttons } else if('which' in ev) { var b = ev.which if(b === 2) { return 4 } else if(b === 3) { return 2 } else if(b > 0) { return 1<<(b-1) } } else if('button' in ev) { var b = ev.button if(b === 1) { return 4 } else if(b === 2) { return 2 } else if(b >= 0) { return 1< 0) { ev.theta = 0; if (fingerCount > 1) { var dx = fingers[1].position[0] - fingers[0].position[0]; var dy = (fingers[0].position[1] - fingers[1].position[1]) * width / height; ev.theta = Math.atan2(dy, dx); } getSize(); ev.buttons = 0; ev.mods = {}; ev.active = activeTouchCount; x0 = xavg; y0 = yavg; ev.x0 = 2 * x0 / width - 1; ev.y0 = 1 - 2 * y0 / height; ev.x = 2 * xavg / width - 1; ev.y = 1 - 2 * yavg / height; ev.x1 = 2 * fingers[0].position[0] / width - 1; ev.y1 = 1 - 2 * fingers[0].position[1] / height; if (activeTouchCount > 1) { ev.x2 = 2 * fingers[1].position[0] / width - 1; ev.y2 = 1 - 2 * fingers[1].position[1] / height; } ev.active = activeTouchCount; ev.dx = 0; ev.dy = 0; ev.dz = 0; ev.zoomx = 1; ev.zoomy = 1; ev.dtheta = 0; ev.originalEvent = event; emitter.emit(activeTouchCount === 1 ? 'touchstart' : 'pinchstart', ev); } } function onTouchMove (event) { var idx; var changed = false for (var i = 0; i < event.changedTouches.length; i++) { var movedTouch = event.changedTouches[i] idx = indexOfTouch(movedTouch) if (idx !== -1) { changed = true fingers[idx].touch = movedTouch // avoid caching touches eventOffset(movedTouch, element, fingers[idx].position) } } if (changed) { if (activeTouchCount === 1) { for (idx = 0; idx < fingers.length; idx++) { if (fingers[idx]) break; } if (fingers[idx] && previousFingerPosition[idx]) { var x = fingers[idx].position[0]; var y = fingers[idx].position[1]; var dx = x - previousFingerPosition[idx][0]; var dy = y - previousFingerPosition[idx][1]; ev.buttons = 0; ev.mods = {}; ev.active = activeTouchCount; ev.x = ev.x1 = 2 * x / width - 1; ev.y = ev.y1 = 1 - 2 * y / height; ev.x2 = null; ev.y2 = null; ev.x0 = 2 * x0 / width - 1; ev.y0 = 1 - 2 * y0 / height; ev.dx = 2 * dx / width; ev.dy = -2 * dy / height; ev.dz = 0; ev.zoomx = 1; ev.zoomy = 1; ev.theta = 0; ev.dtheta = 0; ev.originalEvent = event; emitter.emit('touchmove', ev); } } else if (activeTouchCount === 2) { if (previousFingerPosition[0] && previousFingerPosition[1]) { // Previous two-finger vector: var pos0A = previousFingerPosition[0]; var pos0B = previousFingerPosition[1]; var dx0 = pos0B[0] - pos0A[0]; var dy0 = (pos0B[1] - pos0A[1]) * width / height; // Current two-finger vector: var pos1A = fingers[0].position; var pos1B = fingers[1].position; var dx1 = pos1B[0] - pos1A[0]; var dy1 = (pos1A[1] - pos1B[1]) * width / height; // r, theta for the previous two-finger touch: var r0 = Math.sqrt(dx0 * dx0 + dy0 * dy0) * 0.5; var theta0 = Math.atan2(dy0, dx0); // r, theta for the current two-finger touch: var r1 = Math.sqrt(dx1 * dx1 + dy1 * dy1) * 0.5; var theta1 = Math.atan2(dy1, dx1); var xavg = (pos0B[0] + pos0A[0]) * 0.5; var yavg = (pos0B[1] + pos0A[1]) * 0.5; var dx = 0.5 * (pos1B[0] + pos1A[0] - pos0A[0] - pos0B[0]); var dy = 0.5 * (pos1B[1] + pos1A[1] - pos0A[1] - pos0B[1]); var dr = r1 / r0; var dtheta = theta1 - theta0; ev.buttons = 0; ev.mods = mods; ev.active = activeTouchCount; ev.x = 2 * xavg / width - 1; ev.y = 1 - 2 * yavg / height; ev.x0 = 2 * x0 / width - 1; ev.y0 = 1 - 2 * y0 / height; ev.x1 = 2 * pos1A[0] / width - 1; ev.y1 = 1 - 2 * pos1A[1] / height; ev.x2 = 2 * pos1B[0] / width - 1; ev.y2 = 1 - 2 * pos1B[1] / height; ev.dx = 2 * dx / width; ev.dy = -2 * dy / height; ev.dz = 0; ev.zoomx = dr; ev.zoomy = dr; ev.theta = theta1; ev.dtheta = dtheta; ev.originalEvent = event; emitter.emit('pinchmove', ev); } } } if (fingers[0]) { previousFingerPosition[0] = fingers[0].position.slice(); } if (fingers[1]) { previousFingerPosition[1] = fingers[1].position.slice(); } } function onTouchRemoved (event) { var lastFinger; for (var i = 0; i < event.changedTouches.length; i++) { var removed = event.changedTouches[i] var idx = indexOfTouch(removed) if (idx !== -1) { lastFinger = fingers[idx]; fingers[idx] = null activeTouchCount-- var otherIdx = idx === 0 ? 1 : 0 var otherTouch = fingers[otherIdx] ? fingers[otherIdx].touch : undefined } } var xavg = 0; var yavg = 0; if (activeTouchCount === 0) { if (lastFinger) { xavg = lastFinger.position[0]; yavg = lastFinger.position[1]; } } else { var fingerCount = 0; for (var i = 0; i < fingers.length; i++) { if (!fingers[i]) continue; xavg += fingers[i].position[0]; yavg += fingers[i].position[1]; fingerCount++; } xavg /= fingerCount; yavg /= fingerCount; } if (activeTouchCount < 2) { ev.buttons = 0; ev.mods = mods; ev.active = activeTouchCount; ev.x = 2 * xavg / width - 1; ev.y = 1 - 2 * yavg / height; ev.x0 = 2 * x0 / width - 1; ev.y0 = 1 - 2 * y0 / height; ev.dx = 0; ev.dy = 0; ev.dz = 0; ev.zoomx = 1; ev.zoomy = 1; ev.theta = 0; ev.dtheta = 0; ev.originalEvent = event; emitter.emit(activeTouchCount === 0 ? 'touchend' : 'pinchend', ev); } if (activeTouchCount === 0) { x0 = y0 = null; } } var enabled = false; function enable () { if (enabled) return; enabled = true; changeListener.enabled = true; element.addEventListener('wheel', onWheel, false); element.addEventListener('mousedown', onMouseDown, false); window.addEventListener('mousemove', onMouseMove, false); window.addEventListener('mouseup', onMouseUp, false); element.addEventListener('touchstart', onTouchStart, false); window.addEventListener('touchmove', onTouchMove, false); window.addEventListener('touchend', onTouchRemoved, false) window.addEventListener('touchcancel', onTouchRemoved, false) } function disable () { if (!enabled) return; enabled = false; changeListener.enabled = false; element.removeEventListener('wheel', onWheel, false); element.removeEventListener('mousedown', onMouseDown, false); window.removeEventListener('mousemove', onMouseMove, false); window.removeEventListener('mouseup', onMouseUp, false); element.removeEventListener('touchstart', onTouchStart, false); window.removeEventListener('touchmove', onTouchMove, false); window.removeEventListener('touchend', onTouchRemoved, false) window.removeEventListener('touchcancel', onTouchRemoved, false) } enable(); emitter.enable = enable; emitter.disable = disable; return emitter; } },{"event-emitter":17,"mouse-change":19,"mouse-event-offset":20}]},{},[22])(22) }); return module.exports; }