OSZAR »
` }) app.mount('body') function getBounds (mesh) { var bbox = [Infinity,Infinity,-Infinity,-Infinity] for (var i = 0; i < mesh.positions.length; i++) { bbox[0] = Math.min(bbox[0],mesh.positions[i][0]) bbox[1] = Math.min(bbox[1],mesh.positions[i][1]) bbox[2] = Math.max(bbox[2],mesh.positions[i][0]) bbox[3] = Math.max(bbox[3],mesh.positions[i][1]) } return bbox } },{"../":26,"./lib/layers.js":24,"choo":30,"choo/html":29,"drag-and-drop-files":33,"earth-mesh":13,"mixmap":55,"mixmap-tiles":15,"mixmap-tiles/xhr":23,"regl":48}],26:[function(require,module,exports){ var linear = require('eases/linear') var bboxToZoom = require('./lib/bbox-to-zoom.js') var zoomToBbox = require('./lib/zoom-to-bbox.js') module.exports = function zoomTo (map, opts) { var duration = opts.duration || 1000 var startbox = map.viewbox.slice() var endbox = (opts.viewbox || opts.bbox).slice() var aspect = (startbox[2]-startbox[0])/(startbox[3]-startbox[1]) var ease = opts.easing || linear endbox[0] = endbox[2]-aspect*(endbox[3]-endbox[1]) endbox[2] = aspect*(endbox[3]-endbox[1])+endbox[0] endbox[3] = (endbox[2]-endbox[0])/aspect + endbox[1] endbox[1] = endbox[3] - (endbox[2]-endbox[0])/aspect var wrap = Math.floor(((startbox[0]+startbox[2])*0.5+180)/360)*360 endbox[0] += wrap endbox[2] += wrap var zend = bboxToZoom(endbox) var padding = (opts.padding || 0) + (map._size[0] > map._size[1] ? map._size[0]/map._size[1]*0.5 : 0) if (padding) zoomToBbox(endbox, zend-padding) var bbox = [0,0,0,0] var start = Date.now() window.requestAnimationFrame(function frame () { var now = Date.now() var t = (now - start) / duration if (now >= start + duration) t = 1 var x = ease(t) bbox[0] = startbox[0]*(1-x) + endbox[0]*x bbox[1] = startbox[1]*(1-x) + endbox[1]*x bbox[2] = startbox[2]*(1-x) + endbox[2]*x bbox[3] = startbox[3]*(1-x) + endbox[3]*x map.setViewbox(bbox) map.draw() if (t < 1) window.requestAnimationFrame(frame) }) } },{"./lib/bbox-to-zoom.js":27,"./lib/zoom-to-bbox.js":28,"eases/linear":34}],27:[function(require,module,exports){ var ln360 = Math.log2(360) module.exports = function (bbox) { var dx = bbox[2] - bbox[0] var dy = bbox[3] - bbox[1] var d = Math.max(dx,dy) var zoom = ln360 - Math.log2(d) + 1 return Math.max(Math.min(zoom,21),1) } },{}],28:[function(require,module,exports){ var ln360 = Math.log2(360) module.exports = function (bbox,zoom) { var dx = bbox[2] - bbox[0] var dy = bbox[3] - bbox[1] var d = Math.pow(2, ln360 - zoom) var x = (bbox[2] + bbox[0]) * 0.5 var y = (bbox[3] + bbox[1]) * 0.5 var sx = dx < dy ? dx / dy : 1 var sy = dy < dx ? dy / dx : 1 bbox[0] = x - d * sx bbox[1] = y - d * sy bbox[2] = x + d * sx bbox[3] = y + d * sy return bbox } },{}],29:[function(require,module,exports){ module.exports = require('bel') },{"bel":31}],30:[function(require,module,exports){ var scrollToAnchor = require('scroll-to-anchor') var documentReady = require('document-ready') var nanolocation = require('nanolocation') var nanotiming = require('nanotiming') var nanorouter = require('nanorouter') var nanomorph = require('nanomorph') var nanoquery = require('nanoquery') var nanohref = require('nanohref') var nanoraf = require('nanoraf') var nanobus = require('nanobus') var assert = require('assert') var xtend = require('xtend') module.exports = Choo var HISTORY_OBJECT = {} function Choo (opts) { if (!(this instanceof Choo)) return new Choo(opts) opts = opts || {} assert.equal(typeof opts, 'object', 'choo: opts should be type object') var self = this // define events used by choo this._events = { DOMCONTENTLOADED: 'DOMContentLoaded', DOMTITLECHANGE: 'DOMTitleChange', REPLACESTATE: 'replaceState', PUSHSTATE: 'pushState', NAVIGATE: 'navigate', POPSTATE: 'popState', RENDER: 'render' } // properties for internal use only this._historyEnabled = opts.history === undefined ? true : opts.history this._hrefEnabled = opts.href === undefined ? true : opts.href this._hasWindow = typeof window !== 'undefined' this._createLocation = nanolocation this._tree = null // properties that are part of the API this.router = nanorouter({ curry: true }) this.emitter = nanobus('choo.emit') this.state = { events: this._events } // listen for title changes; available even when calling .toString() if (this._hasWindow) this.state.title = document.title this.emitter.prependListener(this._events.DOMTITLECHANGE, function (title) { assert.equal(typeof title, 'string', 'events.DOMTitleChange: title should be type string') self.state.title = title if (self._hasWindow) document.title = title }) } Choo.prototype.route = function (route, handler) { assert.equal(typeof route, 'string', 'choo.route: route should be type string') assert.equal(typeof handler, 'function', 'choo.handler: route should be type function') var self = this this.router.on(route, function (params) { return function () { self.state.params = params self.state.route = route var routeTiming = nanotiming("choo.route('" + route + "')") var res = handler(self.state, function (eventName, data) { self.emitter.emit(eventName, data) }) routeTiming() return res } }) } Choo.prototype.use = function (cb) { assert.equal(typeof cb, 'function', 'choo.use: cb should be type function') var endTiming = nanotiming('choo.use') cb(this.state, this.emitter, this) endTiming() } Choo.prototype.start = function () { assert.equal(typeof window, 'object', 'choo.start: window was not found. .start() must be called in a browser, use .toString() if running in Node') var self = this if (this._historyEnabled) { this.emitter.prependListener(this._events.NAVIGATE, function () { self.emitter.emit(self._events.RENDER) self.state.query = nanoquery(window.location.search) setTimeout(scrollToAnchor.bind(null, window.location.hash), 0) }) this.emitter.prependListener(this._events.POPSTATE, function () { self.emitter.emit(self._events.NAVIGATE) }) this.emitter.prependListener(this._events.PUSHSTATE, function (href) { assert.equal(typeof href, 'string', 'events.pushState: href should be type string') window.history.pushState(HISTORY_OBJECT, null, href) self.emitter.emit(self._events.NAVIGATE) }) this.emitter.prependListener(this._events.REPLACESTATE, function (href) { assert.equal(typeof href, 'string', 'events.replaceState: href should be type string') window.history.replaceState(HISTORY_OBJECT, null, href) self.emitter.emit(self._events.NAVIGATE) }) window.onpopstate = function () { self.emitter.emit(self._events.POPSTATE) } if (self._hrefEnabled) { nanohref(function (location) { var href = location.href var currHref = window.location.href if (href === currHref) return self.emitter.emit(self._events.PUSHSTATE, href) }) } } var location = this._createLocation() this._tree = this.router(location) this.state.query = nanoquery(window.location.search) assert.ok(this._tree, 'choo.start: no valid DOM node returned for location ' + location) this.emitter.prependListener(self._events.RENDER, nanoraf(function () { var renderTiming = nanotiming('choo.render') var newTree = self.router(self._createLocation()) assert.ok(newTree, 'choo.render: no valid DOM node returned for location ' + location) assert.equal(self._tree.nodeName, newTree.nodeName, 'choo.render: The target node <' + self._tree.nodeName.toLowerCase() + '> is not the same type as the new node <' + newTree.nodeName.toLowerCase() + '>.') var morphTiming = nanotiming('choo.morph') nanomorph(self._tree, newTree) morphTiming() renderTiming() })) documentReady(function () { self.emitter.emit(self._events.DOMCONTENTLOADED) }) return this._tree } Choo.prototype.mount = function mount (selector) { assert.equal(typeof window, 'object', 'choo.mount: window was not found. .mount() must be called in a browser, use .toString() if running in Node') assert.equal(typeof selector, 'string', 'choo.mount: selector should be type string') var self = this documentReady(function () { var renderTiming = nanotiming('choo.render') var newTree = self.start() self._tree = document.querySelector(selector) assert.ok(self._tree, 'choo.mount: could not query selector: ' + selector) assert.equal(self._tree.nodeName, newTree.nodeName, 'choo.mount: The target node <' + self._tree.nodeName.toLowerCase() + '> is not the same type as the new node <' + newTree.nodeName.toLowerCase() + '>.') var morphTiming = nanotiming('choo.morph') nanomorph(self._tree, newTree) morphTiming() renderTiming() }) } Choo.prototype.toString = function (location, state) { this.state = xtend({ events: xtend(this._events) }, this.state || {}) assert.notEqual(typeof window, 'object', 'choo.mount: window was found. .toString() must be called in Node, use .start() or .mount() if running in the browser') assert.equal(typeof location, 'string', 'choo.toString: location should be type string') assert.equal(typeof this.state, 'object', 'choo.toString: state should be type object') this.state.query = nanoquery(location) var html = this.router(location) assert.ok(html, 'choo.toString: no valid value returned for the route ' + location) return html.toString() } },{"assert":2,"document-ready":32,"nanobus":37,"nanohref":38,"nanolocation":39,"nanomorph":40,"nanoquery":43,"nanoraf":44,"nanorouter":45,"nanotiming":46,"scroll-to-anchor":50,"xtend":53}],31:[function(require,module,exports){ var hyperx = require('hyperx') var trailingNewlineRegex = /\n[\s]+$/ var leadingNewlineRegex = /^\n[\s]+/ var trailingSpaceRegex = /[\s]+$/ var leadingSpaceRegex = /^[\s]+/ var multiSpaceRegex = /[\n\s]+/g var SVGNS = 'http://www.w3.org/2000/svg' var XLINKNS = 'http://www.w3.org/1999/xlink' var BOOL_PROPS = [ 'autofocus', 'checked', 'defaultchecked', 'disabled', 'formnovalidate', 'indeterminate', 'readonly', 'required', 'selected', 'willvalidate' ] var COMMENT_TAG = '!--' var TEXT_TAGS = [ 'a', 'abbr', 'b', 'bdi', 'bdo', 'br', 'cite', 'data', 'dfn', 'em', 'i', 'kbd', 'mark', 'q', 'rp', 'rt', 'rtc', 'ruby', 's', 'amp', 'small', 'span', 'strong', 'sub', 'sup', 'time', 'u', 'var', 'wbr' ] var CODE_TAGS = [ 'code', 'pre' ] var SVG_TAGS = [ 'svg', 'altGlyph', 'altGlyphDef', 'altGlyphItem', 'animate', 'animateColor', 'animateMotion', 'animateTransform', 'circle', 'clipPath', 'color-profile', 'cursor', 'defs', 'desc', 'ellipse', 'feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence', 'filter', 'font', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignObject', 'g', 'glyph', 'glyphRef', 'hkern', 'image', 'line', 'linearGradient', 'marker', 'mask', 'metadata', 'missing-glyph', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'set', 'stop', 'switch', 'symbol', 'text', 'textPath', 'title', 'tref', 'tspan', 'use', 'view', 'vkern' ] function belCreateElement (tag, props, children) { var el // If an svg tag, it needs a namespace if (SVG_TAGS.indexOf(tag) !== -1) { props.namespace = SVGNS } // If we are using a namespace var ns = false if (props.namespace) { ns = props.namespace delete props.namespace } // Create the element if (ns) { el = document.createElementNS(ns, tag) } else if (tag === COMMENT_TAG) { return document.createComment(props.comment) } else { el = document.createElement(tag) } var nodeName = el.nodeName.toLowerCase() // Create the properties for (var p in props) { if (props.hasOwnProperty(p)) { var key = p.toLowerCase() var val = props[p] // Normalize className if (key === 'classname') { key = 'class' p = 'class' } // The for attribute gets transformed to htmlFor, but we just set as for if (p === 'htmlFor') { p = 'for' } // If a property is boolean, set itself to the key if (BOOL_PROPS.indexOf(key) !== -1) { if (val === 'true') val = key else if (val === 'false') continue } // If a property prefers being set directly vs setAttribute if (key.slice(0, 2) === 'on') { el[p] = val } else { if (ns) { if (p === 'xlink:href') { el.setAttributeNS(XLINKNS, p, val) } else if (/^xmlns($|:)/i.test(p)) { // skip xmlns definitions } else { el.setAttributeNS(null, p, val) } } else { el.setAttribute(p, val) } } } } appendChild(children) return el function appendChild (childs) { if (!Array.isArray(childs)) return var hadText = false var value, leader for (var i = 0, len = childs.length; i < len; i++) { var node = childs[i] if (Array.isArray(node)) { appendChild(node) continue } if (typeof node === 'number' || typeof node === 'boolean' || typeof node === 'function' || node instanceof Date || node instanceof RegExp) { node = node.toString() } var lastChild = el.childNodes[el.childNodes.length - 1] // Iterate over text nodes if (typeof node === 'string') { hadText = true // If we already had text, append to the existing text if (lastChild && lastChild.nodeName === '#text') { lastChild.nodeValue += node // We didn't have a text node yet, create one } else { node = document.createTextNode(node) el.appendChild(node) lastChild = node } // If this is the last of the child nodes, make sure we close it out // right if (i === len - 1) { hadText = false // Trim the child text nodes if the current node isn't a // node where whitespace matters. if (TEXT_TAGS.indexOf(nodeName) === -1 && CODE_TAGS.indexOf(nodeName) === -1) { value = lastChild.nodeValue .replace(leadingNewlineRegex, '') .replace(trailingSpaceRegex, '') .replace(trailingNewlineRegex, '') .replace(multiSpaceRegex, ' ') if (value === '') { el.removeChild(lastChild) } else { lastChild.nodeValue = value } } else if (CODE_TAGS.indexOf(nodeName) === -1) { // The very first node in the list should not have leading // whitespace. Sibling text nodes should have whitespace if there // was any. leader = i === 0 ? '' : ' ' value = lastChild.nodeValue .replace(leadingNewlineRegex, leader) .replace(leadingSpaceRegex, ' ') .replace(trailingSpaceRegex, '') .replace(trailingNewlineRegex, '') .replace(multiSpaceRegex, ' ') lastChild.nodeValue = value } } // Iterate over DOM nodes } else if (node && node.nodeType) { // If the last node was a text node, make sure it is properly closed out if (hadText) { hadText = false // Trim the child text nodes if the current node isn't a // text node or a code node if (TEXT_TAGS.indexOf(nodeName) === -1 && CODE_TAGS.indexOf(nodeName) === -1) { value = lastChild.nodeValue .replace(leadingNewlineRegex, '') .replace(trailingNewlineRegex, '') .replace(multiSpaceRegex, ' ') // Remove empty text nodes, append otherwise if (value === '') { el.removeChild(lastChild) } else { lastChild.nodeValue = value } // Trim the child nodes if the current node is not a node // where all whitespace must be preserved } else if (CODE_TAGS.indexOf(nodeName) === -1) { value = lastChild.nodeValue .replace(leadingSpaceRegex, ' ') .replace(leadingNewlineRegex, '') .replace(trailingNewlineRegex, '') .replace(multiSpaceRegex, ' ') lastChild.nodeValue = value } } // Store the last nodename var _nodeName = node.nodeName if (_nodeName) nodeName = _nodeName.toLowerCase() // Append the node to the DOM el.appendChild(node) } } } } module.exports = hyperx(belCreateElement, {comments: true}) module.exports.default = module.exports module.exports.createElement = belCreateElement },{"hyperx":36}],32:[function(require,module,exports){ 'use strict' var assert = require('assert') module.exports = ready function ready (callback) { assert.notEqual(typeof document, 'undefined', 'document-ready only runs in the browser') var state = document.readyState if (state === 'complete' || state === 'interactive') { return setTimeout(callback, 0) } document.addEventListener('DOMContentLoaded', function onLoad () { callback() }) } },{"assert":2}],33:[function(require,module,exports){ "use strict" function handleDrop(callback, event) { event.stopPropagation() event.preventDefault() callback(Array.prototype.slice.call(event.dataTransfer.files)) } function killEvent(e) { e.stopPropagation() e.preventDefault() return false } function addDragDropListener(element, callback) { element.addEventListener("dragenter", killEvent, false) element.addEventListener("dragover", killEvent, false) element.addEventListener("drop", handleDrop.bind(undefined, callback), false) } module.exports = addDragDropListener },{}],34:[function(require,module,exports){ function linear(t) { return t } module.exports = linear },{}],35:[function(require,module,exports){ module.exports = attributeToProperty var transform = { 'class': 'className', 'for': 'htmlFor', 'http-equiv': 'httpEquiv' } function attributeToProperty (h) { return function (tagName, attrs, children) { for (var attr in attrs) { if (attr in transform) { attrs[transform[attr]] = attrs[attr] delete attrs[attr] } } return h(tagName, attrs, children) } } },{}],36:[function(require,module,exports){ var attrToProp = require('hyperscript-attribute-to-property') var VAR = 0, TEXT = 1, OPEN = 2, CLOSE = 3, ATTR = 4 var ATTR_KEY = 5, ATTR_KEY_W = 6 var ATTR_VALUE_W = 7, ATTR_VALUE = 8 var ATTR_VALUE_SQ = 9, ATTR_VALUE_DQ = 10 var ATTR_EQ = 11, ATTR_BREAK = 12 var COMMENT = 13 module.exports = function (h, opts) { if (!opts) opts = {} var concat = opts.concat || function (a, b) { return String(a) + String(b) } if (opts.attrToProp !== false) { h = attrToProp(h) } return function (strings) { var state = TEXT, reg = '' var arglen = arguments.length var parts = [] for (var i = 0; i < strings.length; i++) { if (i < arglen - 1) { var arg = arguments[i+1] var p = parse(strings[i]) var xstate = state if (xstate === ATTR_VALUE_DQ) xstate = ATTR_VALUE if (xstate === ATTR_VALUE_SQ) xstate = ATTR_VALUE if (xstate === ATTR_VALUE_W) xstate = ATTR_VALUE if (xstate === ATTR) xstate = ATTR_KEY p.push([ VAR, xstate, arg ]) parts.push.apply(parts, p) } else parts.push.apply(parts, parse(strings[i])) } var tree = [null,{},[]] var stack = [[tree,-1]] for (var i = 0; i < parts.length; i++) { var cur = stack[stack.length-1][0] var p = parts[i], s = p[0] if (s === OPEN && /^\//.test(p[1])) { var ix = stack[stack.length-1][1] if (stack.length > 1) { stack.pop() stack[stack.length-1][0][2][ix] = h( cur[0], cur[1], cur[2].length ? cur[2] : undefined ) } } else if (s === OPEN) { var c = [p[1],{},[]] cur[2].push(c) stack.push([c,cur[2].length-1]) } else if (s === ATTR_KEY || (s === VAR && p[1] === ATTR_KEY)) { var key = '' var copyKey for (; i < parts.length; i++) { if (parts[i][0] === ATTR_KEY) { key = concat(key, parts[i][1]) } else if (parts[i][0] === VAR && parts[i][1] === ATTR_KEY) { if (typeof parts[i][2] === 'object' && !key) { for (copyKey in parts[i][2]) { if (parts[i][2].hasOwnProperty(copyKey) && !cur[1][copyKey]) { cur[1][copyKey] = parts[i][2][copyKey] } } } else { key = concat(key, parts[i][2]) } } else break } if (parts[i][0] === ATTR_EQ) i++ var j = i for (; i < parts.length; i++) { if (parts[i][0] === ATTR_VALUE || parts[i][0] === ATTR_KEY) { if (!cur[1][key]) cur[1][key] = strfn(parts[i][1]) else cur[1][key] = concat(cur[1][key], parts[i][1]) } else if (parts[i][0] === VAR && (parts[i][1] === ATTR_VALUE || parts[i][1] === ATTR_KEY)) { if (!cur[1][key]) cur[1][key] = strfn(parts[i][2]) else cur[1][key] = concat(cur[1][key], parts[i][2]) } else { if (key.length && !cur[1][key] && i === j && (parts[i][0] === CLOSE || parts[i][0] === ATTR_BREAK)) { // https://html.spec.whatwg.org/multipage/infrastructure.html#boolean-attributes // empty string is falsy, not well behaved value in browser cur[1][key] = key.toLowerCase() } break } } } else if (s === ATTR_KEY) { cur[1][p[1]] = true } else if (s === VAR && p[1] === ATTR_KEY) { cur[1][p[2]] = true } else if (s === CLOSE) { if (selfClosing(cur[0]) && stack.length) { var ix = stack[stack.length-1][1] stack.pop() stack[stack.length-1][0][2][ix] = h( cur[0], cur[1], cur[2].length ? cur[2] : undefined ) } } else if (s === VAR && p[1] === TEXT) { if (p[2] === undefined || p[2] === null) p[2] = '' else if (!p[2]) p[2] = concat('', p[2]) if (Array.isArray(p[2][0])) { cur[2].push.apply(cur[2], p[2]) } else { cur[2].push(p[2]) } } else if (s === TEXT) { cur[2].push(p[1]) } else if (s === ATTR_EQ || s === ATTR_BREAK) { // no-op } else { throw new Error('unhandled: ' + s) } } if (tree[2].length > 1 && /^\s*$/.test(tree[2][0])) { tree[2].shift() } if (tree[2].length > 2 || (tree[2].length === 2 && /\S/.test(tree[2][1]))) { throw new Error( 'multiple root elements must be wrapped in an enclosing tag' ) } if (Array.isArray(tree[2][0]) && typeof tree[2][0][0] === 'string' && Array.isArray(tree[2][0][2])) { tree[2][0] = h(tree[2][0][0], tree[2][0][1], tree[2][0][2]) } return tree[2][0] function parse (str) { var res = [] if (state === ATTR_VALUE_W) state = ATTR for (var i = 0; i < str.length; i++) { var c = str.charAt(i) if (state === TEXT && c === '<') { if (reg.length) res.push([TEXT, reg]) reg = '' state = OPEN } else if (c === '>' && !quot(state) && state !== COMMENT) { if (state === OPEN) { res.push([OPEN,reg]) } else if (state === ATTR_KEY) { res.push([ATTR_KEY,reg]) } else if (state === ATTR_VALUE && reg.length) { res.push([ATTR_VALUE,reg]) } res.push([CLOSE]) reg = '' state = TEXT } else if (state === COMMENT && /-$/.test(reg) && c === '-') { if (opts.comments) { res.push([ATTR_VALUE,reg.substr(0, reg.length - 1)],[CLOSE]) } reg = '' state = TEXT } else if (state === OPEN && /^!--$/.test(reg)) { if (opts.comments) { res.push([OPEN, reg],[ATTR_KEY,'comment'],[ATTR_EQ]) } reg = c state = COMMENT } else if (state === TEXT || state === COMMENT) { reg += c } else if (state === OPEN && /\s/.test(c)) { res.push([OPEN, reg]) reg = '' state = ATTR } else if (state === OPEN) { reg += c } else if (state === ATTR && /[^\s"'=/]/.test(c)) { state = ATTR_KEY reg = c } else if (state === ATTR && /\s/.test(c)) { if (reg.length) res.push([ATTR_KEY,reg]) res.push([ATTR_BREAK]) } else if (state === ATTR_KEY && /\s/.test(c)) { res.push([ATTR_KEY,reg]) reg = '' state = ATTR_KEY_W } else if (state === ATTR_KEY && c === '=') { res.push([ATTR_KEY,reg],[ATTR_EQ]) reg = '' state = ATTR_VALUE_W } else if (state === ATTR_KEY) { reg += c } else if ((state === ATTR_KEY_W || state === ATTR) && c === '=') { res.push([ATTR_EQ]) state = ATTR_VALUE_W } else if ((state === ATTR_KEY_W || state === ATTR) && !/\s/.test(c)) { res.push([ATTR_BREAK]) if (/[\w-]/.test(c)) { reg += c state = ATTR_KEY } else state = ATTR } else if (state === ATTR_VALUE_W && c === '"') { state = ATTR_VALUE_DQ } else if (state === ATTR_VALUE_W && c === "'") { state = ATTR_VALUE_SQ } else if (state === ATTR_VALUE_DQ && c === '"') { res.push([ATTR_VALUE,reg],[ATTR_BREAK]) reg = '' state = ATTR } else if (state === ATTR_VALUE_SQ && c === "'") { res.push([ATTR_VALUE,reg],[ATTR_BREAK]) reg = '' state = ATTR } else if (state === ATTR_VALUE_W && !/\s/.test(c)) { state = ATTR_VALUE i-- } else if (state === ATTR_VALUE && /\s/.test(c)) { res.push([ATTR_VALUE,reg],[ATTR_BREAK]) reg = '' state = ATTR } else if (state === ATTR_VALUE || state === ATTR_VALUE_SQ || state === ATTR_VALUE_DQ) { reg += c } } if (state === TEXT && reg.length) { res.push([TEXT,reg]) reg = '' } else if (state === ATTR_VALUE && reg.length) { res.push([ATTR_VALUE,reg]) reg = '' } else if (state === ATTR_VALUE_DQ && reg.length) { res.push([ATTR_VALUE,reg]) reg = '' } else if (state === ATTR_VALUE_SQ && reg.length) { res.push([ATTR_VALUE,reg]) reg = '' } else if (state === ATTR_KEY) { res.push([ATTR_KEY,reg]) reg = '' } return res } } function strfn (x) { if (typeof x === 'function') return x else if (typeof x === 'string') return x else if (x && typeof x === 'object') return x else return concat('', x) } } function quot (state) { return state === ATTR_VALUE_SQ || state === ATTR_VALUE_DQ } var hasOwn = Object.prototype.hasOwnProperty function has (obj, key) { return hasOwn.call(obj, key) } var closeRE = RegExp('^(' + [ 'area', 'base', 'basefont', 'bgsound', 'br', 'col', 'command', 'embed', 'frame', 'hr', 'img', 'input', 'isindex', 'keygen', 'link', 'meta', 'param', 'source', 'track', 'wbr', '!--', // SVG TAGS 'animate', 'animateTransform', 'circle', 'cursor', 'desc', 'ellipse', 'feBlend', 'feColorMatrix', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence', 'font-face-format', 'font-face-name', 'font-face-uri', 'glyph', 'glyphRef', 'hkern', 'image', 'line', 'missing-glyph', 'mpath', 'path', 'polygon', 'polyline', 'rect', 'set', 'stop', 'tref', 'use', 'view', 'vkern' ].join('|') + ')(?:[\.#][a-zA-Z0-9\u007F-\uFFFF_:-]+)*$') function selfClosing (tag) { return closeRE.test(tag) } },{"hyperscript-attribute-to-property":35}],37:[function(require,module,exports){ var splice = require('remove-array-items') var nanotiming = require('nanotiming') var assert = require('assert') module.exports = Nanobus function Nanobus (name) { if (!(this instanceof Nanobus)) return new Nanobus(name) this._name = name || 'nanobus' this._starListeners = [] this._listeners = {} } Nanobus.prototype.emit = function (eventName, data) { assert.equal(typeof eventName, 'string', 'nanobus.emit: eventName should be type string') var emitTiming = nanotiming(this._name + "('" + eventName + "')") var listeners = this._listeners[eventName] if (listeners && listeners.length > 0) { this._emit(this._listeners[eventName], data) } if (this._starListeners.length > 0) { this._emit(this._starListeners, eventName, data, emitTiming.uuid) } emitTiming() return this } Nanobus.prototype.on = Nanobus.prototype.addListener = function (eventName, listener) { assert.equal(typeof eventName, 'string', 'nanobus.on: eventName should be type string') assert.equal(typeof listener, 'function', 'nanobus.on: listener should be type function') if (eventName === '*') { this._starListeners.push(listener) } else { if (!this._listeners[eventName]) this._listeners[eventName] = [] this._listeners[eventName].push(listener) } return this } Nanobus.prototype.prependListener = function (eventName, listener) { assert.equal(typeof eventName, 'string', 'nanobus.prependListener: eventName should be type string') assert.equal(typeof listener, 'function', 'nanobus.prependListener: listener should be type function') if (eventName === '*') { this._starListeners.unshift(listener) } else { if (!this._listeners[eventName]) this._listeners[eventName] = [] this._listeners[eventName].unshift(listener) } return this } Nanobus.prototype.once = function (eventName, listener) { assert.equal(typeof eventName, 'string', 'nanobus.once: eventName should be type string') assert.equal(typeof listener, 'function', 'nanobus.once: listener should be type function') var self = this this.on(eventName, once) function once () { listener.apply(self, arguments) self.removeListener(eventName, once) } return this } Nanobus.prototype.prependOnceListener = function (eventName, listener) { assert.equal(typeof eventName, 'string', 'nanobus.prependOnceListener: eventName should be type string') assert.equal(typeof listener, 'function', 'nanobus.prependOnceListener: listener should be type function') var self = this this.prependListener(eventName, once) function once () { listener.apply(self, arguments) self.removeListener(eventName, once) } return this } Nanobus.prototype.removeListener = function (eventName, listener) { assert.equal(typeof eventName, 'string', 'nanobus.removeListener: eventName should be type string') assert.equal(typeof listener, 'function', 'nanobus.removeListener: listener should be type function') if (eventName === '*') { this._starListeners = this._starListeners.slice() return remove(this._starListeners, listener) } else { if (typeof this._listeners[eventName] !== 'undefined') { this._listeners[eventName] = this._listeners[eventName].slice() } return remove(this._listeners[eventName], listener) } function remove (arr, listener) { if (!arr) return var index = arr.indexOf(listener) if (index !== -1) { splice(arr, index, 1) return true } } } Nanobus.prototype.removeAllListeners = function (eventName) { if (eventName) { if (eventName === '*') { this._starListeners = [] } else { this._listeners[eventName] = [] } } else { this._starListeners = [] this._listeners = {} } return this } Nanobus.prototype.listeners = function (eventName) { var listeners = eventName !== '*' ? this._listeners[eventName] : this._starListeners var ret = [] if (listeners) { var ilength = listeners.length for (var i = 0; i < ilength; i++) ret.push(listeners[i]) } return ret } Nanobus.prototype._emit = function (arr, eventName, data, uuid) { if (typeof arr === 'undefined') return if (data === undefined) { data = eventName eventName = null } var length = arr.length for (var i = 0; i < length; i++) { var listener = arr[i] if (eventName) { if (uuid !== undefined) listener(eventName, data, uuid) else listener(eventName, data) } else { listener(data) } } } },{"assert":2,"nanotiming":46,"remove-array-items":49}],38:[function(require,module,exports){ var assert = require('assert') var safeExternalLink = /[noopener|noreferrer] [noopener|noreferrer]/ var protocolLink = /^[\w-_]+:/ module.exports = href function href (cb, root) { assert.notEqual(typeof window, 'undefined', 'nanohref: expected window to exist') root = root || window.document assert.equal(typeof cb, 'function', 'nanohref: cb should be type function') assert.equal(typeof root, 'object', 'nanohref: root should be type object') window.addEventListener('click', function (e) { if ((e.button && e.button !== 0) || e.ctrlKey || e.metaKey || e.altKey || e.shiftKey || e.defaultPrevented) return var anchor = (function traverse (node) { if (!node || node === root) return if (node.localName !== 'a' || node.href === undefined) { return traverse(node.parentNode) } return node })(e.target) if (!anchor) return if (window.location.origin !== anchor.origin || anchor.hasAttribute('download') || (anchor.getAttribute('target') === '_blank' && safeExternalLink.test(anchor.getAttribute('rel'))) || protocolLink.test(anchor.getAttribute('href'))) return e.preventDefault() cb(anchor) }) } },{"assert":2}],39:[function(require,module,exports){ var assert = require('assert') module.exports = nanolocation function nanolocation () { assert.notEqual(typeof window, 'undefined', 'nanolocation: expected window to exist') var pathname = window.location.pathname.replace(/\/$/, '') var hash = window.location.hash.replace(/^#/, '/') return pathname + hash } },{"assert":2}],40:[function(require,module,exports){ var assert = require('assert') var morph = require('./lib/morph') var TEXT_NODE = 3 // var DEBUG = false module.exports = nanomorph // Morph one tree into another tree // // no parent // -> same: diff and walk children // -> not same: replace and return // old node doesn't exist // -> insert new node // new node doesn't exist // -> delete old node // nodes are not the same // -> diff nodes and apply patch to old node // nodes are the same // -> walk all child nodes and append to old node function nanomorph (oldTree, newTree) { // if (DEBUG) { // console.log( // 'nanomorph\nold\n %s\nnew\n %s', // oldTree && oldTree.outerHTML, // newTree && newTree.outerHTML // ) // } assert.equal(typeof oldTree, 'object', 'nanomorph: oldTree should be an object') assert.equal(typeof newTree, 'object', 'nanomorph: newTree should be an object') var tree = walk(newTree, oldTree) // if (DEBUG) console.log('=> morphed\n %s', tree.outerHTML) return tree } // Walk and morph a dom tree function walk (newNode, oldNode) { // if (DEBUG) { // console.log( // 'walk\nold\n %s\nnew\n %s', // oldNode && oldNode.outerHTML, // newNode && newNode.outerHTML // ) // } if (!oldNode) { return newNode } else if (!newNode) { return null } else if (newNode.isSameNode && newNode.isSameNode(oldNode)) { return oldNode } else if (newNode.tagName !== oldNode.tagName) { return newNode } else { morph(newNode, oldNode) updateChildren(newNode, oldNode) return oldNode } } // Update the children of elements // (obj, obj) -> null function updateChildren (newNode, oldNode) { // if (DEBUG) { // console.log( // 'updateChildren\nold\n %s\nnew\n %s', // oldNode && oldNode.outerHTML, // newNode && newNode.outerHTML // ) // } var oldChild, newChild, morphed, oldMatch // The offset is only ever increased, and used for [i - offset] in the loop var offset = 0 for (var i = 0; ; i++) { oldChild = oldNode.childNodes[i] newChild = newNode.childNodes[i - offset] // if (DEBUG) { // console.log( // '===\n- old\n %s\n- new\n %s', // oldChild && oldChild.outerHTML, // newChild && newChild.outerHTML // ) // } // Both nodes are empty, do nothing if (!oldChild && !newChild) { break // There is no new child, remove old } else if (!newChild) { oldNode.removeChild(oldChild) i-- // There is no old child, add new } else if (!oldChild) { oldNode.appendChild(newChild) offset++ // Both nodes are the same, morph } else if (same(newChild, oldChild)) { morphed = walk(newChild, oldChild) if (morphed !== oldChild) { oldNode.replaceChild(morphed, oldChild) offset++ } // Both nodes do not share an ID or a placeholder, try reorder } else { oldMatch = null // Try and find a similar node somewhere in the tree for (var j = i; j < oldNode.childNodes.length; j++) { if (same(oldNode.childNodes[j], newChild)) { oldMatch = oldNode.childNodes[j] break } } // If there was a node with the same ID or placeholder in the old list if (oldMatch) { morphed = walk(newChild, oldMatch) if (morphed !== oldMatch) offset++ oldNode.insertBefore(morphed, oldChild) // It's safe to morph two nodes in-place if neither has an ID } else if (!newChild.id && !oldChild.id) { morphed = walk(newChild, oldChild) if (morphed !== oldChild) { oldNode.replaceChild(morphed, oldChild) offset++ } // Insert the node at the index if we couldn't morph or find a matching node } else { oldNode.insertBefore(newChild, oldChild) offset++ } } } } function same (a, b) { if (a.id) return a.id === b.id if (a.isSameNode) return a.isSameNode(b) if (a.tagName !== b.tagName) return false if (a.type === TEXT_NODE) return a.nodeValue === b.nodeValue return false } },{"./lib/morph":42,"assert":2}],41:[function(require,module,exports){ module.exports = [ // attribute events (can be set with attributes) 'onclick', 'ondblclick', 'onmousedown', 'onmouseup', 'onmouseover', 'onmousemove', 'onmouseout', 'onmouseenter', 'onmouseleave', 'ondragstart', 'ondrag', 'ondragenter', 'ondragleave', 'ondragover', 'ondrop', 'ondragend', 'onkeydown', 'onkeypress', 'onkeyup', 'onunload', 'onabort', 'onerror', 'onresize', 'onscroll', 'onselect', 'onchange', 'onsubmit', 'onreset', 'onfocus', 'onblur', 'oninput', // other common events 'oncontextmenu', 'onfocusin', 'onfocusout' ] },{}],42:[function(require,module,exports){ var events = require('./events') var eventsLength = events.length var ELEMENT_NODE = 1 var TEXT_NODE = 3 var COMMENT_NODE = 8 module.exports = morph // diff elements and apply the resulting patch to the old node // (obj, obj) -> null function morph (newNode, oldNode) { var nodeType = newNode.nodeType var nodeName = newNode.nodeName if (nodeType === ELEMENT_NODE) { copyAttrs(newNode, oldNode) } if (nodeType === TEXT_NODE || nodeType === COMMENT_NODE) { oldNode.nodeValue = newNode.nodeValue } // Some DOM nodes are weird // https://github.com/patrick-steele-idem/morphdom/blob/master/src/specialElHandlers.js if (nodeName === 'INPUT') updateInput(newNode, oldNode) else if (nodeName === 'OPTION') updateOption(newNode, oldNode) else if (nodeName === 'TEXTAREA') updateTextarea(newNode, oldNode) copyEvents(newNode, oldNode) } function copyAttrs (newNode, oldNode) { var oldAttrs = oldNode.attributes var newAttrs = newNode.attributes var attrNamespaceURI = null var attrValue = null var fromValue = null var attrName = null var attr = null for (var i = newAttrs.length - 1; i >= 0; --i) { attr = newAttrs[i] attrName = attr.name attrNamespaceURI = attr.namespaceURI attrValue = attr.value if (attrNamespaceURI) { attrName = attr.localName || attrName fromValue = oldNode.getAttributeNS(attrNamespaceURI, attrName) if (fromValue !== attrValue) { oldNode.setAttributeNS(attrNamespaceURI, attrName, attrValue) } } else { if (!oldNode.hasAttribute(attrName)) { oldNode.setAttribute(attrName, attrValue) } else { fromValue = oldNode.getAttribute(attrName) if (fromValue !== attrValue) { // apparently values are always cast to strings, ah well if (attrValue === 'null' || attrValue === 'undefined') { oldNode.removeAttribute(attrName) } else { oldNode.setAttribute(attrName, attrValue) } } } } } // Remove any extra attributes found on the original DOM element that // weren't found on the target element. for (var j = oldAttrs.length - 1; j >= 0; --j) { attr = oldAttrs[j] if (attr.specified !== false) { attrName = attr.name attrNamespaceURI = attr.namespaceURI if (attrNamespaceURI) { attrName = attr.localName || attrName if (!newNode.hasAttributeNS(attrNamespaceURI, attrName)) { oldNode.removeAttributeNS(attrNamespaceURI, attrName) } } else { if (!newNode.hasAttributeNS(null, attrName)) { oldNode.removeAttribute(attrName) } } } } } function copyEvents (newNode, oldNode) { for (var i = 0; i < eventsLength; i++) { var ev = events[i] if (newNode[ev]) { // if new element has a whitelisted attribute oldNode[ev] = newNode[ev] // update existing element } else if (oldNode[ev]) { // if existing element has it and new one doesnt oldNode[ev] = undefined // remove it from existing element } } } function updateOption (newNode, oldNode) { updateAttribute(newNode, oldNode, 'selected') } // The "value" attribute is special for the element since it sets the // initial value. Changing the "value" attribute without changing the "value" // property will have no effect since it is only used to the set the initial // value. Similar for the "checked" attribute, and "disabled". function updateInput (newNode, oldNode) { var newValue = newNode.value var oldValue = oldNode.value updateAttribute(newNode, oldNode, 'checked') updateAttribute(newNode, oldNode, 'disabled') if (newValue !== oldValue) { oldNode.setAttribute('value', newValue) oldNode.value = newValue } if (newValue === 'null') { oldNode.value = '' oldNode.removeAttribute('value') } if (!newNode.hasAttributeNS(null, 'value')) { oldNode.removeAttribute('value') } else if (oldNode.type === 'range') { // this is so elements like slider move their UI thingy oldNode.value = newValue } } function updateTextarea (newNode, oldNode) { var newValue = newNode.value if (newValue !== oldNode.value) { oldNode.value = newValue } if (oldNode.firstChild && oldNode.firstChild.nodeValue !== newValue) { // Needed for IE. Apparently IE sets the placeholder as the // node value and vise versa. This ignores an empty update. if (newValue === '' && oldNode.firstChild.nodeValue === oldNode.placeholder) { return } oldNode.firstChild.nodeValue = newValue } } function updateAttribute (newNode, oldNode, name) { if (newNode[name] !== oldNode[name]) { oldNode[name] = newNode[name] if (newNode[name]) { oldNode.setAttribute(name, '') } else { oldNode.removeAttribute(name) } } } },{"./events":41}],43:[function(require,module,exports){ var reg = new RegExp('([^?=&]+)(=([^&]*))?', 'g') var assert = require('assert') module.exports = qs function qs (url) { assert.equal(typeof url, 'string', 'nanoquery: url should be type string') assert.ok(typeof window !== 'undefined', 'nanoquery: expected window to exist') var obj = {} url.replace(/^.*\?/, '').replace(reg, function (a0, a1, a2, a3) { obj[window.decodeURIComponent(a1)] = window.decodeURIComponent(a3) }) return obj } },{"assert":2}],44:[function(require,module,exports){ 'use strict' var assert = require('assert') module.exports = nanoraf // Only call RAF when needed // (fn, fn?) -> fn function nanoraf (render, raf) { assert.equal(typeof render, 'function', 'nanoraf: render should be a function') assert.ok(typeof raf === 'function' || typeof raf === 'undefined', 'nanoraf: raf should be a function or undefined') if (!raf) raf = window.requestAnimationFrame var redrawScheduled = false var args = null return function frame () { if (args === null && !redrawScheduled) { redrawScheduled = true raf(function redraw () { redrawScheduled = false var length = args.length var _args = new Array(length) for (var i = 0; i < length; i++) _args[i] = args[i] render.apply(render, _args) args = null }) } args = arguments } } },{"assert":2}],45:[function(require,module,exports){ var wayfarer = require('wayfarer') var isLocalFile = (/file:\/\//.test(typeof window === 'object' && window.location && window.location.origin)) // electron support /* eslint-disable no-useless-escape */ var electron = '^(file:\/\/|\/)(.*\.html?\/?)?' var protocol = '^(http(s)?(:\/\/))?(www\.)?' var domain = '[a-zA-Z0-9-_\.]+(:[0-9]{1,5})?(\/{1})?' var qs = '[\?].*$' /* eslint-enable no-useless-escape */ var stripElectron = new RegExp(electron) var prefix = new RegExp(protocol + domain) var normalize = new RegExp('#') var suffix = new RegExp(qs) module.exports = Nanorouter function Nanorouter (opts) { opts = opts || {} var router = wayfarer(opts.default || '/404') var curry = opts.curry || false var prevCallback = null var prevRoute = null emit.router = router emit.on = on return emit function on (routename, listener) { routename = routename.replace(/^[#/]/, '') router.on(routename, listener) } function emit (route) { if (!curry) { return router(route) } else { route = pathname(route, isLocalFile) if (route === prevRoute) { return prevCallback() } else { prevRoute = route prevCallback = router(route) return prevCallback() } } } } // replace everything in a route but the pathname and hash function pathname (route, isElectron) { if (isElectron) route = route.replace(stripElectron, '') else route = route.replace(prefix, '') return route.replace(suffix, '').replace(normalize, '/') } },{"wayfarer":51}],46:[function(require,module,exports){ var onIdle = require('on-idle') var assert = require('assert') var perf var disabled = true try { perf = window.performance disabled = window.localStorage.DISABLE_NANOTIMING === 'true' || !perf.mark } catch (e) { } module.exports = nanotiming function nanotiming (name) { assert.equal(typeof name, 'string', 'nanotiming: name should be type string') if (disabled) return noop var uuid = (perf.now() * 100).toFixed() var startName = 'start-' + uuid + '-' + name perf.mark(startName) function end (cb) { var endName = 'end-' + uuid + '-' + name perf.mark(endName) onIdle(function () { var measureName = name + ' [' + uuid + ']' perf.measure(measureName, startName, endName) perf.clearMarks(startName) perf.clearMarks(endName) if (cb) cb(name) }) } end.uuid = uuid return end } function noop (cb) { if (cb) onIdle(cb) } },{"assert":2,"on-idle":47}],47:[function(require,module,exports){ var assert = require('assert') var dftOpts = {} var hasWindow = typeof window !== 'undefined' var hasIdle = hasWindow && window.requestIdleCallback module.exports = onIdle function onIdle (cb, opts) { opts = opts || dftOpts var timerId assert.equal(typeof cb, 'function', 'on-idle: cb should be type function') assert.equal(typeof opts, 'object', 'on-idle: opts should be type object') if (hasIdle) { timerId = window.requestIdleCallback(cb, opts) return window.cancelIdleCallback.bind(window, timerId) } else if (hasWindow) { timerId = setTimeout(cb, 0) return clearTimeout.bind(window, timerId) } } },{"assert":2}],48:[function(require,module,exports){ (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : (global.createREGL = factory()); }(this, (function () { 'use strict'; var arrayTypes = { "[object Int8Array]": 5120, "[object Int16Array]": 5122, "[object Int32Array]": 5124, "[object Uint8Array]": 5121, "[object Uint8ClampedArray]": 5121, "[object Uint16Array]": 5123, "[object Uint32Array]": 5125, "[object Float32Array]": 5126, "[object Float64Array]": 5121, "[object ArrayBuffer]": 5121 }; var isTypedArray = function (x) { return Object.prototype.toString.call(x) in arrayTypes }; var extend = function (base, opts) { var keys = Object.keys(opts); for (var i = 0; i < keys.length; ++i) { base[keys[i]] = opts[keys[i]]; } return base }; // Error checking and parameter validation. // // Statements for the form `check.someProcedure(...)` get removed by // a browserify transform for optimized/minified bundles. // /* globals btoa */ // only used for extracting shader names. if btoa not present, then errors // will be slightly crappier function decodeB64 (str) { if (typeof btoa !== 'undefined') { return btoa(str) } return 'base64:' + str } function raise (message) { var error = new Error('(regl) ' + message); console.error(error); throw error } function check (pred, message) { if (!pred) { raise(message); } } function encolon (message) { if (message) { return ': ' + message } return '' } function checkParameter (param, possibilities, message) { if (!(param in possibilities)) { raise('unknown parameter (' + param + ')' + encolon(message) + '. possible values: ' + Object.keys(possibilities).join()); } } function checkIsTypedArray (data, message) { if (!isTypedArray(data)) { raise( 'invalid parameter type' + encolon(message) + '. must be a typed array'); } } function checkTypeOf (value, type, message) { if (typeof value !== type) { raise( 'invalid parameter type' + encolon(message) + '. expected ' + type + ', got ' + (typeof value)); } } function checkNonNegativeInt (value, message) { if (!((value >= 0) && ((value | 0) === value))) { raise('invalid parameter type, (' + value + ')' + encolon(message) + '. must be a nonnegative integer'); } } function checkOneOf (value, list, message) { if (list.indexOf(value) < 0) { raise('invalid value' + encolon(message) + '. must be one of: ' + list); } } var constructorKeys = [ 'gl', 'canvas', 'container', 'attributes', 'pixelRatio', 'extensions', 'optionalExtensions', 'profile', 'onDone' ]; function checkConstructor (obj) { Object.keys(obj).forEach(function (key) { if (constructorKeys.indexOf(key) < 0) { raise('invalid regl constructor argument "' + key + '". must be one of ' + constructorKeys); } }); } function leftPad (str, n) { str = str + ''; while (str.length < n) { str = ' ' + str; } return str } function ShaderFile () { this.name = 'unknown'; this.lines = []; this.index = {}; this.hasErrors = false; } function ShaderLine (number, line) { this.number = number; this.line = line; this.errors = []; } function ShaderError (fileNumber, lineNumber, message) { this.file = fileNumber; this.line = lineNumber; this.message = message; } function guessCommand () { var error = new Error(); var stack = (error.stack || error).toString(); var pat = /compileProcedure.*\n\s*at.*\((.*)\)/.exec(stack); if (pat) { return pat[1] } var pat2 = /compileProcedure.*\n\s*at\s+(.*)(\n|$)/.exec(stack); if (pat2) { return pat2[1] } return 'unknown' } function guessCallSite () { var error = new Error(); var stack = (error.stack || error).toString(); var pat = /at REGLCommand.*\n\s+at.*\((.*)\)/.exec(stack); if (pat) { return pat[1] } var pat2 = /at REGLCommand.*\n\s+at\s+(.*)\n/.exec(stack); if (pat2) { return pat2[1] } return 'unknown' } function parseSource (source, command) { var lines = source.split('\n'); var lineNumber = 1; var fileNumber = 0; var files = { unknown: new ShaderFile(), 0: new ShaderFile() }; files.unknown.name = files[0].name = command || guessCommand(); files.unknown.lines.push(new ShaderLine(0, '')); for (var i = 0; i < lines.length; ++i) { var line = lines[i]; var parts = /^\s*\#\s*(\w+)\s+(.+)\s*$/.exec(line); if (parts) { switch (parts[1]) { case 'line': var lineNumberInfo = /(\d+)(\s+\d+)?/.exec(parts[2]); if (lineNumberInfo) { lineNumber = lineNumberInfo[1] | 0; if (lineNumberInfo[2]) { fileNumber = lineNumberInfo[2] | 0; if (!(fileNumber in files)) { files[fileNumber] = new ShaderFile(); } } } break case 'define': var nameInfo = /SHADER_NAME(_B64)?\s+(.*)$/.exec(parts[2]); if (nameInfo) { files[fileNumber].name = (nameInfo[1] ? decodeB64(nameInfo[2]) : nameInfo[2]); } break } } files[fileNumber].lines.push(new ShaderLine(lineNumber++, line)); } Object.keys(files).forEach(function (fileNumber) { var file = files[fileNumber]; file.lines.forEach(function (line) { file.index[line.number] = line; }); }); return files } function parseErrorLog (errLog) { var result = []; errLog.split('\n').forEach(function (errMsg) { if (errMsg.length < 5) { return } var parts = /^ERROR\:\s+(\d+)\:(\d+)\:\s*(.*)$/.exec(errMsg); if (parts) { result.push(new ShaderError( parts[1] | 0, parts[2] | 0, parts[3].trim())); } else if (errMsg.length > 0) { result.push(new ShaderError('unknown', 0, errMsg)); } }); return result } function annotateFiles (files, errors) { errors.forEach(function (error) { var file = files[error.file]; if (file) { var line = file.index[error.line]; if (line) { line.errors.push(error); file.hasErrors = true; return } } files.unknown.hasErrors = true; files.unknown.lines[0].errors.push(error); }); } function checkShaderError (gl, shader, source, type, command) { if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) { var errLog = gl.getShaderInfoLog(shader); var typeName = type === gl.FRAGMENT_SHADER ? 'fragment' : 'vertex'; checkCommandType(source, 'string', typeName + ' shader source must be a string', command); var files = parseSource(source, command); var errors = parseErrorLog(errLog); annotateFiles(files, errors); Object.keys(files).forEach(function (fileNumber) { var file = files[fileNumber]; if (!file.hasErrors) { return } var strings = ['']; var styles = ['']; function push (str, style) { strings.push(str); styles.push(style || ''); } push('file number ' + fileNumber + ': ' + file.name + '\n', 'color:red;text-decoration:underline;font-weight:bold'); file.lines.forEach(function (line) { if (line.errors.length > 0) { push(leftPad(line.number, 4) + '| ', 'background-color:yellow; font-weight:bold'); push(line.line + '\n', 'color:red; background-color:yellow; font-weight:bold'); // try to guess token var offset = 0; line.errors.forEach(function (error) { var message = error.message; var token = /^\s*\'(.*)\'\s*\:\s*(.*)$/.exec(message); if (token) { var tokenPat = token[1]; message = token[2]; switch (tokenPat) { case 'assign': tokenPat = '='; break } offset = Math.max(line.line.indexOf(tokenPat, offset), 0); } else { offset = 0; } push(leftPad('| ', 6)); push(leftPad('^^^', offset + 3) + '\n', 'font-weight:bold'); push(leftPad('| ', 6)); push(message + '\n', 'font-weight:bold'); }); push(leftPad('| ', 6) + '\n'); } else { push(leftPad(line.number, 4) + '| '); push(line.line + '\n', 'color:red'); } }); if (typeof document !== 'undefined') { styles[0] = strings.join('%c'); console.log.apply(console, styles); } else { console.log(strings.join('')); } }); check.raise('Error compiling ' + typeName + ' shader, ' + files[0].name); } } function checkLinkError (gl, program, fragShader, vertShader, command) { if (!gl.getProgramParameter(program, gl.LINK_STATUS)) { var errLog = gl.getProgramInfoLog(program); var fragParse = parseSource(fragShader, command); var vertParse = parseSource(vertShader, command); var header = 'Error linking program with vertex shader, "' + vertParse[0].name + '", and fragment shader "' + fragParse[0].name + '"'; if (typeof document !== 'undefined') { console.log('%c' + header + '\n%c' + errLog, 'color:red;text-decoration:underline;font-weight:bold', 'color:red'); } else { console.log(header + '\n' + errLog); } check.raise(header); } } function saveCommandRef (object) { object._commandRef = guessCommand(); } function saveDrawCommandInfo (opts, uniforms, attributes, stringStore) { saveCommandRef(opts); function id (str) { if (str) { return stringStore.id(str) } return 0 } opts._fragId = id(opts.static.frag); opts._vertId = id(opts.static.vert); function addProps (dict, set) { Object.keys(set).forEach(function (u) { dict[stringStore.id(u)] = true; }); } var uniformSet = opts._uniformSet = {}; addProps(uniformSet, uniforms.static); addProps(uniformSet, uniforms.dynamic); var attributeSet = opts._attributeSet = {}; addProps(attributeSet, attributes.static); addProps(attributeSet, attributes.dynamic); opts._hasCount = ( 'count' in opts.static || 'count' in opts.dynamic || 'elements' in opts.static || 'elements' in opts.dynamic); } function commandRaise (message, command) { var callSite = guessCallSite(); raise(message + ' in command ' + (command || guessCommand()) + (callSite === 'unknown' ? '' : ' called from ' + callSite)); } function checkCommand (pred, message, command) { if (!pred) { commandRaise(message, command || guessCommand()); } } function checkParameterCommand (param, possibilities, message, command) { if (!(param in possibilities)) { commandRaise( 'unknown parameter (' + param + ')' + encolon(message) + '. possible values: ' + Object.keys(possibilities).join(), command || guessCommand()); } } function checkCommandType (value, type, message, command) { if (typeof value !== type) { commandRaise( 'invalid parameter type' + encolon(message) + '. expected ' + type + ', got ' + (typeof value), command || guessCommand()); } } function checkOptional (block) { block(); } function checkFramebufferFormat (attachment, texFormats, rbFormats) { if (attachment.texture) { checkOneOf( attachment.texture._texture.internalformat, texFormats, 'unsupported texture format for attachment'); } else { checkOneOf( attachment.renderbuffer._renderbuffer.format, rbFormats, 'unsupported renderbuffer format for attachment'); } } var GL_CLAMP_TO_EDGE = 0x812F; var GL_NEAREST = 0x2600; var GL_NEAREST_MIPMAP_NEAREST = 0x2700; var GL_LINEAR_MIPMAP_NEAREST = 0x2701; var GL_NEAREST_MIPMAP_LINEAR = 0x2702; var GL_LINEAR_MIPMAP_LINEAR = 0x2703; var GL_BYTE = 5120; var GL_UNSIGNED_BYTE = 5121; var GL_SHORT = 5122; var GL_UNSIGNED_SHORT = 5123; var GL_INT = 5124; var GL_UNSIGNED_INT = 5125; var GL_FLOAT = 5126; var GL_UNSIGNED_SHORT_4_4_4_4 = 0x8033; var GL_UNSIGNED_SHORT_5_5_5_1 = 0x8034; var GL_UNSIGNED_SHORT_5_6_5 = 0x8363; var GL_UNSIGNED_INT_24_8_WEBGL = 0x84FA; var GL_HALF_FLOAT_OES = 0x8D61; var TYPE_SIZE = {}; TYPE_SIZE[GL_BYTE] = TYPE_SIZE[GL_UNSIGNED_BYTE] = 1; TYPE_SIZE[GL_SHORT] = TYPE_SIZE[GL_UNSIGNED_SHORT] = TYPE_SIZE[GL_HALF_FLOAT_OES] = TYPE_SIZE[GL_UNSIGNED_SHORT_5_6_5] = TYPE_SIZE[GL_UNSIGNED_SHORT_4_4_4_4] = TYPE_SIZE[GL_UNSIGNED_SHORT_5_5_5_1] = 2; TYPE_SIZE[GL_INT] = TYPE_SIZE[GL_UNSIGNED_INT] = TYPE_SIZE[GL_FLOAT] = TYPE_SIZE[GL_UNSIGNED_INT_24_8_WEBGL] = 4; function pixelSize (type, channels) { if (type === GL_UNSIGNED_SHORT_5_5_5_1 || type === GL_UNSIGNED_SHORT_4_4_4_4 || type === GL_UNSIGNED_SHORT_5_6_5) { return 2 } else if (type === GL_UNSIGNED_INT_24_8_WEBGL) { return 4 } else { return TYPE_SIZE[type] * channels } } function isPow2 (v) { return !(v & (v - 1)) && (!!v) } function checkTexture2D (info, mipData, limits) { var i; var w = mipData.width; var h = mipData.height; var c = mipData.channels; // Check texture shape check(w > 0 && w <= limits.maxTextureSize && h > 0 && h <= limits.maxTextureSize, 'invalid texture shape'); // check wrap mode if (info.wrapS !== GL_CLAMP_TO_EDGE || info.wrapT !== GL_CLAMP_TO_EDGE) { check(isPow2(w) && isPow2(h), 'incompatible wrap mode for texture, both width and height must be power of 2'); } if (mipData.mipmask === 1) { if (w !== 1 && h !== 1) { check( info.minFilter !== GL_NEAREST_MIPMAP_NEAREST && info.minFilter !== GL_NEAREST_MIPMAP_LINEAR && info.minFilter !== GL_LINEAR_MIPMAP_NEAREST && info.minFilter !== GL_LINEAR_MIPMAP_LINEAR, 'min filter requires mipmap'); } } else { // texture must be power of 2 check(isPow2(w) && isPow2(h), 'texture must be a square power of 2 to support mipmapping'); check(mipData.mipmask === (w << 1) - 1, 'missing or incomplete mipmap data'); } if (mipData.type === GL_FLOAT) { if (limits.extensions.indexOf('oes_texture_float_linear') < 0) { check(info.minFilter === GL_NEAREST && info.magFilter === GL_NEAREST, 'filter not supported, must enable oes_texture_float_linear'); } check(!info.genMipmaps, 'mipmap generation not supported with float textures'); } // check image complete var mipimages = mipData.images; for (i = 0; i < 16; ++i) { if (mipimages[i]) { var mw = w >> i; var mh = h >> i; check(mipData.mipmask & (1 << i), 'missing mipmap data'); var img = mipimages[i]; check( img.width === mw && img.height === mh, 'invalid shape for mip images'); check( img.format === mipData.format && img.internalformat === mipData.internalformat && img.type === mipData.type, 'incompatible type for mip image'); if (img.compressed) { // TODO: check size for compressed images } else if (img.data) { // check(img.data.byteLength === mw * mh * // Math.max(pixelSize(img.type, c), img.unpackAlignment), var rowSize = Math.ceil(pixelSize(img.type, c) * mw / img.unpackAlignment) * img.unpackAlignment; check(img.data.byteLength === rowSize * mh, 'invalid data for image, buffer size is inconsistent with image format'); } else if (img.element) { // TODO: check element can be loaded } else if (img.copy) { // TODO: check compatible format and type } } else if (!info.genMipmaps) { check((mipData.mipmask & (1 << i)) === 0, 'extra mipmap data'); } } if (mipData.compressed) { check(!info.genMipmaps, 'mipmap generation for compressed images not supported'); } } function checkTextureCube (texture, info, faces, limits) { var w = texture.width; var h = texture.height; var c = texture.channels; // Check texture shape check( w > 0 && w <= limits.maxTextureSize && h > 0 && h <= limits.maxTextureSize, 'invalid texture shape'); check( w === h, 'cube map must be square'); check( info.wrapS === GL_CLAMP_TO_EDGE && info.wrapT === GL_CLAMP_TO_EDGE, 'wrap mode not supported by cube map'); for (var i = 0; i < faces.length; ++i) { var face = faces[i]; check( face.width === w && face.height === h, 'inconsistent cube map face shape'); if (info.genMipmaps) { check(!face.compressed, 'can not generate mipmap for compressed textures'); check(face.mipmask === 1, 'can not specify mipmaps and generate mipmaps'); } else { // TODO: check mip and filter mode } var mipmaps = face.images; for (var j = 0; j < 16; ++j) { var img = mipmaps[j]; if (img) { var mw = w >> j; var mh = h >> j; check(face.mipmask & (1 << j), 'missing mipmap data'); check( img.width === mw && img.height === mh, 'invalid shape for mip images'); check( img.format === texture.format && img.internalformat === texture.internalformat && img.type === texture.type, 'incompatible type for mip image'); if (img.compressed) { // TODO: check size for compressed images } else if (img.data) { check(img.data.byteLength === mw * mh * Math.max(pixelSize(img.type, c), img.unpackAlignment), 'invalid data for image, buffer size is inconsistent with image format'); } else if (img.element) { // TODO: check element can be loaded } else if (img.copy) { // TODO: check compatible format and type } } } } } var check$1 = extend(check, { optional: checkOptional, raise: raise, commandRaise: commandRaise, command: checkCommand, parameter: checkParameter, commandParameter: checkParameterCommand, constructor: checkConstructor, type: checkTypeOf, commandType: checkCommandType, isTypedArray: checkIsTypedArray, nni: checkNonNegativeInt, oneOf: checkOneOf, shaderError: checkShaderError, linkError: checkLinkError, callSite: guessCallSite, saveCommandRef: saveCommandRef, saveDrawInfo: saveDrawCommandInfo, framebufferFormat: checkFramebufferFormat, guessCommand: guessCommand, texture2D: checkTexture2D, textureCube: checkTextureCube }); var VARIABLE_COUNTER = 0; var DYN_FUNC = 0; function DynamicVariable (type, data) { this.id = (VARIABLE_COUNTER++); this.type = type; this.data = data; } function escapeStr (str) { return str.replace(/\\/g, '\\\\').replace(/"/g, '\\"') } function splitParts (str) { if (str.length === 0) { return [] } var firstChar = str.charAt(0); var lastChar = str.charAt(str.length - 1); if (str.length > 1 && firstChar === lastChar && (firstChar === '"' || firstChar === "'")) { return ['"' + escapeStr(str.substr(1, str.length - 2)) + '"'] } var parts = /\[(false|true|null|\d+|'[^']*'|"[^"]*")\]/.exec(str); if (parts) { return ( splitParts(str.substr(0, parts.index)) .concat(splitParts(parts[1])) .concat(splitParts(str.substr(parts.index + parts[0].length))) ) } var subparts = str.split('.'); if (subparts.length === 1) { return ['"' + escapeStr(str) + '"'] } var result = []; for (var i = 0; i < subparts.length; ++i) { result = result.concat(splitParts(subparts[i])); } return result } function toAccessorString (str) { return '[' + splitParts(str).join('][') + ']' } function defineDynamic (type, data) { return new DynamicVariable(type, toAccessorString(data + '')) } function isDynamic (x) { return (typeof x === 'function' && !x._reglType) || x instanceof DynamicVariable } function unbox (x, path) { if (typeof x === 'function') { return new DynamicVariable(DYN_FUNC, x) } return x } var dynamic = { DynamicVariable: DynamicVariable, define: defineDynamic, isDynamic: isDynamic, unbox: unbox, accessor: toAccessorString }; /* globals requestAnimationFrame, cancelAnimationFrame */ var raf = { next: typeof requestAnimationFrame === 'function' ? function (cb) { return requestAnimationFrame(cb) } : function (cb) { return setTimeout(cb, 16) }, cancel: typeof cancelAnimationFrame === 'function' ? function (raf) { return cancelAnimationFrame(raf) } : clearTimeout }; /* globals performance */ var clock = (typeof performance !== 'undefined' && performance.now) ? function () { return performance.now() } : function () { return +(new Date()) }; function createStringStore () { var stringIds = {'': 0}; var stringValues = ['']; return { id: function (str) { var result = stringIds[str]; if (result) { return result } result = stringIds[str] = stringValues.length; stringValues.push(str); return result }, str: function (id) { return stringValues[id] } } } // Context and canvas creation helper functions function createCanvas (element, onDone, pixelRatio) { var canvas = document.createElement('canvas'); extend(canvas.style, { border: 0, margin: 0, padding: 0, top: 0, left: 0 }); element.appendChild(canvas); if (element === document.body) { canvas.style.position = 'absolute'; extend(element.style, { margin: 0, padding: 0 }); } function resize () { var w = window.innerWidth; var h = window.innerHeight; if (element !== document.body) { var bounds = element.getBoundingClientRect(); w = bounds.right - bounds.left; h = bounds.bottom - bounds.top; } canvas.width = pixelRatio * w; canvas.height = pixelRatio * h; extend(canvas.style, { width: w + 'px', height: h + 'px' }); } window.addEventListener('resize', resize, false); function onDestroy () { window.removeEventListener('resize', resize); element.removeChild(canvas); } resize(); return { canvas: canvas, onDestroy: onDestroy } } function createContext (canvas, contexAttributes) { function get (name) { try { return canvas.getContext(name, contexAttributes) } catch (e) { return null } } return ( get('webgl') || get('experimental-webgl') || get('webgl-experimental') ) } function isHTMLElement (obj) { return ( typeof obj.nodeName === 'string' && typeof obj.appendChild === 'function' && typeof obj.getBoundingClientRect === 'function' ) } function isWebGLContext (obj) { return ( typeof obj.drawArrays === 'function' || typeof obj.drawElements === 'function' ) } function parseExtensions (input) { if (typeof input === 'string') { return input.split() } check$1(Array.isArray(input), 'invalid extension array'); return input } function getElement (desc) { if (typeof desc === 'string') { check$1(typeof document !== 'undefined', 'not supported outside of DOM'); return document.querySelector(desc) } return desc } function parseArgs (args_) { var args = args_ || {}; var element, container, canvas, gl; var contextAttributes = {}; var extensions = []; var optionalExtensions = []; var pixelRatio = (typeof window === 'undefined' ? 1 : window.devicePixelRatio); var profile = false; var onDone = function (err) { if (err) { check$1.raise(err); } }; var onDestroy = function () {}; if (typeof args === 'string') { check$1( typeof document !== 'undefined', 'selector queries only supported in DOM enviroments'); element = document.querySelector(args); check$1(element, 'invalid query string for element'); } else if (typeof args === 'object') { if (isHTMLElement(args)) { element = args; } else if (isWebGLContext(args)) { gl = args; canvas = gl.canvas; } else { check$1.constructor(args); if ('gl' in args) { gl = args.gl; } else if ('canvas' in args) { canvas = getElement(args.canvas); } else if ('container' in args) { container = getElement(args.container); } if ('attributes' in args) { contextAttributes = args.attributes; check$1.type(contextAttributes, 'object', 'invalid context attributes'); } if ('extensions' in args) { extensions = parseExtensions(args.extensions); } if ('optionalExtensions' in args) { optionalExtensions = parseExtensions(args.optionalExtensions); } if ('onDone' in args) { check$1.type( args.onDone, 'function', 'invalid or missing onDone callback'); onDone = args.onDone; } if ('profile' in args) { profile = !!args.profile; } if ('pixelRatio' in args) { pixelRatio = +args.pixelRatio; check$1(pixelRatio > 0, 'invalid pixel ratio'); } } } else { check$1.raise('invalid arguments to regl'); } if (element) { if (element.nodeName.toLowerCase() === 'canvas') { canvas = element; } else { container = element; } } if (!gl) { if (!canvas) { check$1( typeof document !== 'undefined', 'must manually specify webgl context outside of DOM environments'); var result = createCanvas(container || document.body, onDone, pixelRatio); if (!result) { return null } canvas = result.canvas; onDestroy = result.onDestroy; } gl = createContext(canvas, contextAttributes); } if (!gl) { onDestroy(); onDone('webgl not supported, try upgrading your browser or graphics drivers http://get.webgl.org'); return null } return { gl: gl, canvas: canvas, container: container, extensions: extensions, optionalExtensions: optionalExtensions, pixelRatio: pixelRatio, profile: profile, onDone: onDone, onDestroy: onDestroy } } function createExtensionCache (gl, config) { var extensions = {}; function tryLoadExtension (name_) { check$1.type(name_, 'string', 'extension name must be string'); var name = name_.toLowerCase(); var ext; try { ext = extensions[name] = gl.getExtension(name); } catch (e) {} return !!ext } for (var i = 0; i < config.extensions.length; ++i) { var name = config.extensions[i]; if (!tryLoadExtension(name)) { config.onDestroy(); config.onDone('"' + name + '" extension is not supported by the current WebGL context, try upgrading your system or a different browser'); return null } } config.optionalExtensions.forEach(tryLoadExtension); return { extensions: extensions, restore: function () { Object.keys(extensions).forEach(function (name) { if (!tryLoadExtension(name)) { throw new Error('(regl): error restoring extension ' + name) } }); } } } var GL_SUBPIXEL_BITS = 0x0D50; var GL_RED_BITS = 0x0D52; var GL_GREEN_BITS = 0x0D53; var GL_BLUE_BITS = 0x0D54; var GL_ALPHA_BITS = 0x0D55; var GL_DEPTH_BITS = 0x0D56; var GL_STENCIL_BITS = 0x0D57; var GL_ALIASED_POINT_SIZE_RANGE = 0x846D; var GL_ALIASED_LINE_WIDTH_RANGE = 0x846E; var GL_MAX_TEXTURE_SIZE = 0x0D33; var GL_MAX_VIEWPORT_DIMS = 0x0D3A; var GL_MAX_VERTEX_ATTRIBS = 0x8869; var GL_MAX_VERTEX_UNIFORM_VECTORS = 0x8DFB; var GL_MAX_VARYING_VECTORS = 0x8DFC; var GL_MAX_COMBINED_TEXTURE_IMAGE_UNITS = 0x8B4D; var GL_MAX_VERTEX_TEXTURE_IMAGE_UNITS = 0x8B4C; var GL_MAX_TEXTURE_IMAGE_UNITS = 0x8872; var GL_MAX_FRAGMENT_UNIFORM_VECTORS = 0x8DFD; var GL_MAX_CUBE_MAP_TEXTURE_SIZE = 0x851C; var GL_MAX_RENDERBUFFER_SIZE = 0x84E8; var GL_VENDOR = 0x1F00; var GL_RENDERER = 0x1F01; var GL_VERSION = 0x1F02; var GL_SHADING_LANGUAGE_VERSION = 0x8B8C; var GL_MAX_TEXTURE_MAX_ANISOTROPY_EXT = 0x84FF; var GL_MAX_COLOR_ATTACHMENTS_WEBGL = 0x8CDF; var GL_MAX_DRAW_BUFFERS_WEBGL = 0x8824; var wrapLimits = function (gl, extensions) { var maxAnisotropic = 1; if (extensions.ext_texture_filter_anisotropic) { maxAnisotropic = gl.getParameter(GL_MAX_TEXTURE_MAX_ANISOTROPY_EXT); } var maxDrawbuffers = 1; var maxColorAttachments = 1; if (extensions.webgl_draw_buffers) { maxDrawbuffers = gl.getParameter(GL_MAX_DRAW_BUFFERS_WEBGL); maxColorAttachments = gl.getParameter(GL_MAX_COLOR_ATTACHMENTS_WEBGL); } return { // drawing buffer bit depth colorBits: [ gl.getParameter(GL_RED_BITS), gl.getParameter(GL_GREEN_BITS), gl.getParameter(GL_BLUE_BITS), gl.getParameter(GL_ALPHA_BITS) ], depthBits: gl.getParameter(GL_DEPTH_BITS), stencilBits: gl.getParameter(GL_STENCIL_BITS), subpixelBits: gl.getParameter(GL_SUBPIXEL_BITS), // supported extensions extensions: Object.keys(extensions).filter(function (ext) { return !!extensions[ext] }), // max aniso samples maxAnisotropic: maxAnisotropic, // max draw buffers maxDrawbuffers: maxDrawbuffers, maxColorAttachments: maxColorAttachments, // point and line size ranges pointSizeDims: gl.getParameter(GL_ALIASED_POINT_SIZE_RANGE), lineWidthDims: gl.getParameter(GL_ALIASED_LINE_WIDTH_RANGE), maxViewportDims: gl.getParameter(GL_MAX_VIEWPORT_DIMS), maxCombinedTextureUnits: gl.getParameter(GL_MAX_COMBINED_TEXTURE_IMAGE_UNITS), maxCubeMapSize: gl.getParameter(GL_MAX_CUBE_MAP_TEXTURE_SIZE), maxRenderbufferSize: gl.getParameter(GL_MAX_RENDERBUFFER_SIZE), maxTextureUnits: gl.getParameter(GL_MAX_TEXTURE_IMAGE_UNITS), maxTextureSize: gl.getParameter(GL_MAX_TEXTURE_SIZE), maxAttributes: gl.getParameter(GL_MAX_VERTEX_ATTRIBS), maxVertexUniforms: gl.getParameter(GL_MAX_VERTEX_UNIFORM_VECTORS), maxVertexTextureUnits: gl.getParameter(GL_MAX_VERTEX_TEXTURE_IMAGE_UNITS), maxVaryingVectors: gl.getParameter(GL_MAX_VARYING_VECTORS), maxFragmentUniforms: gl.getParameter(GL_MAX_FRAGMENT_UNIFORM_VECTORS), // vendor info glsl: gl.getParameter(GL_SHADING_LANGUAGE_VERSION), renderer: gl.getParameter(GL_RENDERER), vendor: gl.getParameter(GL_VENDOR), version: gl.getParameter(GL_VERSION) } }; function isNDArrayLike (obj) { return ( !!obj && typeof obj === 'object' && Array.isArray(obj.shape) && Array.isArray(obj.stride) && typeof obj.offset === 'number' && obj.shape.length === obj.stride.length && (Array.isArray(obj.data) || isTypedArray(obj.data))) } var values = function (obj) { return Object.keys(obj).map(function (key) { return obj[key] }) }; function loop (n, f) { var result = Array(n); for (var i = 0; i < n; ++i) { result[i] = f(i); } return result } var GL_BYTE$1 = 5120; var GL_UNSIGNED_BYTE$2 = 5121; var GL_SHORT$1 = 5122; var GL_UNSIGNED_SHORT$1 = 5123; var GL_INT$1 = 5124; var GL_UNSIGNED_INT$1 = 5125; var GL_FLOAT$2 = 5126; var bufferPool = loop(8, function () { return [] }); function nextPow16 (v) { for (var i = 16; i <= (1 << 28); i *= 16) { if (v <= i) { return i } } return 0 } function log2 (v) { var r, shift; r = (v > 0xFFFF) << 4; v >>>= r; shift = (v > 0xFF) << 3; v >>>= shift; r |= shift; shift = (v > 0xF) << 2; v >>>= shift; r |= shift; shift = (v > 0x3) << 1; v >>>= shift; r |= shift; return r | (v >> 1) } function alloc (n) { var sz = nextPow16(n); var bin = bufferPool[log2(sz) >> 2]; if (bin.length > 0) { return bin.pop() } return new ArrayBuffer(sz) } function free (buf) { bufferPool[log2(buf.byteLength) >> 2].push(buf); } function allocType (type, n) { var result = null; switch (type) { case GL_BYTE$1: result = new Int8Array(alloc(n), 0, n); break case GL_UNSIGNED_BYTE$2: result = new Uint8Array(alloc(n), 0, n); break case GL_SHORT$1: result = new Int16Array(alloc(2 * n), 0, n); break case GL_UNSIGNED_SHORT$1: result = new Uint16Array(alloc(2 * n), 0, n); break case GL_INT$1: result = new Int32Array(alloc(4 * n), 0, n); break case GL_UNSIGNED_INT$1: result = new Uint32Array(alloc(4 * n), 0, n); break case GL_FLOAT$2: result = new Float32Array(alloc(4 * n), 0, n); break default: return null } if (result.length !== n) { return result.subarray(0, n) } return result } function freeType (array) { free(array.buffer); } var pool = { alloc: alloc, free: free, allocType: allocType, freeType: freeType }; var flattenUtils = { shape: arrayShape$1, flatten: flattenArray }; function flatten1D (array, nx, out) { for (var i = 0; i < nx; ++i) { out[i] = array[i]; } } function flatten2D (array, nx, ny, out) { var ptr = 0; for (var i = 0; i < nx; ++i) { var row = array[i]; for (var j = 0; j < ny; ++j) { out[ptr++] = row[j]; } } } function flatten3D (array, nx, ny, nz, out, ptr_) { var ptr = ptr_; for (var i = 0; i < nx; ++i) { var row = array[i]; for (var j = 0; j < ny; ++j) { var col = row[j]; for (var k = 0; k < nz; ++k) { out[ptr++] = col[k]; } } } } function flattenRec (array, shape, level, out, ptr) { var stride = 1; for (var i = level + 1; i < shape.length; ++i) { stride *= shape[i]; } var n = shape[level]; if (shape.length - level === 4) { var nx = shape[level + 1]; var ny = shape[level + 2]; var nz = shape[level + 3]; for (i = 0; i < n; ++i) { flatten3D(array[i], nx, ny, nz, out, ptr); ptr += stride; } } else { for (i = 0; i < n; ++i) { flattenRec(array[i], shape, level + 1, out, ptr); ptr += stride; } } } function flattenArray (array, shape, type, out_) { var sz = 1; if (shape.length) { for (var i = 0; i < shape.length; ++i) { sz *= shape[i]; } } else { sz = 0; } var out = out_ || pool.allocType(type, sz); switch (shape.length) { case 0: break case 1: flatten1D(array, shape[0], out); break case 2: flatten2D(array, shape[0], shape[1], out); break case 3: flatten3D(array, shape[0], shape[1], shape[2], out, 0); break default: flattenRec(array, shape, 0, out, 0); } return out } function arrayShape$1 (array_) { var shape = []; for (var array = array_; array.length; array = array[0]) { shape.push(array.length); } return shape } var int8 = 5120; var int16 = 5122; var int32 = 5124; var uint8 = 5121; var uint16 = 5123; var uint32 = 5125; var float = 5126; var float32 = 5126; var glTypes = { int8: int8, int16: int16, int32: int32, uint8: uint8, uint16: uint16, uint32: uint32, float: float, float32: float32 }; var dynamic$1 = 35048; var stream = 35040; var usageTypes = { dynamic: dynamic$1, stream: stream, "static": 35044 }; var arrayFlatten = flattenUtils.flatten; var arrayShape = flattenUtils.shape; var GL_STATIC_DRAW = 0x88E4; var GL_STREAM_DRAW = 0x88E0; var GL_UNSIGNED_BYTE$1 = 5121; var GL_FLOAT$1 = 5126; var DTYPES_SIZES = []; DTYPES_SIZES[5120] = 1; // int8 DTYPES_SIZES[5122] = 2; // int16 DTYPES_SIZES[5124] = 4; // int32 DTYPES_SIZES[5121] = 1; // uint8 DTYPES_SIZES[5123] = 2; // uint16 DTYPES_SIZES[5125] = 4; // uint32 DTYPES_SIZES[5126] = 4; // float32 function typedArrayCode (data) { return arrayTypes[Object.prototype.toString.call(data)] | 0 } function copyArray (out, inp) { for (var i = 0; i < inp.length; ++i) { out[i] = inp[i]; } } function transpose ( result, data, shapeX, shapeY, strideX, strideY, offset) { var ptr = 0; for (var i = 0; i < shapeX; ++i) { for (var j = 0; j < shapeY; ++j) { result[ptr++] = data[strideX * i + strideY * j + offset]; } } } function wrapBufferState (gl, stats, config) { var bufferCount = 0; var bufferSet = {}; function REGLBuffer (type) { this.id = bufferCount++; this.buffer = gl.createBuffer(); this.type = type; this.usage = GL_STATIC_DRAW; this.byteLength = 0; this.dimension = 1; this.dtype = GL_UNSIGNED_BYTE$1; this.persistentData = null; if (config.profile) { this.stats = {size: 0}; } } REGLBuffer.prototype.bind = function () { gl.bindBuffer(this.type, this.buffer); }; REGLBuffer.prototype.destroy = function () { destroy(this); }; var streamPool = []; function createStream (type, data) { var buffer = streamPool.pop(); if (!buffer) { buffer = new REGLBuffer(type); } buffer.bind(); initBufferFromData(buffer, data, GL_STREAM_DRAW, 0, 1, false); return buffer } function destroyStream (stream$$1) { streamPool.push(stream$$1); } function initBufferFromTypedArray (buffer, data, usage) { buffer.byteLength = data.byteLength; gl.bufferData(buffer.type, data, usage); } function initBufferFromData (buffer, data, usage, dtype, dimension, persist) { var shape; buffer.usage = usage; if (Array.isArray(data)) { buffer.dtype = dtype || GL_FLOAT$1; if (data.length > 0) { var flatData; if (Array.isArray(data[0])) { shape = arrayShape(data); var dim = 1; for (var i = 1; i < shape.length; ++i) { dim *= shape[i]; } buffer.dimension = dim; flatData = arrayFlatten(data, shape, buffer.dtype); initBufferFromTypedArray(buffer, flatData, usage); if (persist) { buffer.persistentData = flatData; } else { pool.freeType(flatData); } } else if (typeof data[0] === 'number') { buffer.dimension = dimension; var typedData = pool.allocType(buffer.dtype, data.length); copyArray(typedData, data); initBufferFromTypedArray(buffer, typedData, usage); if (persist) { buffer.persistentData = typedData; } else { pool.freeType(typedData); } } else if (isTypedArray(data[0])) { buffer.dimension = data[0].length; buffer.dtype = dtype || typedArrayCode(data[0]) || GL_FLOAT$1; flatData = arrayFlatten( data, [data.length, data[0].length], buffer.dtype); initBufferFromTypedArray(buffer, flatData, usage); if (persist) { buffer.persistentData = flatData; } else { pool.freeType(flatData); } } else { check$1.raise('invalid buffer data'); } } } else if (isTypedArray(data)) { buffer.dtype = dtype || typedArrayCode(data); buffer.dimension = dimension; initBufferFromTypedArray(buffer, data, usage); if (persist) { buffer.persistentData = new Uint8Array(new Uint8Array(data.buffer)); } } else if (isNDArrayLike(data)) { shape = data.shape; var stride = data.stride; var offset = data.offset; var shapeX = 0; var shapeY = 0; var strideX = 0; var strideY = 0; if (shape.length === 1) { shapeX = shape[0]; shapeY = 1; strideX = stride[0]; strideY = 0; } else if (shape.length === 2) { shapeX = shape[0]; shapeY = shape[1]; strideX = stride[0]; strideY = stride[1]; } else { check$1.raise('invalid shape'); } buffer.dtype = dtype || typedArrayCode(data.data) || GL_FLOAT$1; buffer.dimension = shapeY; var transposeData = pool.allocType(buffer.dtype, shapeX * shapeY); transpose(transposeData, data.data, shapeX, shapeY, strideX, strideY, offset); initBufferFromTypedArray(buffer, transposeData, usage); if (persist) { buffer.persistentData = transposeData; } else { pool.freeType(transposeData); } } else { check$1.raise('invalid buffer data'); } } function destroy (buffer) { stats.bufferCount--; var handle = buffer.buffer; check$1(handle, 'buffer must not be deleted already'); gl.deleteBuffer(handle); buffer.buffer = null; delete bufferSet[buffer.id]; } function createBuffer (options, type, deferInit, persistent) { stats.bufferCount++; var buffer = new REGLBuffer(type); bufferSet[buffer.id] = buffer; function reglBuffer (options) { var usage = GL_STATIC_DRAW; var data = null; var byteLength = 0; var dtype = 0; var dimension = 1; if (Array.isArray(options) || isTypedArray(options) || isNDArrayLike(options)) { data = options; } else if (typeof options === 'number') { byteLength = options | 0; } else if (options) { check$1.type( options, 'object', 'buffer arguments must be an object, a number or an array'); if ('data' in options) { check$1( data === null || Array.isArray(data) || isTypedArray(data) || isNDArrayLike(data), 'invalid data for buffer'); data = options.data; } if ('usage' in options) { check$1.parameter(options.usage, usageTypes, 'invalid buffer usage'); usage = usageTypes[options.usage]; } if ('type' in options) { check$1.parameter(options.type, glTypes, 'invalid buffer type'); dtype = glTypes[options.type]; } if ('dimension' in options) { check$1.type(options.dimension, 'number', 'invalid dimension'); dimension = options.dimension | 0; } if ('length' in options) { check$1.nni(byteLength, 'buffer length must be a nonnegative integer'); byteLength = options.length | 0; } } buffer.bind(); if (!data) { gl.bufferData(buffer.type, byteLength, usage); buffer.dtype = dtype || GL_UNSIGNED_BYTE$1; buffer.usage = usage; buffer.dimension = dimension; buffer.byteLength = byteLength; } else { initBufferFromData(buffer, data, usage, dtype, dimension, persistent); } if (config.profile) { buffer.stats.size = buffer.byteLength * DTYPES_SIZES[buffer.dtype]; } return reglBuffer } function setSubData (data, offset) { check$1(offset + data.byteLength <= buffer.byteLength, 'invalid buffer subdata call, buffer is too small. ' + ' Can\'t write data of size ' + data.byteLength + ' starting from offset ' + offset + ' to a buffer of size ' + buffer.byteLength); gl.bufferSubData(buffer.type, offset, data); } function subdata (data, offset_) { var offset = (offset_ || 0) | 0; var shape; buffer.bind(); if (Array.isArray(data)) { if (data.length > 0) { if (typeof data[0] === 'number') { var converted = pool.allocType(buffer.dtype, data.length); copyArray(converted, data); setSubData(converted, offset); pool.freeType(converted); } else if (Array.isArray(data[0]) || isTypedArray(data[0])) { shape = arrayShape(data); var flatData = arrayFlatten(data, shape, buffer.dtype); setSubData(flatData, offset); pool.freeType(flatData); } else { check$1.raise('invalid buffer data'); } } } else if (isTypedArray(data)) { setSubData(data, offset); } else if (isNDArrayLike(data)) { shape = data.shape; var stride = data.stride; var shapeX = 0; var shapeY = 0; var strideX = 0; var strideY = 0; if (shape.length === 1) { shapeX = shape[0]; shapeY = 1; strideX = stride[0]; strideY = 0; } else if (shape.length === 2) { shapeX = shape[0]; shapeY = shape[1]; strideX = stride[0]; strideY = stride[1]; } else { check$1.raise('invalid shape'); } var dtype = Array.isArray(data.data) ? buffer.dtype : typedArrayCode(data.data); var transposeData = pool.allocType(dtype, shapeX * shapeY); transpose(transposeData, data.data, shapeX, shapeY, strideX, strideY, data.offset); setSubData(transposeData, offset); pool.freeType(transposeData); } else { check$1.raise('invalid data for buffer subdata'); } return reglBuffer } if (!deferInit) { reglBuffer(options); } reglBuffer._reglType = 'buffer'; reglBuffer._buffer = buffer; reglBuffer.subdata = subdata; if (config.profile) { reglBuffer.stats = buffer.stats; } reglBuffer.destroy = function () { destroy(buffer); }; return reglBuffer } function restoreBuffers () { values(bufferSet).forEach(function (buffer) { buffer.buffer = gl.createBuffer(); gl.bindBuffer(buffer.type, buffer.buffer); gl.bufferData( buffer.type, buffer.persistentData || buffer.byteLength, buffer.usage); }); } if (config.profile) { stats.getTotalBufferSize = function () { var total = 0; // TODO: Right now, the streams are not part of the total count. Object.keys(bufferSet).forEach(function (key) { total += bufferSet[key].stats.size; }); return total }; } return { create: createBuffer, createStream: createStream, destroyStream: destroyStream, clear: function () { values(bufferSet).forEach(destroy); streamPool.forEach(destroy); }, getBuffer: function (wrapper) { if (wrapper && wrapper._buffer instanceof REGLBuffer) { return wrapper._buffer } return null }, restore: restoreBuffers, _initBuffer: initBufferFromData } } var points = 0; var point = 0; var lines = 1; var line = 1; var triangles = 4; var triangle = 4; var primTypes = { points: points, point: point, lines: lines, line: line, triangles: triangles, triangle: triangle, "line loop": 2, "line strip": 3, "triangle strip": 5, "triangle fan": 6 }; var GL_POINTS = 0; var GL_LINES = 1; var GL_TRIANGLES = 4; var GL_BYTE$2 = 5120; var GL_UNSIGNED_BYTE$3 = 5121; var GL_SHORT$2 = 5122; var GL_UNSIGNED_SHORT$2 = 5123; var GL_INT$2 = 5124; var GL_UNSIGNED_INT$2 = 5125; var GL_ELEMENT_ARRAY_BUFFER = 34963; var GL_STREAM_DRAW$1 = 0x88E0; var GL_STATIC_DRAW$1 = 0x88E4; function wrapElementsState (gl, extensions, bufferState, stats) { var elementSet = {}; var elementCount = 0; var elementTypes = { 'uint8': GL_UNSIGNED_BYTE$3, 'uint16': GL_UNSIGNED_SHORT$2 }; if (extensions.oes_element_index_uint) { elementTypes.uint32 = GL_UNSIGNED_INT$2; } function REGLElementBuffer (buffer) { this.id = elementCount++; elementSet[this.id] = this; this.buffer = buffer; this.primType = GL_TRIANGLES; this.vertCount = 0; this.type = 0; } REGLElementBuffer.prototype.bind = function () { this.buffer.bind(); }; var bufferPool = []; function createElementStream (data) { var result = bufferPool.pop(); if (!result) { result = new REGLElementBuffer(bufferState.create( null, GL_ELEMENT_ARRAY_BUFFER, true, false)._buffer); } initElements(result, data, GL_STREAM_DRAW$1, -1, -1, 0, 0); return result } function destroyElementStream (elements) { bufferPool.push(elements); } function initElements ( elements, data, usage, prim, count, byteLength, type) { elements.buffer.bind(); if (data) { var predictedType = type; if (!type && ( !isTypedArray(data) || (isNDArrayLike(data) && !isTypedArray(data.data)))) { predictedType = extensions.oes_element_index_uint ? GL_UNSIGNED_INT$2 : GL_UNSIGNED_SHORT$2; } bufferState._initBuffer( elements.buffer, data, usage, predictedType, 3); } else { gl.bufferData(GL_ELEMENT_ARRAY_BUFFER, byteLength, usage); elements.buffer.dtype = dtype || GL_UNSIGNED_BYTE$3; elements.buffer.usage = usage; elements.buffer.dimension = 3; elements.buffer.byteLength = byteLength; } var dtype = type; if (!type) { switch (elements.buffer.dtype) { case GL_UNSIGNED_BYTE$3: case GL_BYTE$2: dtype = GL_UNSIGNED_BYTE$3; break case GL_UNSIGNED_SHORT$2: case GL_SHORT$2: dtype = GL_UNSIGNED_SHORT$2; break case GL_UNSIGNED_INT$2: case GL_INT$2: dtype = GL_UNSIGNED_INT$2; break default: check$1.raise('unsupported type for element array'); } elements.buffer.dtype = dtype; } elements.type = dtype; // Check oes_element_index_uint extension check$1( dtype !== GL_UNSIGNED_INT$2 || !!extensions.oes_element_index_uint, '32 bit element buffers not supported, enable oes_element_index_uint first'); // try to guess default primitive type and arguments var vertCount = count; if (vertCount < 0) { vertCount = elements.buffer.byteLength; if (dtype === GL_UNSIGNED_SHORT$2) { vertCount >>= 1; } else if (dtype === GL_UNSIGNED_INT$2) { vertCount >>= 2; } } elements.vertCount = vertCount; // try to guess primitive type from cell dimension var primType = prim; if (prim < 0) { primType = GL_TRIANGLES; var dimension = elements.buffer.dimension; if (dimension === 1) primType = GL_POINTS; if (dimension === 2) primType = GL_LINES; if (dimension === 3) primType = GL_TRIANGLES; } elements.primType = primType; } function destroyElements (elements) { stats.elementsCount--; check$1(elements.buffer !== null, 'must not double destroy elements'); delete elementSet[elements.id]; elements.buffer.destroy(); elements.buffer = null; } function createElements (options, persistent) { var buffer = bufferState.create(null, GL_ELEMENT_ARRAY_BUFFER, true); var elements = new REGLElementBuffer(buffer._buffer); stats.elementsCount++; function reglElements (options) { if (!options) { buffer(); elements.primType = GL_TRIANGLES; elements.vertCount = 0; elements.type = GL_UNSIGNED_BYTE$3; } else if (typeof options === 'number') { buffer(options); elements.primType = GL_TRIANGLES; elements.vertCount = options | 0; elements.type = GL_UNSIGNED_BYTE$3; } else { var data = null; var usage = GL_STATIC_DRAW$1; var primType = -1; var vertCount = -1; var byteLength = 0; var dtype = 0; if (Array.isArray(options) || isTypedArray(options) || isNDArrayLike(options)) { data = options; } else { check$1.type(options, 'object', 'invalid arguments for elements'); if ('data' in options) { data = options.data; check$1( Array.isArray(data) || isTypedArray(data) || isNDArrayLike(data), 'invalid data for element buffer'); } if ('usage' in options) { check$1.parameter( options.usage, usageTypes, 'invalid element buffer usage'); usage = usageTypes[options.usage]; } if ('primitive' in options) { check$1.parameter( options.primitive, primTypes, 'invalid element buffer primitive'); primType = primTypes[options.primitive]; } if ('count' in options) { check$1( typeof options.count === 'number' && options.count >= 0, 'invalid vertex count for elements'); vertCount = options.count | 0; } if ('type' in options) { check$1.parameter( options.type, elementTypes, 'invalid buffer type'); dtype = elementTypes[options.type]; } if ('length' in options) { byteLength = options.length | 0; } else { byteLength = vertCount; if (dtype === GL_UNSIGNED_SHORT$2 || dtype === GL_SHORT$2) { byteLength *= 2; } else if (dtype === GL_UNSIGNED_INT$2 || dtype === GL_INT$2) { byteLength *= 4; } } } initElements( elements, data, usage, primType, vertCount, byteLength, dtype); } return reglElements } reglElements(options); reglElements._reglType = 'elements'; reglElements._elements = elements; reglElements.subdata = function (data, offset) { buffer.subdata(data, offset); return reglElements }; reglElements.destroy = function () { destroyElements(elements); }; return reglElements } return { create: createElements, createStream: createElementStream, destroyStream: destroyElementStream, getElements: function (elements) { if (typeof elements === 'function' && elements._elements instanceof REGLElementBuffer) { return elements._elements } return null }, clear: function () { values(elementSet).forEach(destroyElements); } } } var FLOAT = new Float32Array(1); var INT = new Uint32Array(FLOAT.buffer); var GL_UNSIGNED_SHORT$4 = 5123; function convertToHalfFloat (array) { var ushorts = pool.allocType(GL_UNSIGNED_SHORT$4, array.length); for (var i = 0; i < array.length; ++i) { if (isNaN(array[i])) { ushorts[i] = 0xffff; } else if (array[i] === Infinity) { ushorts[i] = 0x7c00; } else if (array[i] === -Infinity) { ushorts[i] = 0xfc00; } else { FLOAT[0] = array[i]; var x = INT[0]; var sgn = (x >>> 31) << 15; var exp = ((x << 1) >>> 24) - 127; var frac = (x >> 13) & ((1 << 10) - 1); if (exp < -24) { // round non-representable denormals to 0 ushorts[i] = sgn; } else if (exp < -14) { // handle denormals var s = -14 - exp; ushorts[i] = sgn + ((frac + (1 << 10)) >> s); } else if (exp > 15) { // round overflow to +/- Infinity ushorts[i] = sgn + 0x7c00; } else { // otherwise convert directly ushorts[i] = sgn + ((exp + 15) << 10) + frac; } } } return ushorts } function isArrayLike (s) { return Array.isArray(s) || isTypedArray(s) } var GL_COMPRESSED_TEXTURE_FORMATS = 0x86A3; var GL_TEXTURE_2D = 0x0DE1; var GL_TEXTURE_CUBE_MAP = 0x8513; var GL_TEXTURE_CUBE_MAP_POSITIVE_X = 0x8515; var GL_RGBA = 0x1908; var GL_ALPHA = 0x1906; var GL_RGB = 0x1907; var GL_LUMINANCE = 0x1909; var GL_LUMINANCE_ALPHA = 0x190A; var GL_RGBA4 = 0x8056; var GL_RGB5_A1 = 0x8057; var GL_RGB565 = 0x8D62; var GL_UNSIGNED_SHORT_4_4_4_4$1 = 0x8033; var GL_UNSIGNED_SHORT_5_5_5_1$1 = 0x8034; var GL_UNSIGNED_SHORT_5_6_5$1 = 0x8363; var GL_UNSIGNED_INT_24_8_WEBGL$1 = 0x84FA; var GL_DEPTH_COMPONENT = 0x1902; var GL_DEPTH_STENCIL = 0x84F9; var GL_SRGB_EXT = 0x8C40; var GL_SRGB_ALPHA_EXT = 0x8C42; var GL_HALF_FLOAT_OES$1 = 0x8D61; var GL_COMPRESSED_RGB_S3TC_DXT1_EXT = 0x83F0; var GL_COMPRESSED_RGBA_S3TC_DXT1_EXT = 0x83F1; var GL_COMPRESSED_RGBA_S3TC_DXT3_EXT = 0x83F2; var GL_COMPRESSED_RGBA_S3TC_DXT5_EXT = 0x83F3; var GL_COMPRESSED_RGB_ATC_WEBGL = 0x8C92; var GL_COMPRESSED_RGBA_ATC_EXPLICIT_ALPHA_WEBGL = 0x8C93; var GL_COMPRESSED_RGBA_ATC_INTERPOLATED_ALPHA_WEBGL = 0x87EE; var GL_COMPRESSED_RGB_PVRTC_4BPPV1_IMG = 0x8C00; var GL_COMPRESSED_RGB_PVRTC_2BPPV1_IMG = 0x8C01; var GL_COMPRESSED_RGBA_PVRTC_4BPPV1_IMG = 0x8C02; var GL_COMPRESSED_RGBA_PVRTC_2BPPV1_IMG = 0x8C03; var GL_COMPRESSED_RGB_ETC1_WEBGL = 0x8D64; var GL_UNSIGNED_BYTE$4 = 0x1401; var GL_UNSIGNED_SHORT$3 = 0x1403; var GL_UNSIGNED_INT$3 = 0x1405; var GL_FLOAT$3 = 0x1406; var GL_TEXTURE_WRAP_S = 0x2802; var GL_TEXTURE_WRAP_T = 0x2803; var GL_REPEAT = 0x2901; var GL_CLAMP_TO_EDGE$1 = 0x812F; var GL_MIRRORED_REPEAT = 0x8370; var GL_TEXTURE_MAG_FILTER = 0x2800; var GL_TEXTURE_MIN_FILTER = 0x2801; var GL_NEAREST$1 = 0x2600; var GL_LINEAR = 0x2601; var GL_NEAREST_MIPMAP_NEAREST$1 = 0x2700; var GL_LINEAR_MIPMAP_NEAREST$1 = 0x2701; var GL_NEAREST_MIPMAP_LINEAR$1 = 0x2702; var GL_LINEAR_MIPMAP_LINEAR$1 = 0x2703; var GL_GENERATE_MIPMAP_HINT = 0x8192; var GL_DONT_CARE = 0x1100; var GL_FASTEST = 0x1101; var GL_NICEST = 0x1102; var GL_TEXTURE_MAX_ANISOTROPY_EXT = 0x84FE; var GL_UNPACK_ALIGNMENT = 0x0CF5; var GL_UNPACK_FLIP_Y_WEBGL = 0x9240; var GL_UNPACK_PREMULTIPLY_ALPHA_WEBGL = 0x9241; var GL_UNPACK_COLORSPACE_CONVERSION_WEBGL = 0x9243; var GL_BROWSER_DEFAULT_WEBGL = 0x9244; var GL_TEXTURE0 = 0x84C0; var MIPMAP_FILTERS = [ GL_NEAREST_MIPMAP_NEAREST$1, GL_NEAREST_MIPMAP_LINEAR$1, GL_LINEAR_MIPMAP_NEAREST$1, GL_LINEAR_MIPMAP_LINEAR$1 ]; var CHANNELS_FORMAT = [ 0, GL_LUMINANCE, GL_LUMINANCE_ALPHA, GL_RGB, GL_RGBA ]; var FORMAT_CHANNELS = {}; FORMAT_CHANNELS[GL_LUMINANCE] = FORMAT_CHANNELS[GL_ALPHA] = FORMAT_CHANNELS[GL_DEPTH_COMPONENT] = 1; FORMAT_CHANNELS[GL_DEPTH_STENCIL] = FORMAT_CHANNELS[GL_LUMINANCE_ALPHA] = 2; FORMAT_CHANNELS[GL_RGB] = FORMAT_CHANNELS[GL_SRGB_EXT] = 3; FORMAT_CHANNELS[GL_RGBA] = FORMAT_CHANNELS[GL_SRGB_ALPHA_EXT] = 4; function objectName (str) { return '[object ' + str + ']' } var CANVAS_CLASS = objectName('HTMLCanvasElement'); var CONTEXT2D_CLASS = objectName('CanvasRenderingContext2D'); var IMAGE_CLASS = objectName('HTMLImageElement'); var VIDEO_CLASS = objectName('HTMLVideoElement'); var PIXEL_CLASSES = Object.keys(arrayTypes).concat([ CANVAS_CLASS, CONTEXT2D_CLASS, IMAGE_CLASS, VIDEO_CLASS ]); // for every texture type, store // the size in bytes. var TYPE_SIZES = []; TYPE_SIZES[GL_UNSIGNED_BYTE$4] = 1; TYPE_SIZES[GL_FLOAT$3] = 4; TYPE_SIZES[GL_HALF_FLOAT_OES$1] = 2; TYPE_SIZES[GL_UNSIGNED_SHORT$3] = 2; TYPE_SIZES[GL_UNSIGNED_INT$3] = 4; var FORMAT_SIZES_SPECIAL = []; FORMAT_SIZES_SPECIAL[GL_RGBA4] = 2; FORMAT_SIZES_SPECIAL[GL_RGB5_A1] = 2; FORMAT_SIZES_SPECIAL[GL_RGB565] = 2; FORMAT_SIZES_SPECIAL[GL_DEPTH_STENCIL] = 4; FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGB_S3TC_DXT1_EXT] = 0.5; FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGBA_S3TC_DXT1_EXT] = 0.5; FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGBA_S3TC_DXT3_EXT] = 1; FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGBA_S3TC_DXT5_EXT] = 1; FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGB_ATC_WEBGL] = 0.5; FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGBA_ATC_EXPLICIT_ALPHA_WEBGL] = 1; FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGBA_ATC_INTERPOLATED_ALPHA_WEBGL] = 1; FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGB_PVRTC_4BPPV1_IMG] = 0.5; FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGB_PVRTC_2BPPV1_IMG] = 0.25; FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGBA_PVRTC_4BPPV1_IMG] = 0.5; FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGBA_PVRTC_2BPPV1_IMG] = 0.25; FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGB_ETC1_WEBGL] = 0.5; function isNumericArray (arr) { return ( Array.isArray(arr) && (arr.length === 0 || typeof arr[0] === 'number')) } function isRectArray (arr) { if (!Array.isArray(arr)) { return false } var width = arr.length; if (width === 0 || !isArrayLike(arr[0])) { return false } return true } function classString (x) { return Object.prototype.toString.call(x) } function isCanvasElement (object) { return classString(object) === CANVAS_CLASS } function isContext2D (object) { return classString(object) === CONTEXT2D_CLASS } function isImageElement (object) { return classString(object) === IMAGE_CLASS } function isVideoElement (object) { return classString(object) === VIDEO_CLASS } function isPixelData (object) { if (!object) { return false } var className = classString(object); if (PIXEL_CLASSES.indexOf(className) >= 0) { return true } return ( isNumericArray(object) || isRectArray(object) || isNDArrayLike(object)) } function typedArrayCode$1 (data) { return arrayTypes[Object.prototype.toString.call(data)] | 0 } function convertData (result, data) { var n = data.length; switch (result.type) { case GL_UNSIGNED_BYTE$4: case GL_UNSIGNED_SHORT$3: case GL_UNSIGNED_INT$3: case GL_FLOAT$3: var converted = pool.allocType(result.type, n); converted.set(data); result.data = converted; break case GL_HALF_FLOAT_OES$1: result.data = convertToHalfFloat(data); break default: check$1.raise('unsupported texture type, must specify a typed array'); } } function preConvert (image, n) { return pool.allocType( image.type === GL_HALF_FLOAT_OES$1 ? GL_FLOAT$3 : image.type, n) } function postConvert (image, data) { if (image.type === GL_HALF_FLOAT_OES$1) { image.data = convertToHalfFloat(data); pool.freeType(data); } else { image.data = data; } } function transposeData (image, array, strideX, strideY, strideC, offset) { var w = image.width; var h = image.height; var c = image.channels; var n = w * h * c; var data = preConvert(image, n); var p = 0; for (var i = 0; i < h; ++i) { for (var j = 0; j < w; ++j) { for (var k = 0; k < c; ++k) { data[p++] = array[strideX * j + strideY * i + strideC * k + offset]; } } } postConvert(image, data); } function getTextureSize (format, type, width, height, isMipmap, isCube) { var s; if (typeof FORMAT_SIZES_SPECIAL[format] !== 'undefined') { // we have a special array for dealing with weird color formats such as RGB5A1 s = FORMAT_SIZES_SPECIAL[format]; } else { s = FORMAT_CHANNELS[format] * TYPE_SIZES[type]; } if (isCube) { s *= 6; } if (isMipmap) { // compute the total size of all the mipmaps. var total = 0; var w = width; while (w >= 1) { // we can only use mipmaps on a square image, // so we can simply use the width and ignore the height: total += s * w * w; w /= 2; } return total } else { return s * width * height } } function createTextureSet ( gl, extensions, limits, reglPoll, contextState, stats, config) { // ------------------------------------------------------- // Initialize constants and parameter tables here // ------------------------------------------------------- var mipmapHint = { "don't care": GL_DONT_CARE, 'dont care': GL_DONT_CARE, 'nice': GL_NICEST, 'fast': GL_FASTEST }; var wrapModes = { 'repeat': GL_REPEAT, 'clamp': GL_CLAMP_TO_EDGE$1, 'mirror': GL_MIRRORED_REPEAT }; var magFilters = { 'nearest': GL_NEAREST$1, 'linear': GL_LINEAR }; var minFilters = extend({ 'mipmap': GL_LINEAR_MIPMAP_LINEAR$1, 'nearest mipmap nearest': GL_NEAREST_MIPMAP_NEAREST$1, 'linear mipmap nearest': GL_LINEAR_MIPMAP_NEAREST$1, 'nearest mipmap linear': GL_NEAREST_MIPMAP_LINEAR$1, 'linear mipmap linear': GL_LINEAR_MIPMAP_LINEAR$1 }, magFilters); var colorSpace = { 'none': 0, 'browser': GL_BROWSER_DEFAULT_WEBGL }; var textureTypes = { 'uint8': GL_UNSIGNED_BYTE$4, 'rgba4': GL_UNSIGNED_SHORT_4_4_4_4$1, 'rgb565': GL_UNSIGNED_SHORT_5_6_5$1, 'rgb5 a1': GL_UNSIGNED_SHORT_5_5_5_1$1 }; var textureFormats = { 'alpha': GL_ALPHA, 'luminance': GL_LUMINANCE, 'luminance alpha': GL_LUMINANCE_ALPHA, 'rgb': GL_RGB, 'rgba': GL_RGBA, 'rgba4': GL_RGBA4, 'rgb5 a1': GL_RGB5_A1, 'rgb565': GL_RGB565 }; var compressedTextureFormats = {}; if (extensions.ext_srgb) { textureFormats.srgb = GL_SRGB_EXT; textureFormats.srgba = GL_SRGB_ALPHA_EXT; } if (extensions.oes_texture_float) { textureTypes.float32 = textureTypes.float = GL_FLOAT$3; } if (extensions.oes_texture_half_float) { textureTypes['float16'] = textureTypes['half float'] = GL_HALF_FLOAT_OES$1; } if (extensions.webgl_depth_texture) { extend(textureFormats, { 'depth': GL_DEPTH_COMPONENT, 'depth stencil': GL_DEPTH_STENCIL }); extend(textureTypes, { 'uint16': GL_UNSIGNED_SHORT$3, 'uint32': GL_UNSIGNED_INT$3, 'depth stencil': GL_UNSIGNED_INT_24_8_WEBGL$1 }); } if (extensions.webgl_compressed_texture_s3tc) { extend(compressedTextureFormats, { 'rgb s3tc dxt1': GL_COMPRESSED_RGB_S3TC_DXT1_EXT, 'rgba s3tc dxt1': GL_COMPRESSED_RGBA_S3TC_DXT1_EXT, 'rgba s3tc dxt3': GL_COMPRESSED_RGBA_S3TC_DXT3_EXT, 'rgba s3tc dxt5': GL_COMPRESSED_RGBA_S3TC_DXT5_EXT }); } if (extensions.webgl_compressed_texture_atc) { extend(compressedTextureFormats, { 'rgb atc': GL_COMPRESSED_RGB_ATC_WEBGL, 'rgba atc explicit alpha': GL_COMPRESSED_RGBA_ATC_EXPLICIT_ALPHA_WEBGL, 'rgba atc interpolated alpha': GL_COMPRESSED_RGBA_ATC_INTERPOLATED_ALPHA_WEBGL }); } if (extensions.webgl_compressed_texture_pvrtc) { extend(compressedTextureFormats, { 'rgb pvrtc 4bppv1': GL_COMPRESSED_RGB_PVRTC_4BPPV1_IMG, 'rgb pvrtc 2bppv1': GL_COMPRESSED_RGB_PVRTC_2BPPV1_IMG, 'rgba pvrtc 4bppv1': GL_COMPRESSED_RGBA_PVRTC_4BPPV1_IMG, 'rgba pvrtc 2bppv1': GL_COMPRESSED_RGBA_PVRTC_2BPPV1_IMG }); } if (extensions.webgl_compressed_texture_etc1) { compressedTextureFormats['rgb etc1'] = GL_COMPRESSED_RGB_ETC1_WEBGL; } // Copy over all texture formats var supportedCompressedFormats = Array.prototype.slice.call( gl.getParameter(GL_COMPRESSED_TEXTURE_FORMATS)); Object.keys(compressedTextureFormats).forEach(function (name) { var format = compressedTextureFormats[name]; if (supportedCompressedFormats.indexOf(format) >= 0) { textureFormats[name] = format; } }); var supportedFormats = Object.keys(textureFormats); limits.textureFormats = supportedFormats; // associate with every format string its // corresponding GL-value. var textureFormatsInvert = []; Object.keys(textureFormats).forEach(function (key) { var val = textureFormats[key]; textureFormatsInvert[val] = key; }); // associate with every type string its // corresponding GL-value. var textureTypesInvert = []; Object.keys(textureTypes).forEach(function (key) { var val = textureTypes[key]; textureTypesInvert[val] = key; }); var magFiltersInvert = []; Object.keys(magFilters).forEach(function (key) { var val = magFilters[key]; magFiltersInvert[val] = key; }); var minFiltersInvert = []; Object.keys(minFilters).forEach(function (key) { var val = minFilters[key]; minFiltersInvert[val] = key; }); var wrapModesInvert = []; Object.keys(wrapModes).forEach(function (key) { var val = wrapModes[key]; wrapModesInvert[val] = key; }); // colorFormats[] gives the format (channels) associated to an // internalformat var colorFormats = supportedFormats.reduce(function (color, key) { var glenum = textureFormats[key]; if (glenum === GL_LUMINANCE || glenum === GL_ALPHA || glenum === GL_LUMINANCE || glenum === GL_LUMINANCE_ALPHA || glenum === GL_DEPTH_COMPONENT || glenum === GL_DEPTH_STENCIL) { color[glenum] = glenum; } else if (glenum === GL_RGB5_A1 || key.indexOf('rgba') >= 0) { color[glenum] = GL_RGBA; } else { color[glenum] = GL_RGB; } return color }, {}); function TexFlags () { // format info this.internalformat = GL_RGBA; this.format = GL_RGBA; this.type = GL_UNSIGNED_BYTE$4; this.compressed = false; // pixel storage this.premultiplyAlpha = false; this.flipY = false; this.unpackAlignment = 1; this.colorSpace = 0; // shape info this.width = 0; this.height = 0; this.channels = 0; } function copyFlags (result, other) { result.internalformat = other.internalformat; result.format = other.format; result.type = other.type; result.compressed = other.compressed; result.premultiplyAlpha = other.premultiplyAlpha; result.flipY = other.flipY; result.unpackAlignment = other.unpackAlignment; result.colorSpace = other.colorSpace; result.width = other.width; result.height = other.height; result.channels = other.channels; } function parseFlags (flags, options) { if (typeof options !== 'object' || !options) { return } if ('premultiplyAlpha' in options) { check$1.type(options.premultiplyAlpha, 'boolean', 'invalid premultiplyAlpha'); flags.premultiplyAlpha = options.premultiplyAlpha; } if ('flipY' in options) { check$1.type(options.flipY, 'boolean', 'invalid texture flip'); flags.flipY = options.flipY; } if ('alignment' in options) { check$1.oneOf(options.alignment, [1, 2, 4, 8], 'invalid texture unpack alignment'); flags.unpackAlignment = options.alignment; } if ('colorSpace' in options) { check$1.parameter(options.colorSpace, colorSpace, 'invalid colorSpace'); flags.colorSpace = colorSpace[options.colorSpace]; } if ('type' in options) { var type = options.type; check$1(extensions.oes_texture_float || !(type === 'float' || type === 'float32'), 'you must enable the OES_texture_float extension in order to use floating point textures.'); check$1(extensions.oes_texture_half_float || !(type === 'half float' || type === 'float16'), 'you must enable the OES_texture_half_float extension in order to use 16-bit floating point textures.'); check$1(extensions.webgl_depth_texture || !(type === 'uint16' || type === 'uint32' || type === 'depth stencil'), 'you must enable the WEBGL_depth_texture extension in order to use depth/stencil textures.'); check$1.parameter(type, textureTypes, 'invalid texture type'); flags.type = textureTypes[type]; } var w = flags.width; var h = flags.height; var c = flags.channels; var hasChannels = false; if ('shape' in options) { check$1(Array.isArray(options.shape) && options.shape.length >= 2, 'shape must be an array'); w = options.shape[0]; h = options.shape[1]; if (options.shape.length === 3) { c = options.shape[2]; check$1(c > 0 && c <= 4, 'invalid number of channels'); hasChannels = true; } check$1(w >= 0 && w <= limits.maxTextureSize, 'invalid width'); check$1(h >= 0 && h <= limits.maxTextureSize, 'invalid height'); } else { if ('radius' in options) { w = h = options.radius; check$1(w >= 0 && w <= limits.maxTextureSize, 'invalid radius'); } if ('width' in options) { w = options.width; check$1(w >= 0 && w <= limits.maxTextureSize, 'invalid width'); } if ('height' in options) { h = options.height; check$1(h >= 0 && h <= limits.maxTextureSize, 'invalid height'); } if ('channels' in options) { c = options.channels; check$1(c > 0 && c <= 4, 'invalid number of channels'); hasChannels = true; } } flags.width = w | 0; flags.height = h | 0; flags.channels = c | 0; var hasFormat = false; if ('format' in options) { var formatStr = options.format; check$1(extensions.webgl_depth_texture || !(formatStr === 'depth' || formatStr === 'depth stencil'), 'you must enable the WEBGL_depth_texture extension in order to use depth/stencil textures.'); check$1.parameter(formatStr, textureFormats, 'invalid texture format'); var internalformat = flags.internalformat = textureFormats[formatStr]; flags.format = colorFormats[internalformat]; if (formatStr in textureTypes) { if (!('type' in options)) { flags.type = textureTypes[formatStr]; } } if (formatStr in compressedTextureFormats) { flags.compressed = true; } hasFormat = true; } // Reconcile channels and format if (!hasChannels && hasFormat) { flags.channels = FORMAT_CHANNELS[flags.format]; } else if (hasChannels && !hasFormat) { if (flags.channels !== CHANNELS_FORMAT[flags.format]) { flags.format = flags.internalformat = CHANNELS_FORMAT[flags.channels]; } } else if (hasFormat && hasChannels) { check$1( flags.channels === FORMAT_CHANNELS[flags.format], 'number of channels inconsistent with specified format'); } } function setFlags (flags) { gl.pixelStorei(GL_UNPACK_FLIP_Y_WEBGL, flags.flipY); gl.pixelStorei(GL_UNPACK_PREMULTIPLY_ALPHA_WEBGL, flags.premultiplyAlpha); gl.pixelStorei(GL_UNPACK_COLORSPACE_CONVERSION_WEBGL, flags.colorSpace); gl.pixelStorei(GL_UNPACK_ALIGNMENT, flags.unpackAlignment); } // ------------------------------------------------------- // Tex image data // ------------------------------------------------------- function TexImage () { TexFlags.call(this); this.xOffset = 0; this.yOffset = 0; // data this.data = null; this.needsFree = false; // html element this.element = null; // copyTexImage info this.needsCopy = false; } function parseImage (image, options) { var data = null; if (isPixelData(options)) { data = options; } else if (options) { check$1.type(options, 'object', 'invalid pixel data type'); parseFlags(image, options); if ('x' in options) { image.xOffset = options.x | 0; } if ('y' in options) { image.yOffset = options.y | 0; } if (isPixelData(options.data)) { data = options.data; } } check$1( !image.compressed || data instanceof Uint8Array, 'compressed texture data must be stored in a uint8array'); if (options.copy) { check$1(!data, 'can not specify copy and data field for the same texture'); var viewW = contextState.viewportWidth; var viewH = contextState.viewportHeight; image.width = image.width || (viewW - image.xOffset); image.height = image.height || (viewH - image.yOffset); image.needsCopy = true; check$1(image.xOffset >= 0 && image.xOffset < viewW && image.yOffset >= 0 && image.yOffset < viewH && image.width > 0 && image.width <= viewW && image.height > 0 && image.height <= viewH, 'copy texture read out of bounds'); } else if (!data) { image.width = image.width || 1; image.height = image.height || 1; image.channels = image.channels || 4; } else if (isTypedArray(data)) { image.channels = image.channels || 4; image.data = data; if (!('type' in options) && image.type === GL_UNSIGNED_BYTE$4) { image.type = typedArrayCode$1(data); } } else if (isNumericArray(data)) { image.channels = image.channels || 4; convertData(image, data); image.alignment = 1; image.needsFree = true; } else if (isNDArrayLike(data)) { var array = data.data; if (!Array.isArray(array) && image.type === GL_UNSIGNED_BYTE$4) { image.type = typedArrayCode$1(array); } var shape = data.shape; var stride = data.stride; var shapeX, shapeY, shapeC, strideX, strideY, strideC; if (shape.length === 3) { shapeC = shape[2]; strideC = stride[2]; } else { check$1(shape.length === 2, 'invalid ndarray pixel data, must be 2 or 3D'); shapeC = 1; strideC = 1; } shapeX = shape[0]; shapeY = shape[1]; strideX = stride[0]; strideY = stride[1]; image.alignment = 1; image.width = shapeX; image.height = shapeY; image.channels = shapeC; image.format = image.internalformat = CHANNELS_FORMAT[shapeC]; image.needsFree = true; transposeData(image, array, strideX, strideY, strideC, data.offset); } else if (isCanvasElement(data) || isContext2D(data)) { if (isCanvasElement(data)) { image.element = data; } else { image.element = data.canvas; } image.width = image.element.width; image.height = image.element.height; image.channels = 4; } else if (isImageElement(data)) { image.element = data; image.width = data.naturalWidth; image.height = data.naturalHeight; image.channels = 4; } else if (isVideoElement(data)) { image.element = data; image.width = data.videoWidth; image.height = data.videoHeight; image.channels = 4; } else if (isRectArray(data)) { var w = image.width || data[0].length; var h = image.height || data.length; var c = image.channels; if (isArrayLike(data[0][0])) { c = c || data[0][0].length; } else { c = c || 1; } var arrayShape = flattenUtils.shape(data); var n = 1; for (var dd = 0; dd < arrayShape.length; ++dd) { n *= arrayShape[dd]; } var allocData = preConvert(image, n); flattenUtils.flatten(data, arrayShape, '', allocData); postConvert(image, allocData); image.alignment = 1; image.width = w; image.height = h; image.channels = c; image.format = image.internalformat = CHANNELS_FORMAT[c]; image.needsFree = true; } if (image.type === GL_FLOAT$3) { check$1(limits.extensions.indexOf('oes_texture_float') >= 0, 'oes_texture_float extension not enabled'); } else if (image.type === GL_HALF_FLOAT_OES$1) { check$1(limits.extensions.indexOf('oes_texture_half_float') >= 0, 'oes_texture_half_float extension not enabled'); } // do compressed texture validation here. } function setImage (info, target, miplevel) { var element = info.element; var data = info.data; var internalformat = info.internalformat; var format = info.format; var type = info.type; var width = info.width; var height = info.height; setFlags(info); if (element) { gl.texImage2D(target, miplevel, format, format, type, element); } else if (info.compressed) { gl.compressedTexImage2D(target, miplevel, internalformat, width, height, 0, data); } else if (info.needsCopy) { reglPoll(); gl.copyTexImage2D( target, miplevel, format, info.xOffset, info.yOffset, width, height, 0); } else { gl.texImage2D( target, miplevel, format, width, height, 0, format, type, data); } } function setSubImage (info, target, x, y, miplevel) { var element = info.element; var data = info.data; var internalformat = info.internalformat; var format = info.format; var type = info.type; var width = info.width; var height = info.height; setFlags(info); if (element) { gl.texSubImage2D( target, miplevel, x, y, format, type, element); } else if (info.compressed) { gl.compressedTexSubImage2D( target, miplevel, x, y, internalformat, width, height, data); } else if (info.needsCopy) { reglPoll(); gl.copyTexSubImage2D( target, miplevel, x, y, info.xOffset, info.yOffset, width, height); } else { gl.texSubImage2D( target, miplevel, x, y, width, height, format, type, data); } } // texImage pool var imagePool = []; function allocImage () { return imagePool.pop() || new TexImage() } function freeImage (image) { if (image.needsFree) { pool.freeType(image.data); } TexImage.call(image); imagePool.push(image); } // ------------------------------------------------------- // Mip map // ------------------------------------------------------- function MipMap () { TexFlags.call(this); this.genMipmaps = false; this.mipmapHint = GL_DONT_CARE; this.mipmask = 0; this.images = Array(16); } function parseMipMapFromShape (mipmap, width, height) { var img = mipmap.images[0] = allocImage(); mipmap.mipmask = 1; img.width = mipmap.width = width; img.height = mipmap.height = height; img.channels = mipmap.channels = 4; } function parseMipMapFromObject (mipmap, options) { var imgData = null; if (isPixelData(options)) { imgData = mipmap.images[0] = allocImage(); copyFlags(imgData, mipmap); parseImage(imgData, options); mipmap.mipmask = 1; } else { parseFlags(mipmap, options); if (Array.isArray(options.mipmap)) { var mipData = options.mipmap; for (var i = 0; i < mipData.length; ++i) { imgData = mipmap.images[i] = allocImage(); copyFlags(imgData, mipmap); imgData.width >>= i; imgData.height >>= i; parseImage(imgData, mipData[i]); mipmap.mipmask |= (1 << i); } } else { imgData = mipmap.images[0] = allocImage(); copyFlags(imgData, mipmap); parseImage(imgData, options); mipmap.mipmask = 1; } } copyFlags(mipmap, mipmap.images[0]); // For textures of the compressed format WEBGL_compressed_texture_s3tc // we must have that // // "When level equals zero width and height must be a multiple of 4. // When level is greater than 0 width and height must be 0, 1, 2 or a multiple of 4. " // // but we do not yet support having multiple mipmap levels for compressed textures, // so we only test for level zero. if (mipmap.compressed && (mipmap.internalformat === GL_COMPRESSED_RGB_S3TC_DXT1_EXT) || (mipmap.internalformat === GL_COMPRESSED_RGBA_S3TC_DXT1_EXT) || (mipmap.internalformat === GL_COMPRESSED_RGBA_S3TC_DXT3_EXT) || (mipmap.internalformat === GL_COMPRESSED_RGBA_S3TC_DXT5_EXT)) { check$1(mipmap.width % 4 === 0 && mipmap.height % 4 === 0, 'for compressed texture formats, mipmap level 0 must have width and height that are a multiple of 4'); } } function setMipMap (mipmap, target) { var images = mipmap.images; for (var i = 0; i < images.length; ++i) { if (!images[i]) { return } setImage(images[i], target, i); } } var mipPool = []; function allocMipMap () { var result = mipPool.pop() || new MipMap(); TexFlags.call(result); result.mipmask = 0; for (var i = 0; i < 16; ++i) { result.images[i] = null; } return result } function freeMipMap (mipmap) { var images = mipmap.images; for (var i = 0; i < images.length; ++i) { if (images[i]) { freeImage(images[i]); } images[i] = null; } mipPool.push(mipmap); } // ------------------------------------------------------- // Tex info // ------------------------------------------------------- function TexInfo () { this.minFilter = GL_NEAREST$1; this.magFilter = GL_NEAREST$1; this.wrapS = GL_CLAMP_TO_EDGE$1; this.wrapT = GL_CLAMP_TO_EDGE$1; this.anisotropic = 1; this.genMipmaps = false; this.mipmapHint = GL_DONT_CARE; } function parseTexInfo (info, options) { if ('min' in options) { var minFilter = options.min; check$1.parameter(minFilter, minFilters); info.minFilter = minFilters[minFilter]; if (MIPMAP_FILTERS.indexOf(info.minFilter) >= 0) { info.genMipmaps = true; } } if ('mag' in options) { var magFilter = options.mag; check$1.parameter(magFilter, magFilters); info.magFilter = magFilters[magFilter]; } var wrapS = info.wrapS; var wrapT = info.wrapT; if ('wrap' in options) { var wrap = options.wrap; if (typeof wrap === 'string') { check$1.parameter(wrap, wrapModes); wrapS = wrapT = wrapModes[wrap]; } else if (Array.isArray(wrap)) { check$1.parameter(wrap[0], wrapModes); check$1.parameter(wrap[1], wrapModes); wrapS = wrapModes[wrap[0]]; wrapT = wrapModes[wrap[1]]; } } else { if ('wrapS' in options) { var optWrapS = options.wrapS; check$1.parameter(optWrapS, wrapModes); wrapS = wrapModes[optWrapS]; } if ('wrapT' in options) { var optWrapT = options.wrapT; check$1.parameter(optWrapT, wrapModes); wrapT = wrapModes[optWrapT]; } } info.wrapS = wrapS; info.wrapT = wrapT; if ('anisotropic' in options) { var anisotropic = options.anisotropic; check$1(typeof anisotropic === 'number' && anisotropic >= 1 && anisotropic <= limits.maxAnisotropic, 'aniso samples must be between 1 and '); info.anisotropic = options.anisotropic; } if ('mipmap' in options) { var hasMipMap = false; switch (typeof options.mipmap) { case 'string': check$1.parameter(options.mipmap, mipmapHint, 'invalid mipmap hint'); info.mipmapHint = mipmapHint[options.mipmap]; info.genMipmaps = true; hasMipMap = true; break case 'boolean': hasMipMap = info.genMipmaps = options.mipmap; break case 'object': check$1(Array.isArray(options.mipmap), 'invalid mipmap type'); info.genMipmaps = false; hasMipMap = true; break default: check$1.raise('invalid mipmap type'); } if (hasMipMap && !('min' in options)) { info.minFilter = GL_NEAREST_MIPMAP_NEAREST$1; } } } function setTexInfo (info, target) { gl.texParameteri(target, GL_TEXTURE_MIN_FILTER, info.minFilter); gl.texParameteri(target, GL_TEXTURE_MAG_FILTER, info.magFilter); gl.texParameteri(target, GL_TEXTURE_WRAP_S, info.wrapS); gl.texParameteri(target, GL_TEXTURE_WRAP_T, info.wrapT); if (extensions.ext_texture_filter_anisotropic) { gl.texParameteri(target, GL_TEXTURE_MAX_ANISOTROPY_EXT, info.anisotropic); } if (info.genMipmaps) { gl.hint(GL_GENERATE_MIPMAP_HINT, info.mipmapHint); gl.generateMipmap(target); } } // ------------------------------------------------------- // Full texture object // ------------------------------------------------------- var textureCount = 0; var textureSet = {}; var numTexUnits = limits.maxTextureUnits; var textureUnits = Array(numTexUnits).map(function () { return null }); function REGLTexture (target) { TexFlags.call(this); this.mipmask = 0; this.internalformat = GL_RGBA; this.id = textureCount++; this.refCount = 1; this.target = target; this.texture = gl.createTexture(); this.unit = -1; this.bindCount = 0; this.texInfo = new TexInfo(); if (config.profile) { this.stats = {size: 0}; } } function tempBind (texture) { gl.activeTexture(GL_TEXTURE0); gl.bindTexture(texture.target, texture.texture); } function tempRestore () { var prev = textureUnits[0]; if (prev) { gl.bindTexture(prev.target, prev.texture); } else { gl.bindTexture(GL_TEXTURE_2D, null); } } function destroy (texture) { var handle = texture.texture; check$1(handle, 'must not double destroy texture'); var unit = texture.unit; var target = texture.target; if (unit >= 0) { gl.activeTexture(GL_TEXTURE0 + unit); gl.bindTexture(target, null); textureUnits[unit] = null; } gl.deleteTexture(handle); texture.texture = null; texture.params = null; texture.pixels = null; texture.refCount = 0; delete textureSet[texture.id]; stats.textureCount--; } extend(REGLTexture.prototype, { bind: function () { var texture = this; texture.bindCount += 1; var unit = texture.unit; if (unit < 0) { for (var i = 0; i < numTexUnits; ++i) { var other = textureUnits[i]; if (other) { if (other.bindCount > 0) { continue } other.unit = -1; } textureUnits[i] = texture; unit = i; break } if (unit >= numTexUnits) { check$1.raise('insufficient number of texture units'); } if (config.profile && stats.maxTextureUnits < (unit + 1)) { stats.maxTextureUnits = unit + 1; // +1, since the units are zero-based } texture.unit = unit; gl.activeTexture(GL_TEXTURE0 + unit); gl.bindTexture(texture.target, texture.texture); } return unit }, unbind: function () { this.bindCount -= 1; }, decRef: function () { if (--this.refCount <= 0) { destroy(this); } } }); function createTexture2D (a, b) { var texture = new REGLTexture(GL_TEXTURE_2D); textureSet[texture.id] = texture; stats.textureCount++; function reglTexture2D (a, b) { var texInfo = texture.texInfo; TexInfo.call(texInfo); var mipData = allocMipMap(); if (typeof a === 'number') { if (typeof b === 'number') { parseMipMapFromShape(mipData, a | 0, b | 0); } else { parseMipMapFromShape(mipData, a | 0, a | 0); } } else if (a) { check$1.type(a, 'object', 'invalid arguments to regl.texture'); parseTexInfo(texInfo, a); parseMipMapFromObject(mipData, a); } else { // empty textures get assigned a default shape of 1x1 parseMipMapFromShape(mipData, 1, 1); } if (texInfo.genMipmaps) { mipData.mipmask = (mipData.width << 1) - 1; } texture.mipmask = mipData.mipmask; copyFlags(texture, mipData); check$1.texture2D(texInfo, mipData, limits); texture.internalformat = mipData.internalformat; reglTexture2D.width = mipData.width; reglTexture2D.height = mipData.height; tempBind(texture); setMipMap(mipData, GL_TEXTURE_2D); setTexInfo(texInfo, GL_TEXTURE_2D); tempRestore(); freeMipMap(mipData); if (config.profile) { texture.stats.size = getTextureSize( texture.internalformat, texture.type, mipData.width, mipData.height, texInfo.genMipmaps, false); } reglTexture2D.format = textureFormatsInvert[texture.internalformat]; reglTexture2D.type = textureTypesInvert[texture.type]; reglTexture2D.mag = magFiltersInvert[texInfo.magFilter]; reglTexture2D.min = minFiltersInvert[texInfo.minFilter]; reglTexture2D.wrapS = wrapModesInvert[texInfo.wrapS]; reglTexture2D.wrapT = wrapModesInvert[texInfo.wrapT]; return reglTexture2D } function subimage (image, x_, y_, level_) { check$1(!!image, 'must specify image data'); var x = x_ | 0; var y = y_ | 0; var level = level_ | 0; var imageData = allocImage(); copyFlags(imageData, texture); imageData.width = 0; imageData.height = 0; parseImage(imageData, image); imageData.width = imageData.width || ((texture.width >> level) - x); imageData.height = imageData.height || ((texture.height >> level) - y); check$1( texture.type === imageData.type && texture.format === imageData.format && texture.internalformat === imageData.internalformat, 'incompatible format for texture.subimage'); check$1( x >= 0 && y >= 0 && x + imageData.width <= texture.width && y + imageData.height <= texture.height, 'texture.subimage write out of bounds'); check$1( texture.mipmask & (1 << level), 'missing mipmap data'); check$1( imageData.data || imageData.element || imageData.needsCopy, 'missing image data'); tempBind(texture); setSubImage(imageData, GL_TEXTURE_2D, x, y, level); tempRestore(); freeImage(imageData); return reglTexture2D } function resize (w_, h_) { var w = w_ | 0; var h = (h_ | 0) || w; if (w === texture.width && h === texture.height) { return reglTexture2D } reglTexture2D.width = texture.width = w; reglTexture2D.height = texture.height = h; tempBind(texture); for (var i = 0; texture.mipmask >> i; ++i) { gl.texImage2D( GL_TEXTURE_2D, i, texture.format, w >> i, h >> i, 0, texture.format, texture.type, null); } tempRestore(); // also, recompute the texture size. if (config.profile) { texture.stats.size = getTextureSize( texture.internalformat, texture.type, w, h, false, false); } return reglTexture2D } reglTexture2D(a, b); reglTexture2D.subimage = subimage; reglTexture2D.resize = resize; reglTexture2D._reglType = 'texture2d'; reglTexture2D._texture = texture; if (config.profile) { reglTexture2D.stats = texture.stats; } reglTexture2D.destroy = function () { texture.decRef(); }; return reglTexture2D } function createTextureCube (a0, a1, a2, a3, a4, a5) { var texture = new REGLTexture(GL_TEXTURE_CUBE_MAP); textureSet[texture.id] = texture; stats.cubeCount++; var faces = new Array(6); function reglTextureCube (a0, a1, a2, a3, a4, a5) { var i; var texInfo = texture.texInfo; TexInfo.call(texInfo); for (i = 0; i < 6; ++i) { faces[i] = allocMipMap(); } if (typeof a0 === 'number' || !a0) { var s = (a0 | 0) || 1; for (i = 0; i < 6; ++i) { parseMipMapFromShape(faces[i], s, s); } } else if (typeof a0 === 'object') { if (a1) { parseMipMapFromObject(faces[0], a0); parseMipMapFromObject(faces[1], a1); parseMipMapFromObject(faces[2], a2); parseMipMapFromObject(faces[3], a3); parseMipMapFromObject(faces[4], a4); parseMipMapFromObject(faces[5], a5); } else { parseTexInfo(texInfo, a0); parseFlags(texture, a0); if ('faces' in a0) { var face_input = a0.faces; check$1(Array.isArray(face_input) && face_input.length === 6, 'cube faces must be a length 6 array'); for (i = 0; i < 6; ++i) { check$1(typeof face_input[i] === 'object' && !!face_input[i], 'invalid input for cube map face'); copyFlags(faces[i], texture); parseMipMapFromObject(faces[i], face_input[i]); } } else { for (i = 0; i < 6; ++i) { parseMipMapFromObject(faces[i], a0); } } } } else { check$1.raise('invalid arguments to cube map'); } copyFlags(texture, faces[0]); if (texInfo.genMipmaps) { texture.mipmask = (faces[0].width << 1) - 1; } else { texture.mipmask = faces[0].mipmask; } check$1.textureCube(texture, texInfo, faces, limits); texture.internalformat = faces[0].internalformat; reglTextureCube.width = faces[0].width; reglTextureCube.height = faces[0].height; tempBind(texture); for (i = 0; i < 6; ++i) { setMipMap(faces[i], GL_TEXTURE_CUBE_MAP_POSITIVE_X + i); } setTexInfo(texInfo, GL_TEXTURE_CUBE_MAP); tempRestore(); if (config.profile) { texture.stats.size = getTextureSize( texture.internalformat, texture.type, reglTextureCube.width, reglTextureCube.height, texInfo.genMipmaps, true); } reglTextureCube.format = textureFormatsInvert[texture.internalformat]; reglTextureCube.type = textureTypesInvert[texture.type]; reglTextureCube.mag = magFiltersInvert[texInfo.magFilter]; reglTextureCube.min = minFiltersInvert[texInfo.minFilter]; reglTextureCube.wrapS = wrapModesInvert[texInfo.wrapS]; reglTextureCube.wrapT = wrapModesInvert[texInfo.wrapT]; for (i = 0; i < 6; ++i) { freeMipMap(faces[i]); } return reglTextureCube } function subimage (face, image, x_, y_, level_) { check$1(!!image, 'must specify image data'); check$1(typeof face === 'number' && face === (face | 0) && face >= 0 && face < 6, 'invalid face'); var x = x_ | 0; var y = y_ | 0; var level = level_ | 0; var imageData = allocImage(); copyFlags(imageData, texture); imageData.width = 0; imageData.height = 0; parseImage(imageData, image); imageData.width = imageData.width || ((texture.width >> level) - x); imageData.height = imageData.height || ((texture.height >> level) - y); check$1( texture.type === imageData.type && texture.format === imageData.format && texture.internalformat === imageData.internalformat, 'incompatible format for texture.subimage'); check$1( x >= 0 && y >= 0 && x + imageData.width <= texture.width && y + imageData.height <= texture.height, 'texture.subimage write out of bounds'); check$1( texture.mipmask & (1 << level), 'missing mipmap data'); check$1( imageData.data || imageData.element || imageData.needsCopy, 'missing image data'); tempBind(texture); setSubImage(imageData, GL_TEXTURE_CUBE_MAP_POSITIVE_X + face, x, y, level); tempRestore(); freeImage(imageData); return reglTextureCube } function resize (radius_) { var radius = radius_ | 0; if (radius === texture.width) { return } reglTextureCube.width = texture.width = radius; reglTextureCube.height = texture.height = radius; tempBind(texture); for (var i = 0; i < 6; ++i) { for (var j = 0; texture.mipmask >> j; ++j) { gl.texImage2D( GL_TEXTURE_CUBE_MAP_POSITIVE_X + i, j, texture.format, radius >> j, radius >> j, 0, texture.format, texture.type, null); } } tempRestore(); if (config.profile) { texture.stats.size = getTextureSize( texture.internalformat, texture.type, reglTextureCube.width, reglTextureCube.height, false, true); } return reglTextureCube } reglTextureCube(a0, a1, a2, a3, a4, a5); reglTextureCube.subimage = subimage; reglTextureCube.resize = resize; reglTextureCube._reglType = 'textureCube'; reglTextureCube._texture = texture; if (config.profile) { reglTextureCube.stats = texture.stats; } reglTextureCube.destroy = function () { texture.decRef(); }; return reglTextureCube } // Called when regl is destroyed function destroyTextures () { for (var i = 0; i < numTexUnits; ++i) { gl.activeTexture(GL_TEXTURE0 + i); gl.bindTexture(GL_TEXTURE_2D, null); textureUnits[i] = null; } values(textureSet).forEach(destroy); stats.cubeCount = 0; stats.textureCount = 0; } if (config.profile) { stats.getTotalTextureSize = function () { var total = 0; Object.keys(textureSet).forEach(function (key) { total += textureSet[key].stats.size; }); return total }; } function restoreTextures () { values(textureSet).forEach(function (texture) { texture.texture = gl.createTexture(); gl.bindTexture(texture.target, texture.texture); for (var i = 0; i < 32; ++i) { if ((texture.mipmask & (1 << i)) === 0) { continue } if (texture.target === GL_TEXTURE_2D) { gl.texImage2D(GL_TEXTURE_2D, i, texture.internalformat, texture.width >> i, texture.height >> i, 0, texture.internalformat, texture.type, null); } else { for (var j = 0; j < 6; ++j) { gl.texImage2D(GL_TEXTURE_CUBE_MAP_POSITIVE_X + j, i, texture.internalformat, texture.width >> i, texture.height >> i, 0, texture.internalformat, texture.type, null); } } } setTexInfo(texture.texInfo, texture.target); }); } return { create2D: createTexture2D, createCube: createTextureCube, clear: destroyTextures, getTexture: function (wrapper) { return null }, restore: restoreTextures } } var GL_RENDERBUFFER = 0x8D41; var GL_RGBA4$1 = 0x8056; var GL_RGB5_A1$1 = 0x8057; var GL_RGB565$1 = 0x8D62; var GL_DEPTH_COMPONENT16 = 0x81A5; var GL_STENCIL_INDEX8 = 0x8D48; var GL_DEPTH_STENCIL$1 = 0x84F9; var GL_SRGB8_ALPHA8_EXT = 0x8C43; var GL_RGBA32F_EXT = 0x8814; var GL_RGBA16F_EXT = 0x881A; var GL_RGB16F_EXT = 0x881B; var FORMAT_SIZES = []; FORMAT_SIZES[GL_RGBA4$1] = 2; FORMAT_SIZES[GL_RGB5_A1$1] = 2; FORMAT_SIZES[GL_RGB565$1] = 2; FORMAT_SIZES[GL_DEPTH_COMPONENT16] = 2; FORMAT_SIZES[GL_STENCIL_INDEX8] = 1; FORMAT_SIZES[GL_DEPTH_STENCIL$1] = 4; FORMAT_SIZES[GL_SRGB8_ALPHA8_EXT] = 4; FORMAT_SIZES[GL_RGBA32F_EXT] = 16; FORMAT_SIZES[GL_RGBA16F_EXT] = 8; FORMAT_SIZES[GL_RGB16F_EXT] = 6; function getRenderbufferSize (format, width, height) { return FORMAT_SIZES[format] * width * height } var wrapRenderbuffers = function (gl, extensions, limits, stats, config) { var formatTypes = { 'rgba4': GL_RGBA4$1, 'rgb565': GL_RGB565$1, 'rgb5 a1': GL_RGB5_A1$1, 'depth': GL_DEPTH_COMPONENT16, 'stencil': GL_STENCIL_INDEX8, 'depth stencil': GL_DEPTH_STENCIL$1 }; if (extensions.ext_srgb) { formatTypes['srgba'] = GL_SRGB8_ALPHA8_EXT; } if (extensions.ext_color_buffer_half_float) { formatTypes['rgba16f'] = GL_RGBA16F_EXT; formatTypes['rgb16f'] = GL_RGB16F_EXT; } if (extensions.webgl_color_buffer_float) { formatTypes['rgba32f'] = GL_RGBA32F_EXT; } var formatTypesInvert = []; Object.keys(formatTypes).forEach(function (key) { var val = formatTypes[key]; formatTypesInvert[val] = key; }); var renderbufferCount = 0; var renderbufferSet = {}; function REGLRenderbuffer (renderbuffer) { this.id = renderbufferCount++; this.refCount = 1; this.renderbuffer = renderbuffer; this.format = GL_RGBA4$1; this.width = 0; this.height = 0; if (config.profile) { this.stats = {size: 0}; } } REGLRenderbuffer.prototype.decRef = function () { if (--this.refCount <= 0) { destroy(this); } }; function destroy (rb) { var handle = rb.renderbuffer; check$1(handle, 'must not double destroy renderbuffer'); gl.bindRenderbuffer(GL_RENDERBUFFER, null); gl.deleteRenderbuffer(handle); rb.renderbuffer = null; rb.refCount = 0; delete renderbufferSet[rb.id]; stats.renderbufferCount--; } function createRenderbuffer (a, b) { var renderbuffer = new REGLRenderbuffer(gl.createRenderbuffer()); renderbufferSet[renderbuffer.id] = renderbuffer; stats.renderbufferCount++; function reglRenderbuffer (a, b) { var w = 0; var h = 0; var format = GL_RGBA4$1; if (typeof a === 'object' && a) { var options = a; if ('shape' in options) { var shape = options.shape; check$1(Array.isArray(shape) && shape.length >= 2, 'invalid renderbuffer shape'); w = shape[0] | 0; h = shape[1] | 0; } else { if ('radius' in options) { w = h = options.radius | 0; } if ('width' in options) { w = options.width | 0; } if ('height' in options) { h = options.height | 0; } } if ('format' in options) { check$1.parameter(options.format, formatTypes, 'invalid renderbuffer format'); format = formatTypes[options.format]; } } else if (typeof a === 'number') { w = a | 0; if (typeof b === 'number') { h = b | 0; } else { h = w; } } else if (!a) { w = h = 1; } else { check$1.raise('invalid arguments to renderbuffer constructor'); } // check shape check$1( w > 0 && h > 0 && w <= limits.maxRenderbufferSize && h <= limits.maxRenderbufferSize, 'invalid renderbuffer size'); if (w === renderbuffer.width && h === renderbuffer.height && format === renderbuffer.format) { return } reglRenderbuffer.width = renderbuffer.width = w; reglRenderbuffer.height = renderbuffer.height = h; renderbuffer.format = format; gl.bindRenderbuffer(GL_RENDERBUFFER, renderbuffer.renderbuffer); gl.renderbufferStorage(GL_RENDERBUFFER, format, w, h); if (config.profile) { renderbuffer.stats.size = getRenderbufferSize(renderbuffer.format, renderbuffer.width, renderbuffer.height); } reglRenderbuffer.format = formatTypesInvert[renderbuffer.format]; return reglRenderbuffer } function resize (w_, h_) { var w = w_ | 0; var h = (h_ | 0) || w; if (w === renderbuffer.width && h === renderbuffer.height) { return reglRenderbuffer } // check shape check$1( w > 0 && h > 0 && w <= limits.maxRenderbufferSize && h <= limits.maxRenderbufferSize, 'invalid renderbuffer size'); reglRenderbuffer.width = renderbuffer.width = w; reglRenderbuffer.height = renderbuffer.height = h; gl.bindRenderbuffer(GL_RENDERBUFFER, renderbuffer.renderbuffer); gl.renderbufferStorage(GL_RENDERBUFFER, renderbuffer.format, w, h); // also, recompute size. if (config.profile) { renderbuffer.stats.size = getRenderbufferSize( renderbuffer.format, renderbuffer.width, renderbuffer.height); } return reglRenderbuffer } reglRenderbuffer(a, b); reglRenderbuffer.resize = resize; reglRenderbuffer._reglType = 'renderbuffer'; reglRenderbuffer._renderbuffer = renderbuffer; if (config.profile) { reglRenderbuffer.stats = renderbuffer.stats; } reglRenderbuffer.destroy = function () { renderbuffer.decRef(); }; return reglRenderbuffer } if (config.profile) { stats.getTotalRenderbufferSize = function () { var total = 0; Object.keys(renderbufferSet).forEach(function (key) { total += renderbufferSet[key].stats.size; }); return total }; } function restoreRenderbuffers () { values(renderbufferSet).forEach(function (rb) { rb.renderbuffer = gl.createRenderbuffer(); gl.bindRenderbuffer(GL_RENDERBUFFER, rb.renderbuffer); gl.renderbufferStorage(GL_RENDERBUFFER, rb.format, rb.width, rb.height); }); gl.bindRenderbuffer(GL_RENDERBUFFER, null); } return { create: createRenderbuffer, clear: function () { values(renderbufferSet).forEach(destroy); }, restore: restoreRenderbuffers } }; // We store these constants so that the minifier can inline them var GL_FRAMEBUFFER = 0x8D40; var GL_RENDERBUFFER$1 = 0x8D41; var GL_TEXTURE_2D$1 = 0x0DE1; var GL_TEXTURE_CUBE_MAP_POSITIVE_X$1 = 0x8515; var GL_COLOR_ATTACHMENT0 = 0x8CE0; var GL_DEPTH_ATTACHMENT = 0x8D00; var GL_STENCIL_ATTACHMENT = 0x8D20; var GL_DEPTH_STENCIL_ATTACHMENT = 0x821A; var GL_FRAMEBUFFER_COMPLETE = 0x8CD5; var GL_FRAMEBUFFER_INCOMPLETE_ATTACHMENT = 0x8CD6; var GL_FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT = 0x8CD7; var GL_FRAMEBUFFER_INCOMPLETE_DIMENSIONS = 0x8CD9; var GL_FRAMEBUFFER_UNSUPPORTED = 0x8CDD; var GL_HALF_FLOAT_OES$2 = 0x8D61; var GL_UNSIGNED_BYTE$5 = 0x1401; var GL_FLOAT$4 = 0x1406; var GL_RGBA$1 = 0x1908; var GL_DEPTH_COMPONENT$1 = 0x1902; var colorTextureFormatEnums = [ GL_RGBA$1 ]; // for every texture format, store // the number of channels var textureFormatChannels = []; textureFormatChannels[GL_RGBA$1] = 4; // for every texture type, store // the size in bytes. var textureTypeSizes = []; textureTypeSizes[GL_UNSIGNED_BYTE$5] = 1; textureTypeSizes[GL_FLOAT$4] = 4; textureTypeSizes[GL_HALF_FLOAT_OES$2] = 2; var GL_RGBA4$2 = 0x8056; var GL_RGB5_A1$2 = 0x8057; var GL_RGB565$2 = 0x8D62; var GL_DEPTH_COMPONENT16$1 = 0x81A5; var GL_STENCIL_INDEX8$1 = 0x8D48; var GL_DEPTH_STENCIL$2 = 0x84F9; var GL_SRGB8_ALPHA8_EXT$1 = 0x8C43; var GL_RGBA32F_EXT$1 = 0x8814; var GL_RGBA16F_EXT$1 = 0x881A; var GL_RGB16F_EXT$1 = 0x881B; var colorRenderbufferFormatEnums = [ GL_RGBA4$2, GL_RGB5_A1$2, GL_RGB565$2, GL_SRGB8_ALPHA8_EXT$1, GL_RGBA16F_EXT$1, GL_RGB16F_EXT$1, GL_RGBA32F_EXT$1 ]; var statusCode = {}; statusCode[GL_FRAMEBUFFER_COMPLETE] = 'complete'; statusCode[GL_FRAMEBUFFER_INCOMPLETE_ATTACHMENT] = 'incomplete attachment'; statusCode[GL_FRAMEBUFFER_INCOMPLETE_DIMENSIONS] = 'incomplete dimensions'; statusCode[GL_FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT] = 'incomplete, missing attachment'; statusCode[GL_FRAMEBUFFER_UNSUPPORTED] = 'unsupported'; function wrapFBOState ( gl, extensions, limits, textureState, renderbufferState, stats) { var framebufferState = { cur: null, next: null, dirty: false, setFBO: null }; var colorTextureFormats = ['rgba']; var colorRenderbufferFormats = ['rgba4', 'rgb565', 'rgb5 a1']; if (extensions.ext_srgb) { colorRenderbufferFormats.push('srgba'); } if (extensions.ext_color_buffer_half_float) { colorRenderbufferFormats.push('rgba16f', 'rgb16f'); } if (extensions.webgl_color_buffer_float) { colorRenderbufferFormats.push('rgba32f'); } var colorTypes = ['uint8']; if (extensions.oes_texture_half_float) { colorTypes.push('half float', 'float16'); } if (extensions.oes_texture_float) { colorTypes.push('float', 'float32'); } function FramebufferAttachment (target, texture, renderbuffer) { this.target = target; this.texture = texture; this.renderbuffer = renderbuffer; var w = 0; var h = 0; if (texture) { w = texture.width; h = texture.height; } else if (renderbuffer) { w = renderbuffer.width; h = renderbuffer.height; } this.width = w; this.height = h; } function decRef (attachment) { if (attachment) { if (attachment.texture) { attachment.texture._texture.decRef(); } if (attachment.renderbuffer) { attachment.renderbuffer._renderbuffer.decRef(); } } } function incRefAndCheckShape (attachment, width, height) { if (!attachment) { return } if (attachment.texture) { var texture = attachment.texture._texture; var tw = Math.max(1, texture.width); var th = Math.max(1, texture.height); check$1(tw === width && th === height, 'inconsistent width/height for supplied texture'); texture.refCount += 1; } else { var renderbuffer = attachment.renderbuffer._renderbuffer; check$1( renderbuffer.width === width && renderbuffer.height === height, 'inconsistent width/height for renderbuffer'); renderbuffer.refCount += 1; } } function attach (location, attachment) { if (attachment) { if (attachment.texture) { gl.framebufferTexture2D( GL_FRAMEBUFFER, location, attachment.target, attachment.texture._texture.texture, 0); } else { gl.framebufferRenderbuffer( GL_FRAMEBUFFER, location, GL_RENDERBUFFER$1, attachment.renderbuffer._renderbuffer.renderbuffer); } } } function parseAttachment (attachment) { var target = GL_TEXTURE_2D$1; var texture = null; var renderbuffer = null; var data = attachment; if (typeof attachment === 'object') { data = attachment.data; if ('target' in attachment) { target = attachment.target | 0; } } check$1.type(data, 'function', 'invalid attachment data'); var type = data._reglType; if (type === 'texture2d') { texture = data; check$1(target === GL_TEXTURE_2D$1); } else if (type === 'textureCube') { texture = data; check$1( target >= GL_TEXTURE_CUBE_MAP_POSITIVE_X$1 && target < GL_TEXTURE_CUBE_MAP_POSITIVE_X$1 + 6, 'invalid cube map target'); } else if (type === 'renderbuffer') { renderbuffer = data; target = GL_RENDERBUFFER$1; } else { check$1.raise('invalid regl object for attachment'); } return new FramebufferAttachment(target, texture, renderbuffer) } function allocAttachment ( width, height, isTexture, format, type) { if (isTexture) { var texture = textureState.create2D({ width: width, height: height, format: format, type: type }); texture._texture.refCount = 0; return new FramebufferAttachment(GL_TEXTURE_2D$1, texture, null) } else { var rb = renderbufferState.create({ width: width, height: height, format: format }); rb._renderbuffer.refCount = 0; return new FramebufferAttachment(GL_RENDERBUFFER$1, null, rb) } } function unwrapAttachment (attachment) { return attachment && (attachment.texture || attachment.renderbuffer) } function resizeAttachment (attachment, w, h) { if (attachment) { if (attachment.texture) { attachment.texture.resize(w, h); } else if (attachment.renderbuffer) { attachment.renderbuffer.resize(w, h); } } } var framebufferCount = 0; var framebufferSet = {}; function REGLFramebuffer () { this.id = framebufferCount++; framebufferSet[this.id] = this; this.framebuffer = gl.createFramebuffer(); this.width = 0; this.height = 0; this.colorAttachments = []; this.depthAttachment = null; this.stencilAttachment = null; this.depthStencilAttachment = null; } function decFBORefs (framebuffer) { framebuffer.colorAttachments.forEach(decRef); decRef(framebuffer.depthAttachment); decRef(framebuffer.stencilAttachment); decRef(framebuffer.depthStencilAttachment); } function destroy (framebuffer) { var handle = framebuffer.framebuffer; check$1(handle, 'must not double destroy framebuffer'); gl.deleteFramebuffer(handle); framebuffer.framebuffer = null; stats.framebufferCount--; delete framebufferSet[framebuffer.id]; } function updateFramebuffer (framebuffer) { var i; gl.bindFramebuffer(GL_FRAMEBUFFER, framebuffer.framebuffer); var colorAttachments = framebuffer.colorAttachments; for (i = 0; i < colorAttachments.length; ++i) { attach(GL_COLOR_ATTACHMENT0 + i, colorAttachments[i]); } for (i = colorAttachments.length; i < limits.maxColorAttachments; ++i) { gl.framebufferTexture2D( GL_FRAMEBUFFER, GL_COLOR_ATTACHMENT0 + i, GL_TEXTURE_2D$1, null, 0); } gl.framebufferTexture2D( GL_FRAMEBUFFER, GL_DEPTH_STENCIL_ATTACHMENT, GL_TEXTURE_2D$1, null, 0); gl.framebufferTexture2D( GL_FRAMEBUFFER, GL_DEPTH_ATTACHMENT, GL_TEXTURE_2D$1, null, 0); gl.framebufferTexture2D( GL_FRAMEBUFFER, GL_STENCIL_ATTACHMENT, GL_TEXTURE_2D$1, null, 0); attach(GL_DEPTH_ATTACHMENT, framebuffer.depthAttachment); attach(GL_STENCIL_ATTACHMENT, framebuffer.stencilAttachment); attach(GL_DEPTH_STENCIL_ATTACHMENT, framebuffer.depthStencilAttachment); // Check status code var status = gl.checkFramebufferStatus(GL_FRAMEBUFFER); if (status !== GL_FRAMEBUFFER_COMPLETE) { check$1.raise('framebuffer configuration not supported, status = ' + statusCode[status]); } gl.bindFramebuffer(GL_FRAMEBUFFER, framebufferState.next); framebufferState.cur = framebufferState.next; // FIXME: Clear error code here. This is a work around for a bug in // headless-gl gl.getError(); } function createFBO (a0, a1) { var framebuffer = new REGLFramebuffer(); stats.framebufferCount++; function reglFramebuffer (a, b) { var i; check$1(framebufferState.next !== framebuffer, 'can not update framebuffer which is currently in use'); var extDrawBuffers = extensions.webgl_draw_buffers; var width = 0; var height = 0; var needsDepth = true; var needsStencil = true; var colorBuffer = null; var colorTexture = true; var colorFormat = 'rgba'; var colorType = 'uint8'; var colorCount = 1; var depthBuffer = null; var stencilBuffer = null; var depthStencilBuffer = null; var depthStencilTexture = false; if (typeof a === 'number') { width = a | 0; height = (b | 0) || width; } else if (!a) { width = height = 1; } else { check$1.type(a, 'object', 'invalid arguments for framebuffer'); var options = a; if ('shape' in options) { var shape = options.shape; check$1(Array.isArray(shape) && shape.length >= 2, 'invalid shape for framebuffer'); width = shape[0]; height = shape[1]; } else { if ('radius' in options) { width = height = options.radius; } if ('width' in options) { width = options.width; } if ('height' in options) { height = options.height; } } if ('color' in options || 'colors' in options) { colorBuffer = options.color || options.colors; if (Array.isArray(colorBuffer)) { check$1( colorBuffer.length === 1 || extDrawBuffers, 'multiple render targets not supported'); } } if (!colorBuffer) { if ('colorCount' in options) { colorCount = options.colorCount | 0; check$1(colorCount > 0, 'invalid color buffer count'); } if ('colorTexture' in options) { colorTexture = !!options.colorTexture; colorFormat = 'rgba4'; } if ('colorType' in options) { colorType = options.colorType; if (!colorTexture) { if (colorType === 'half float' || colorType === 'float16') { check$1(extensions.ext_color_buffer_half_float, 'you must enable EXT_color_buffer_half_float to use 16-bit render buffers'); colorFormat = 'rgba16f'; } else if (colorType === 'float' || colorType === 'float32') { check$1(extensions.webgl_color_buffer_float, 'you must enable WEBGL_color_buffer_float in order to use 32-bit floating point renderbuffers'); colorFormat = 'rgba32f'; } } else { check$1(extensions.oes_texture_float || !(colorType === 'float' || colorType === 'float32'), 'you must enable OES_texture_float in order to use floating point framebuffer objects'); check$1(extensions.oes_texture_half_float || !(colorType === 'half float' || colorType === 'float16'), 'you must enable OES_texture_half_float in order to use 16-bit floating point framebuffer objects'); } check$1.oneOf(colorType, colorTypes, 'invalid color type'); } if ('colorFormat' in options) { colorFormat = options.colorFormat; if (colorTextureFormats.indexOf(colorFormat) >= 0) { colorTexture = true; } else if (colorRenderbufferFormats.indexOf(colorFormat) >= 0) { colorTexture = false; } else { if (colorTexture) { check$1.oneOf( options.colorFormat, colorTextureFormats, 'invalid color format for texture'); } else { check$1.oneOf( options.colorFormat, colorRenderbufferFormats, 'invalid color format for renderbuffer'); } } } } if ('depthTexture' in options || 'depthStencilTexture' in options) { depthStencilTexture = !!(options.depthTexture || options.depthStencilTexture); check$1(!depthStencilTexture || extensions.webgl_depth_texture, 'webgl_depth_texture extension not supported'); } if ('depth' in options) { if (typeof options.depth === 'boolean') { needsDepth = options.depth; } else { depthBuffer = options.depth; needsStencil = false; } } if ('stencil' in options) { if (typeof options.stencil === 'boolean') { needsStencil = options.stencil; } else { stencilBuffer = options.stencil; needsDepth = false; } } if ('depthStencil' in options) { if (typeof options.depthStencil === 'boolean') { needsDepth = needsStencil = options.depthStencil; } else { depthStencilBuffer = options.depthStencil; needsDepth = false; needsStencil = false; } } } // parse attachments var colorAttachments = null; var depthAttachment = null; var stencilAttachment = null; var depthStencilAttachment = null; // Set up color attachments if (Array.isArray(colorBuffer)) { colorAttachments = colorBuffer.map(parseAttachment); } else if (colorBuffer) { colorAttachments = [parseAttachment(colorBuffer)]; } else { colorAttachments = new Array(colorCount); for (i = 0; i < colorCount; ++i) { colorAttachments[i] = allocAttachment( width, height, colorTexture, colorFormat, colorType); } } check$1(extensions.webgl_draw_buffers || colorAttachments.length <= 1, 'you must enable the WEBGL_draw_buffers extension in order to use multiple color buffers.'); check$1(colorAttachments.length <= limits.maxColorAttachments, 'too many color attachments, not supported'); width = width || colorAttachments[0].width; height = height || colorAttachments[0].height; if (depthBuffer) { depthAttachment = parseAttachment(depthBuffer); } else if (needsDepth && !needsStencil) { depthAttachment = allocAttachment( width, height, depthStencilTexture, 'depth', 'uint32'); } if (stencilBuffer) { stencilAttachment = parseAttachment(stencilBuffer); } else if (needsStencil && !needsDepth) { stencilAttachment = allocAttachment( width, height, false, 'stencil', 'uint8'); } if (depthStencilBuffer) { depthStencilAttachment = parseAttachment(depthStencilBuffer); } else if (!depthBuffer && !stencilBuffer && needsStencil && needsDepth) { depthStencilAttachment = allocAttachment( width, height, depthStencilTexture, 'depth stencil', 'depth stencil'); } check$1( (!!depthBuffer) + (!!stencilBuffer) + (!!depthStencilBuffer) <= 1, 'invalid framebuffer configuration, can specify exactly one depth/stencil attachment'); var commonColorAttachmentSize = null; for (i = 0; i < colorAttachments.length; ++i) { incRefAndCheckShape(colorAttachments[i], width, height); check$1(!colorAttachments[i] || (colorAttachments[i].texture && colorTextureFormatEnums.indexOf(colorAttachments[i].texture._texture.format) >= 0) || (colorAttachments[i].renderbuffer && colorRenderbufferFormatEnums.indexOf(colorAttachments[i].renderbuffer._renderbuffer.format) >= 0), 'framebuffer color attachment ' + i + ' is invalid'); if (colorAttachments[i] && colorAttachments[i].texture) { var colorAttachmentSize = textureFormatChannels[colorAttachments[i].texture._texture.format] * textureTypeSizes[colorAttachments[i].texture._texture.type]; if (commonColorAttachmentSize === null) { commonColorAttachmentSize = colorAttachmentSize; } else { // We need to make sure that all color attachments have the same number of bitplanes // (that is, the same numer of bits per pixel) // This is required by the GLES2.0 standard. See the beginning of Chapter 4 in that document. check$1(commonColorAttachmentSize === colorAttachmentSize, 'all color attachments much have the same number of bits per pixel.'); } } } incRefAndCheckShape(depthAttachment, width, height); check$1(!depthAttachment || (depthAttachment.texture && depthAttachment.texture._texture.format === GL_DEPTH_COMPONENT$1) || (depthAttachment.renderbuffer && depthAttachment.renderbuffer._renderbuffer.format === GL_DEPTH_COMPONENT16$1), 'invalid depth attachment for framebuffer object'); incRefAndCheckShape(stencilAttachment, width, height); check$1(!stencilAttachment || (stencilAttachment.renderbuffer && stencilAttachment.renderbuffer._renderbuffer.format === GL_STENCIL_INDEX8$1), 'invalid stencil attachment for framebuffer object'); incRefAndCheckShape(depthStencilAttachment, width, height); check$1(!depthStencilAttachment || (depthStencilAttachment.texture && depthStencilAttachment.texture._texture.format === GL_DEPTH_STENCIL$2) || (depthStencilAttachment.renderbuffer && depthStencilAttachment.renderbuffer._renderbuffer.format === GL_DEPTH_STENCIL$2), 'invalid depth-stencil attachment for framebuffer object'); // decrement references decFBORefs(framebuffer); framebuffer.width = width; framebuffer.height = height; framebuffer.colorAttachments = colorAttachments; framebuffer.depthAttachment = depthAttachment; framebuffer.stencilAttachment = stencilAttachment; framebuffer.depthStencilAttachment = depthStencilAttachment; reglFramebuffer.color = colorAttachments.map(unwrapAttachment); reglFramebuffer.depth = unwrapAttachment(depthAttachment); reglFramebuffer.stencil = unwrapAttachment(stencilAttachment); reglFramebuffer.depthStencil = unwrapAttachment(depthStencilAttachment); reglFramebuffer.width = framebuffer.width; reglFramebuffer.height = framebuffer.height; updateFramebuffer(framebuffer); return reglFramebuffer } function resize (w_, h_) { check$1(framebufferState.next !== framebuffer, 'can not resize a framebuffer which is currently in use'); var w = w_ | 0; var h = (h_ | 0) || w; if (w === framebuffer.width && h === framebuffer.height) { return reglFramebuffer } // resize all buffers var colorAttachments = framebuffer.colorAttachments; for (var i = 0; i < colorAttachments.length; ++i) { resizeAttachment(colorAttachments[i], w, h); } resizeAttachment(framebuffer.depthAttachment, w, h); resizeAttachment(framebuffer.stencilAttachment, w, h); resizeAttachment(framebuffer.depthStencilAttachment, w, h); framebuffer.width = reglFramebuffer.width = w; framebuffer.height = reglFramebuffer.height = h; updateFramebuffer(framebuffer); return reglFramebuffer } reglFramebuffer(a0, a1); return extend(reglFramebuffer, { resize: resize, _reglType: 'framebuffer', _framebuffer: framebuffer, destroy: function () { destroy(framebuffer); decFBORefs(framebuffer); }, use: function (block) { framebufferState.setFBO({ framebuffer: reglFramebuffer }, block); } }) } function createCubeFBO (options) { var faces = Array(6); function reglFramebufferCube (a) { var i; check$1(faces.indexOf(framebufferState.next) < 0, 'can not update framebuffer which is currently in use'); var extDrawBuffers = extensions.webgl_draw_buffers; var params = { color: null }; var radius = 0; var colorBuffer = null; var colorFormat = 'rgba'; var colorType = 'uint8'; var colorCount = 1; if (typeof a === 'number') { radius = a | 0; } else if (!a) { radius = 1; } else { check$1.type(a, 'object', 'invalid arguments for framebuffer'); var options = a; if ('shape' in options) { var shape = options.shape; check$1( Array.isArray(shape) && shape.length >= 2, 'invalid shape for framebuffer'); check$1( shape[0] === shape[1], 'cube framebuffer must be square'); radius = shape[0]; } else { if ('radius' in options) { radius = options.radius | 0; } if ('width' in options) { radius = options.width | 0; if ('height' in options) { check$1(options.height === radius, 'must be square'); } } else if ('height' in options) { radius = options.height | 0; } } if ('color' in options || 'colors' in options) { colorBuffer = options.color || options.colors; if (Array.isArray(colorBuffer)) { check$1( colorBuffer.length === 1 || extDrawBuffers, 'multiple render targets not supported'); } } if (!colorBuffer) { if ('colorCount' in options) { colorCount = options.colorCount | 0; check$1(colorCount > 0, 'invalid color buffer count'); } if ('colorType' in options) { check$1.oneOf( options.colorType, colorTypes, 'invalid color type'); colorType = options.colorType; } if ('colorFormat' in options) { colorFormat = options.colorFormat; check$1.oneOf( options.colorFormat, colorTextureFormats, 'invalid color format for texture'); } } if ('depth' in options) { params.depth = options.depth; } if ('stencil' in options) { params.stencil = options.stencil; } if ('depthStencil' in options) { params.depthStencil = options.depthStencil; } } var colorCubes; if (colorBuffer) { if (Array.isArray(colorBuffer)) { colorCubes = []; for (i = 0; i < colorBuffer.length; ++i) { colorCubes[i] = colorBuffer[i]; } } else { colorCubes = [ colorBuffer ]; } } else { colorCubes = Array(colorCount); var cubeMapParams = { radius: radius, format: colorFormat, type: colorType }; for (i = 0; i < colorCount; ++i) { colorCubes[i] = textureState.createCube(cubeMapParams); } } // Check color cubes params.color = Array(colorCubes.length); for (i = 0; i < colorCubes.length; ++i) { var cube = colorCubes[i]; check$1( typeof cube === 'function' && cube._reglType === 'textureCube', 'invalid cube map'); radius = radius || cube.width; check$1( cube.width === radius && cube.height === radius, 'invalid cube map shape'); params.color[i] = { target: GL_TEXTURE_CUBE_MAP_POSITIVE_X$1, data: colorCubes[i] }; } for (i = 0; i < 6; ++i) { for (var j = 0; j < colorCubes.length; ++j) { params.color[j].target = GL_TEXTURE_CUBE_MAP_POSITIVE_X$1 + i; } // reuse depth-stencil attachments across all cube maps if (i > 0) { params.depth = faces[0].depth; params.stencil = faces[0].stencil; params.depthStencil = faces[0].depthStencil; } if (faces[i]) { (faces[i])(params); } else { faces[i] = createFBO(params); } } return extend(reglFramebufferCube, { width: radius, height: radius, color: colorCubes }) } function resize (radius_) { var i; var radius = radius_ | 0; check$1(radius > 0 && radius <= limits.maxCubeMapSize, 'invalid radius for cube fbo'); if (radius === reglFramebufferCube.width) { return reglFramebufferCube } var colors = reglFramebufferCube.color; for (i = 0; i < colors.length; ++i) { colors[i].resize(radius); } for (i = 0; i < 6; ++i) { faces[i].resize(radius); } reglFramebufferCube.width = reglFramebufferCube.height = radius; return reglFramebufferCube } reglFramebufferCube(options); return extend(reglFramebufferCube, { faces: faces, resize: resize, _reglType: 'framebufferCube', destroy: function () { faces.forEach(function (f) { f.destroy(); }); } }) } function restoreFramebuffers () { values(framebufferSet).forEach(function (fb) { fb.framebuffer = gl.createFramebuffer(); updateFramebuffer(fb); }); } return extend(framebufferState, { getFramebuffer: function (object) { if (typeof object === 'function' && object._reglType === 'framebuffer') { var fbo = object._framebuffer; if (fbo instanceof REGLFramebuffer) { return fbo } } return null }, create: createFBO, createCube: createCubeFBO, clear: function () { values(framebufferSet).forEach(destroy); }, restore: restoreFramebuffers }) } var GL_FLOAT$5 = 5126; function AttributeRecord () { this.state = 0; this.x = 0.0; this.y = 0.0; this.z = 0.0; this.w = 0.0; this.buffer = null; this.size = 0; this.normalized = false; this.type = GL_FLOAT$5; this.offset = 0; this.stride = 0; this.divisor = 0; } function wrapAttributeState ( gl, extensions, limits, bufferState, stringStore) { var NUM_ATTRIBUTES = limits.maxAttributes; var attributeBindings = new Array(NUM_ATTRIBUTES); for (var i = 0; i < NUM_ATTRIBUTES; ++i) { attributeBindings[i] = new AttributeRecord(); } return { Record: AttributeRecord, scope: {}, state: attributeBindings } } var GL_FRAGMENT_SHADER = 35632; var GL_VERTEX_SHADER = 35633; var GL_ACTIVE_UNIFORMS = 0x8B86; var GL_ACTIVE_ATTRIBUTES = 0x8B89; function wrapShaderState (gl, stringStore, stats, config) { // =================================================== // glsl compilation and linking // =================================================== var fragShaders = {}; var vertShaders = {}; function ActiveInfo (name, id, location, info) { this.name = name; this.id = id; this.location = location; this.info = info; } function insertActiveInfo (list, info) { for (var i = 0; i < list.length; ++i) { if (list[i].id === info.id) { list[i].location = info.location; return } } list.push(info); } function getShader (type, id, command) { var cache = type === GL_FRAGMENT_SHADER ? fragShaders : vertShaders; var shader = cache[id]; if (!shader) { var source = stringStore.str(id); shader = gl.createShader(type); gl.shaderSource(shader, source); gl.compileShader(shader); check$1.shaderError(gl, shader, source, type, command); cache[id] = shader; } return shader } // =================================================== // program linking // =================================================== var programCache = {}; var programList = []; var PROGRAM_COUNTER = 0; function REGLProgram (fragId, vertId) { this.id = PROGRAM_COUNTER++; this.fragId = fragId; this.vertId = vertId; this.program = null; this.uniforms = []; this.attributes = []; if (config.profile) { this.stats = { uniformsCount: 0, attributesCount: 0 }; } } function linkProgram (desc, command) { var i, info; // ------------------------------- // compile & link // ------------------------------- var fragShader = getShader(GL_FRAGMENT_SHADER, desc.fragId); var vertShader = getShader(GL_VERTEX_SHADER, desc.vertId); var program = desc.program = gl.createProgram(); gl.attachShader(program, fragShader); gl.attachShader(program, vertShader); gl.linkProgram(program); check$1.linkError( gl, program, stringStore.str(desc.fragId), stringStore.str(desc.vertId), command); // ------------------------------- // grab uniforms // ------------------------------- var numUniforms = gl.getProgramParameter(program, GL_ACTIVE_UNIFORMS); if (config.profile) { desc.stats.uniformsCount = numUniforms; } var uniforms = desc.uniforms; for (i = 0; i < numUniforms; ++i) { info = gl.getActiveUniform(program, i); if (info) { if (info.size > 1) { for (var j = 0; j < info.size; ++j) { var name = info.name.replace('[0]', '[' + j + ']'); insertActiveInfo(uniforms, new ActiveInfo( name, stringStore.id(name), gl.getUniformLocation(program, name), info)); } } else { insertActiveInfo(uniforms, new ActiveInfo( info.name, stringStore.id(info.name), gl.getUniformLocation(program, info.name), info)); } } } // ------------------------------- // grab attributes // ------------------------------- var numAttributes = gl.getProgramParameter(program, GL_ACTIVE_ATTRIBUTES); if (config.profile) { desc.stats.attributesCount = numAttributes; } var attributes = desc.attributes; for (i = 0; i < numAttributes; ++i) { info = gl.getActiveAttrib(program, i); if (info) { insertActiveInfo(attributes, new ActiveInfo( info.name, stringStore.id(info.name), gl.getAttribLocation(program, info.name), info)); } } } if (config.profile) { stats.getMaxUniformsCount = function () { var m = 0; programList.forEach(function (desc) { if (desc.stats.uniformsCount > m) { m = desc.stats.uniformsCount; } }); return m }; stats.getMaxAttributesCount = function () { var m = 0; programList.forEach(function (desc) { if (desc.stats.attributesCount > m) { m = desc.stats.attributesCount; } }); return m }; } function restoreShaders () { fragShaders = {}; vertShaders = {}; for (var i = 0; i < programList.length; ++i) { linkProgram(programList[i]); } } return { clear: function () { var deleteShader = gl.deleteShader.bind(gl); values(fragShaders).forEach(deleteShader); fragShaders = {}; values(vertShaders).forEach(deleteShader); vertShaders = {}; programList.forEach(function (desc) { gl.deleteProgram(desc.program); }); programList.length = 0; programCache = {}; stats.shaderCount = 0; }, program: function (vertId, fragId, command) { check$1.command(vertId >= 0, 'missing vertex shader', command); check$1.command(fragId >= 0, 'missing fragment shader', command); var cache = programCache[fragId]; if (!cache) { cache = programCache[fragId] = {}; } var program = cache[vertId]; if (!program) { program = new REGLProgram(fragId, vertId); stats.shaderCount++; linkProgram(program, command); cache[vertId] = program; programList.push(program); } return program }, restore: restoreShaders, shader: getShader, frag: -1, vert: -1 } } var GL_RGBA$2 = 6408; var GL_UNSIGNED_BYTE$6 = 5121; var GL_PACK_ALIGNMENT = 0x0D05; var GL_FLOAT$6 = 0x1406; // 5126 function wrapReadPixels ( gl, framebufferState, reglPoll, context, glAttributes, extensions) { function readPixelsImpl (input) { var type; if (framebufferState.next === null) { check$1( glAttributes.preserveDrawingBuffer, 'you must create a webgl context with "preserveDrawingBuffer":true in order to read pixels from the drawing buffer'); type = GL_UNSIGNED_BYTE$6; } else { check$1( framebufferState.next.colorAttachments[0].texture !== null, 'You cannot read from a renderbuffer'); type = framebufferState.next.colorAttachments[0].texture._texture.type; if (extensions.oes_texture_float) { check$1( type === GL_UNSIGNED_BYTE$6 || type === GL_FLOAT$6, 'Reading from a framebuffer is only allowed for the types \'uint8\' and \'float\''); } else { check$1( type === GL_UNSIGNED_BYTE$6, 'Reading from a framebuffer is only allowed for the type \'uint8\''); } } var x = 0; var y = 0; var width = context.framebufferWidth; var height = context.framebufferHeight; var data = null; if (isTypedArray(input)) { data = input; } else if (input) { check$1.type(input, 'object', 'invalid arguments to regl.read()'); x = input.x | 0; y = input.y | 0; check$1( x >= 0 && x < context.framebufferWidth, 'invalid x offset for regl.read'); check$1( y >= 0 && y < context.framebufferHeight, 'invalid y offset for regl.read'); width = (input.width || (context.framebufferWidth - x)) | 0; height = (input.height || (context.framebufferHeight - y)) | 0; data = input.data || null; } // sanity check input.data if (data) { if (type === GL_UNSIGNED_BYTE$6) { check$1( data instanceof Uint8Array, 'buffer must be \'Uint8Array\' when reading from a framebuffer of type \'uint8\''); } else if (type === GL_FLOAT$6) { check$1( data instanceof Float32Array, 'buffer must be \'Float32Array\' when reading from a framebuffer of type \'float\''); } } check$1( width > 0 && width + x <= context.framebufferWidth, 'invalid width for read pixels'); check$1( height > 0 && height + y <= context.framebufferHeight, 'invalid height for read pixels'); // Update WebGL state reglPoll(); // Compute size var size = width * height * 4; // Allocate data if (!data) { if (type === GL_UNSIGNED_BYTE$6) { data = new Uint8Array(size); } else if (type === GL_FLOAT$6) { data = data || new Float32Array(size); } } // Type check check$1.isTypedArray(data, 'data buffer for regl.read() must be a typedarray'); check$1(data.byteLength >= size, 'data buffer for regl.read() too small'); // Run read pixels gl.pixelStorei(GL_PACK_ALIGNMENT, 4); gl.readPixels(x, y, width, height, GL_RGBA$2, type, data); return data } function readPixelsFBO (options) { var result; framebufferState.setFBO({ framebuffer: options.framebuffer }, function () { result = readPixelsImpl(options); }); return result } function readPixels (options) { if (!options || !('framebuffer' in options)) { return readPixelsImpl(options) } else { return readPixelsFBO(options) } } return readPixels } function slice (x) { return Array.prototype.slice.call(x) } function join (x) { return slice(x).join('') } function createEnvironment () { // Unique variable id counter var varCounter = 0; // Linked values are passed from this scope into the generated code block // Calling link() passes a value into the generated scope and returns // the variable name which it is bound to var linkedNames = []; var linkedValues = []; function link (value) { for (var i = 0; i < linkedValues.length; ++i) { if (linkedValues[i] === value) { return linkedNames[i] } } var name = 'g' + (varCounter++); linkedNames.push(name); linkedValues.push(value); return name } // create a code block function block () { var code = []; function push () { code.push.apply(code, slice(arguments)); } var vars = []; function def () { var name = 'v' + (varCounter++); vars.push(name); if (arguments.length > 0) { code.push(name, '='); code.push.apply(code, slice(arguments)); code.push(';'); } return name } return extend(push, { def: def, toString: function () { return join([ (vars.length > 0 ? 'var ' + vars + ';' : ''), join(code) ]) } }) } function scope () { var entry = block(); var exit = block(); var entryToString = entry.toString; var exitToString = exit.toString; function save (object, prop) { exit(object, prop, '=', entry.def(object, prop), ';'); } return extend(function () { entry.apply(entry, slice(arguments)); }, { def: entry.def, entry: entry, exit: exit, save: save, set: function (object, prop, value) { save(object, prop); entry(object, prop, '=', value, ';'); }, toString: function () { return entryToString() + exitToString() } }) } function conditional () { var pred = join(arguments); var thenBlock = scope(); var elseBlock = scope(); var thenToString = thenBlock.toString; var elseToString = elseBlock.toString; return extend(thenBlock, { then: function () { thenBlock.apply(thenBlock, slice(arguments)); return this }, else: function () { elseBlock.apply(elseBlock, slice(arguments)); return this }, toString: function () { var elseClause = elseToString(); if (elseClause) { elseClause = 'else{' + elseClause + '}'; } return join([ 'if(', pred, '){', thenToString(), '}', elseClause ]) } }) } // procedure list var globalBlock = block(); var procedures = {}; function proc (name, count) { var args = []; function arg () { var name = 'a' + args.length; args.push(name); return name } count = count || 0; for (var i = 0; i < count; ++i) { arg(); } var body = scope(); var bodyToString = body.toString; var result = procedures[name] = extend(body, { arg: arg, toString: function () { return join([ 'function(', args.join(), '){', bodyToString(), '}' ]) } }); return result } function compile () { var code = ['"use strict";', globalBlock, 'return {']; Object.keys(procedures).forEach(function (name) { code.push('"', name, '":', procedures[name].toString(), ','); }); code.push('}'); var src = join(code) .replace(/;/g, ';\n') .replace(/}/g, '}\n') .replace(/{/g, '{\n'); var proc = Function.apply(null, linkedNames.concat(src)); return proc.apply(null, linkedValues) } return { global: globalBlock, link: link, block: block, proc: proc, scope: scope, cond: conditional, compile: compile } } // "cute" names for vector components var CUTE_COMPONENTS = 'xyzw'.split(''); var GL_UNSIGNED_BYTE$7 = 5121; var ATTRIB_STATE_POINTER = 1; var ATTRIB_STATE_CONSTANT = 2; var DYN_FUNC$1 = 0; var DYN_PROP$1 = 1; var DYN_CONTEXT$1 = 2; var DYN_STATE$1 = 3; var DYN_THUNK = 4; var S_DITHER = 'dither'; var S_BLEND_ENABLE = 'blend.enable'; var S_BLEND_COLOR = 'blend.color'; var S_BLEND_EQUATION = 'blend.equation'; var S_BLEND_FUNC = 'blend.func'; var S_DEPTH_ENABLE = 'depth.enable'; var S_DEPTH_FUNC = 'depth.func'; var S_DEPTH_RANGE = 'depth.range'; var S_DEPTH_MASK = 'depth.mask'; var S_COLOR_MASK = 'colorMask'; var S_CULL_ENABLE = 'cull.enable'; var S_CULL_FACE = 'cull.face'; var S_FRONT_FACE = 'frontFace'; var S_LINE_WIDTH = 'lineWidth'; var S_POLYGON_OFFSET_ENABLE = 'polygonOffset.enable'; var S_POLYGON_OFFSET_OFFSET = 'polygonOffset.offset'; var S_SAMPLE_ALPHA = 'sample.alpha'; var S_SAMPLE_ENABLE = 'sample.enable'; var S_SAMPLE_COVERAGE = 'sample.coverage'; var S_STENCIL_ENABLE = 'stencil.enable'; var S_STENCIL_MASK = 'stencil.mask'; var S_STENCIL_FUNC = 'stencil.func'; var S_STENCIL_OPFRONT = 'stencil.opFront'; var S_STENCIL_OPBACK = 'stencil.opBack'; var S_SCISSOR_ENABLE = 'scissor.enable'; var S_SCISSOR_BOX = 'scissor.box'; var S_VIEWPORT = 'viewport'; var S_PROFILE = 'profile'; var S_FRAMEBUFFER = 'framebuffer'; var S_VERT = 'vert'; var S_FRAG = 'frag'; var S_ELEMENTS = 'elements'; var S_PRIMITIVE = 'primitive'; var S_COUNT = 'count'; var S_OFFSET = 'offset'; var S_INSTANCES = 'instances'; var SUFFIX_WIDTH = 'Width'; var SUFFIX_HEIGHT = 'Height'; var S_FRAMEBUFFER_WIDTH = S_FRAMEBUFFER + SUFFIX_WIDTH; var S_FRAMEBUFFER_HEIGHT = S_FRAMEBUFFER + SUFFIX_HEIGHT; var S_VIEWPORT_WIDTH = S_VIEWPORT + SUFFIX_WIDTH; var S_VIEWPORT_HEIGHT = S_VIEWPORT + SUFFIX_HEIGHT; var S_DRAWINGBUFFER = 'drawingBuffer'; var S_DRAWINGBUFFER_WIDTH = S_DRAWINGBUFFER + SUFFIX_WIDTH; var S_DRAWINGBUFFER_HEIGHT = S_DRAWINGBUFFER + SUFFIX_HEIGHT; var NESTED_OPTIONS = [ S_BLEND_FUNC, S_BLEND_EQUATION, S_STENCIL_FUNC, S_STENCIL_OPFRONT, S_STENCIL_OPBACK, S_SAMPLE_COVERAGE, S_VIEWPORT, S_SCISSOR_BOX, S_POLYGON_OFFSET_OFFSET ]; var GL_ARRAY_BUFFER$1 = 34962; var GL_ELEMENT_ARRAY_BUFFER$1 = 34963; var GL_FRAGMENT_SHADER$1 = 35632; var GL_VERTEX_SHADER$1 = 35633; var GL_TEXTURE_2D$2 = 0x0DE1; var GL_TEXTURE_CUBE_MAP$1 = 0x8513; var GL_CULL_FACE = 0x0B44; var GL_BLEND = 0x0BE2; var GL_DITHER = 0x0BD0; var GL_STENCIL_TEST = 0x0B90; var GL_DEPTH_TEST = 0x0B71; var GL_SCISSOR_TEST = 0x0C11; var GL_POLYGON_OFFSET_FILL = 0x8037; var GL_SAMPLE_ALPHA_TO_COVERAGE = 0x809E; var GL_SAMPLE_COVERAGE = 0x80A0; var GL_FLOAT$7 = 5126; var GL_FLOAT_VEC2 = 35664; var GL_FLOAT_VEC3 = 35665; var GL_FLOAT_VEC4 = 35666; var GL_INT$3 = 5124; var GL_INT_VEC2 = 35667; var GL_INT_VEC3 = 35668; var GL_INT_VEC4 = 35669; var GL_BOOL = 35670; var GL_BOOL_VEC2 = 35671; var GL_BOOL_VEC3 = 35672; var GL_BOOL_VEC4 = 35673; var GL_FLOAT_MAT2 = 35674; var GL_FLOAT_MAT3 = 35675; var GL_FLOAT_MAT4 = 35676; var GL_SAMPLER_2D = 35678; var GL_SAMPLER_CUBE = 35680; var GL_TRIANGLES$1 = 4; var GL_FRONT = 1028; var GL_BACK = 1029; var GL_CW = 0x0900; var GL_CCW = 0x0901; var GL_MIN_EXT = 0x8007; var GL_MAX_EXT = 0x8008; var GL_ALWAYS = 519; var GL_KEEP = 7680; var GL_ZERO = 0; var GL_ONE = 1; var GL_FUNC_ADD = 0x8006; var GL_LESS = 513; var GL_FRAMEBUFFER$1 = 0x8D40; var GL_COLOR_ATTACHMENT0$1 = 0x8CE0; var blendFuncs = { '0': 0, '1': 1, 'zero': 0, 'one': 1, 'src color': 768, 'one minus src color': 769, 'src alpha': 770, 'one minus src alpha': 771, 'dst color': 774, 'one minus dst color': 775, 'dst alpha': 772, 'one minus dst alpha': 773, 'constant color': 32769, 'one minus constant color': 32770, 'constant alpha': 32771, 'one minus constant alpha': 32772, 'src alpha saturate': 776 }; // There are invalid values for srcRGB and dstRGB. See: // https://www.khronos.org/registry/webgl/specs/1.0/#6.13 // https://github.com/KhronosGroup/WebGL/blob/0d3201f5f7ec3c0060bc1f04077461541f1987b9/conformance-suites/1.0.3/conformance/misc/webgl-specific.html#L56 var invalidBlendCombinations = [ 'constant color, constant alpha', 'one minus constant color, constant alpha', 'constant color, one minus constant alpha', 'one minus constant color, one minus constant alpha', 'constant alpha, constant color', 'constant alpha, one minus constant color', 'one minus constant alpha, constant color', 'one minus constant alpha, one minus constant color' ]; var compareFuncs = { 'never': 512, 'less': 513, '<': 513, 'equal': 514, '=': 514, '==': 514, '===': 514, 'lequal': 515, '<=': 515, 'greater': 516, '>': 516, 'notequal': 517, '!=': 517, '!==': 517, 'gequal': 518, '>=': 518, 'always': 519 }; var stencilOps = { '0': 0, 'zero': 0, 'keep': 7680, 'replace': 7681, 'increment': 7682, 'decrement': 7683, 'increment wrap': 34055, 'decrement wrap': 34056, 'invert': 5386 }; var shaderType = { 'frag': GL_FRAGMENT_SHADER$1, 'vert': GL_VERTEX_SHADER$1 }; var orientationType = { 'cw': GL_CW, 'ccw': GL_CCW }; function isBufferArgs (x) { return Array.isArray(x) || isTypedArray(x) || isNDArrayLike(x) } // Make sure viewport is processed first function sortState (state) { return state.sort(function (a, b) { if (a === S_VIEWPORT) { return -1 } else if (b === S_VIEWPORT) { return 1 } return (a < b) ? -1 : 1 }) } function Declaration (thisDep, contextDep, propDep, append) { this.thisDep = thisDep; this.contextDep = contextDep; this.propDep = propDep; this.append = append; } function isStatic (decl) { return decl && !(decl.thisDep || decl.contextDep || decl.propDep) } function createStaticDecl (append) { return new Declaration(false, false, false, append) } function createDynamicDecl (dyn, append) { var type = dyn.type; if (type === DYN_FUNC$1) { var numArgs = dyn.data.length; return new Declaration( true, numArgs >= 1, numArgs >= 2, append) } else if (type === DYN_THUNK) { var data = dyn.data; return new Declaration( data.thisDep, data.contextDep, data.propDep, append) } else { return new Declaration( type === DYN_STATE$1, type === DYN_CONTEXT$1, type === DYN_PROP$1, append) } } var SCOPE_DECL = new Declaration(false, false, false, function () {}); function reglCore ( gl, stringStore, extensions, limits, bufferState, elementState, textureState, framebufferState, uniformState, attributeState, shaderState, drawState, contextState, timer, config) { var AttributeRecord = attributeState.Record; var blendEquations = { 'add': 32774, 'subtract': 32778, 'reverse subtract': 32779 }; if (extensions.ext_blend_minmax) { blendEquations.min = GL_MIN_EXT; blendEquations.max = GL_MAX_EXT; } var extInstancing = extensions.angle_instanced_arrays; var extDrawBuffers = extensions.webgl_draw_buffers; // =================================================== // =================================================== // WEBGL STATE // =================================================== // =================================================== var currentState = { dirty: true, profile: config.profile }; var nextState = {}; var GL_STATE_NAMES = []; var GL_FLAGS = {}; var GL_VARIABLES = {}; function propName (name) { return name.replace('.', '_') } function stateFlag (sname, cap, init) { var name = propName(sname); GL_STATE_NAMES.push(sname); nextState[name] = currentState[name] = !!init; GL_FLAGS[name] = cap; } function stateVariable (sname, func, init) { var name = propName(sname); GL_STATE_NAMES.push(sname); if (Array.isArray(init)) { currentState[name] = init.slice(); nextState[name] = init.slice(); } else { currentState[name] = nextState[name] = init; } GL_VARIABLES[name] = func; } // Dithering stateFlag(S_DITHER, GL_DITHER); // Blending stateFlag(S_BLEND_ENABLE, GL_BLEND); stateVariable(S_BLEND_COLOR, 'blendColor', [0, 0, 0, 0]); stateVariable(S_BLEND_EQUATION, 'blendEquationSeparate', [GL_FUNC_ADD, GL_FUNC_ADD]); stateVariable(S_BLEND_FUNC, 'blendFuncSeparate', [GL_ONE, GL_ZERO, GL_ONE, GL_ZERO]); // Depth stateFlag(S_DEPTH_ENABLE, GL_DEPTH_TEST, true); stateVariable(S_DEPTH_FUNC, 'depthFunc', GL_LESS); stateVariable(S_DEPTH_RANGE, 'depthRange', [0, 1]); stateVariable(S_DEPTH_MASK, 'depthMask', true); // Color mask stateVariable(S_COLOR_MASK, S_COLOR_MASK, [true, true, true, true]); // Face culling stateFlag(S_CULL_ENABLE, GL_CULL_FACE); stateVariable(S_CULL_FACE, 'cullFace', GL_BACK); // Front face orientation stateVariable(S_FRONT_FACE, S_FRONT_FACE, GL_CCW); // Line width stateVariable(S_LINE_WIDTH, S_LINE_WIDTH, 1); // Polygon offset stateFlag(S_POLYGON_OFFSET_ENABLE, GL_POLYGON_OFFSET_FILL); stateVariable(S_POLYGON_OFFSET_OFFSET, 'polygonOffset', [0, 0]); // Sample coverage stateFlag(S_SAMPLE_ALPHA, GL_SAMPLE_ALPHA_TO_COVERAGE); stateFlag(S_SAMPLE_ENABLE, GL_SAMPLE_COVERAGE); stateVariable(S_SAMPLE_COVERAGE, 'sampleCoverage', [1, false]); // Stencil stateFlag(S_STENCIL_ENABLE, GL_STENCIL_TEST); stateVariable(S_STENCIL_MASK, 'stencilMask', -1); stateVariable(S_STENCIL_FUNC, 'stencilFunc', [GL_ALWAYS, 0, -1]); stateVariable(S_STENCIL_OPFRONT, 'stencilOpSeparate', [GL_FRONT, GL_KEEP, GL_KEEP, GL_KEEP]); stateVariable(S_STENCIL_OPBACK, 'stencilOpSeparate', [GL_BACK, GL_KEEP, GL_KEEP, GL_KEEP]); // Scissor stateFlag(S_SCISSOR_ENABLE, GL_SCISSOR_TEST); stateVariable(S_SCISSOR_BOX, 'scissor', [0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight]); // Viewport stateVariable(S_VIEWPORT, S_VIEWPORT, [0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight]); // =================================================== // =================================================== // ENVIRONMENT // =================================================== // =================================================== var sharedState = { gl: gl, context: contextState, strings: stringStore, next: nextState, current: currentState, draw: drawState, elements: elementState, buffer: bufferState, shader: shaderState, attributes: attributeState.state, uniforms: uniformState, framebuffer: framebufferState, extensions: extensions, timer: timer, isBufferArgs: isBufferArgs }; var sharedConstants = { primTypes: primTypes, compareFuncs: compareFuncs, blendFuncs: blendFuncs, blendEquations: blendEquations, stencilOps: stencilOps, glTypes: glTypes, orientationType: orientationType }; check$1.optional(function () { sharedState.isArrayLike = isArrayLike; }); if (extDrawBuffers) { sharedConstants.backBuffer = [GL_BACK]; sharedConstants.drawBuffer = loop(limits.maxDrawbuffers, function (i) { if (i === 0) { return [0] } return loop(i, function (j) { return GL_COLOR_ATTACHMENT0$1 + j }) }); } var drawCallCounter = 0; function createREGLEnvironment () { var env = createEnvironment(); var link = env.link; var global = env.global; env.id = drawCallCounter++; env.batchId = '0'; // link shared state var SHARED = link(sharedState); var shared = env.shared = { props: 'a0' }; Object.keys(sharedState).forEach(function (prop) { shared[prop] = global.def(SHARED, '.', prop); }); // Inject runtime assertion stuff for debug builds check$1.optional(function () { env.CHECK = link(check$1); env.commandStr = check$1.guessCommand(); env.command = link(env.commandStr); env.assert = function (block, pred, message) { block( 'if(!(', pred, '))', this.CHECK, '.commandRaise(', link(message), ',', this.command, ');'); }; sharedConstants.invalidBlendCombinations = invalidBlendCombinations; }); // Copy GL state variables over var nextVars = env.next = {}; var currentVars = env.current = {}; Object.keys(GL_VARIABLES).forEach(function (variable) { if (Array.isArray(currentState[variable])) { nextVars[variable] = global.def(shared.next, '.', variable); currentVars[variable] = global.def(shared.current, '.', variable); } }); // Initialize shared constants var constants = env.constants = {}; Object.keys(sharedConstants).forEach(function (name) { constants[name] = global.def(JSON.stringify(sharedConstants[name])); }); // Helper function for calling a block env.invoke = function (block, x) { switch (x.type) { case DYN_FUNC$1: var argList = [ 'this', shared.context, shared.props, env.batchId ]; return block.def( link(x.data), '.call(', argList.slice(0, Math.max(x.data.length + 1, 4)), ')') case DYN_PROP$1: return block.def(shared.props, x.data) case DYN_CONTEXT$1: return block.def(shared.context, x.data) case DYN_STATE$1: return block.def('this', x.data) case DYN_THUNK: x.data.append(env, block); return x.data.ref } }; env.attribCache = {}; var scopeAttribs = {}; env.scopeAttrib = function (name) { var id = stringStore.id(name); if (id in scopeAttribs) { return scopeAttribs[id] } var binding = attributeState.scope[id]; if (!binding) { binding = attributeState.scope[id] = new AttributeRecord(); } var result = scopeAttribs[id] = link(binding); return result }; return env } // =================================================== // =================================================== // PARSING // =================================================== // =================================================== function parseProfile (options) { var staticOptions = options.static; var dynamicOptions = options.dynamic; var profileEnable; if (S_PROFILE in staticOptions) { var value = !!staticOptions[S_PROFILE]; profileEnable = createStaticDecl(function (env, scope) { return value }); profileEnable.enable = value; } else if (S_PROFILE in dynamicOptions) { var dyn = dynamicOptions[S_PROFILE]; profileEnable = createDynamicDecl(dyn, function (env, scope) { return env.invoke(scope, dyn) }); } return profileEnable } function parseFramebuffer (options, env) { var staticOptions = options.static; var dynamicOptions = options.dynamic; if (S_FRAMEBUFFER in staticOptions) { var framebuffer = staticOptions[S_FRAMEBUFFER]; if (framebuffer) { framebuffer = framebufferState.getFramebuffer(framebuffer); check$1.command(framebuffer, 'invalid framebuffer object'); return createStaticDecl(function (env, block) { var FRAMEBUFFER = env.link(framebuffer); var shared = env.shared; block.set( shared.framebuffer, '.next', FRAMEBUFFER); var CONTEXT = shared.context; block.set( CONTEXT, '.' + S_FRAMEBUFFER_WIDTH, FRAMEBUFFER + '.width'); block.set( CONTEXT, '.' + S_FRAMEBUFFER_HEIGHT, FRAMEBUFFER + '.height'); return FRAMEBUFFER }) } else { return createStaticDecl(function (env, scope) { var shared = env.shared; scope.set( shared.framebuffer, '.next', 'null'); var CONTEXT = shared.context; scope.set( CONTEXT, '.' + S_FRAMEBUFFER_WIDTH, CONTEXT + '.' + S_DRAWINGBUFFER_WIDTH); scope.set( CONTEXT, '.' + S_FRAMEBUFFER_HEIGHT, CONTEXT + '.' + S_DRAWINGBUFFER_HEIGHT); return 'null' }) } } else if (S_FRAMEBUFFER in dynamicOptions) { var dyn = dynamicOptions[S_FRAMEBUFFER]; return createDynamicDecl(dyn, function (env, scope) { var FRAMEBUFFER_FUNC = env.invoke(scope, dyn); var shared = env.shared; var FRAMEBUFFER_STATE = shared.framebuffer; var FRAMEBUFFER = scope.def( FRAMEBUFFER_STATE, '.getFramebuffer(', FRAMEBUFFER_FUNC, ')'); check$1.optional(function () { env.assert(scope, '!' + FRAMEBUFFER_FUNC + '||' + FRAMEBUFFER, 'invalid framebuffer object'); }); scope.set( FRAMEBUFFER_STATE, '.next', FRAMEBUFFER); var CONTEXT = shared.context; scope.set( CONTEXT, '.' + S_FRAMEBUFFER_WIDTH, FRAMEBUFFER + '?' + FRAMEBUFFER + '.width:' + CONTEXT + '.' + S_DRAWINGBUFFER_WIDTH); scope.set( CONTEXT, '.' + S_FRAMEBUFFER_HEIGHT, FRAMEBUFFER + '?' + FRAMEBUFFER + '.height:' + CONTEXT + '.' + S_DRAWINGBUFFER_HEIGHT); return FRAMEBUFFER }) } else { return null } } function parseViewportScissor (options, framebuffer, env) { var staticOptions = options.static; var dynamicOptions = options.dynamic; function parseBox (param) { if (param in staticOptions) { var box = staticOptions[param]; check$1.commandType(box, 'object', 'invalid ' + param, env.commandStr); var isStatic = true; var x = box.x | 0; var y = box.y | 0; var w, h; if ('width' in box) { w = box.width | 0; check$1.command(w >= 0, 'invalid ' + param, env.commandStr); } else { isStatic = false; } if ('height' in box) { h = box.height | 0; check$1.command(h >= 0, 'invalid ' + param, env.commandStr); } else { isStatic = false; } return new Declaration( !isStatic && framebuffer && framebuffer.thisDep, !isStatic && framebuffer && framebuffer.contextDep, !isStatic && framebuffer && framebuffer.propDep, function (env, scope) { var CONTEXT = env.shared.context; var BOX_W = w; if (!('width' in box)) { BOX_W = scope.def(CONTEXT, '.', S_FRAMEBUFFER_WIDTH, '-', x); } var BOX_H = h; if (!('height' in box)) { BOX_H = scope.def(CONTEXT, '.', S_FRAMEBUFFER_HEIGHT, '-', y); } return [x, y, BOX_W, BOX_H] }) } else if (param in dynamicOptions) { var dynBox = dynamicOptions[param]; var result = createDynamicDecl(dynBox, function (env, scope) { var BOX = env.invoke(scope, dynBox); check$1.optional(function () { env.assert(scope, BOX + '&&typeof ' + BOX + '==="object"', 'invalid ' + param); }); var CONTEXT = env.shared.context; var BOX_X = scope.def(BOX, '.x|0'); var BOX_Y = scope.def(BOX, '.y|0'); var BOX_W = scope.def( '"width" in ', BOX, '?', BOX, '.width|0:', '(', CONTEXT, '.', S_FRAMEBUFFER_WIDTH, '-', BOX_X, ')'); var BOX_H = scope.def( '"height" in ', BOX, '?', BOX, '.height|0:', '(', CONTEXT, '.', S_FRAMEBUFFER_HEIGHT, '-', BOX_Y, ')'); check$1.optional(function () { env.assert(scope, BOX_W + '>=0&&' + BOX_H + '>=0', 'invalid ' + param); }); return [BOX_X, BOX_Y, BOX_W, BOX_H] }); if (framebuffer) { result.thisDep = result.thisDep || framebuffer.thisDep; result.contextDep = result.contextDep || framebuffer.contextDep; result.propDep = result.propDep || framebuffer.propDep; } return result } else if (framebuffer) { return new Declaration( framebuffer.thisDep, framebuffer.contextDep, framebuffer.propDep, function (env, scope) { var CONTEXT = env.shared.context; return [ 0, 0, scope.def(CONTEXT, '.', S_FRAMEBUFFER_WIDTH), scope.def(CONTEXT, '.', S_FRAMEBUFFER_HEIGHT)] }) } else { return null } } var viewport = parseBox(S_VIEWPORT); if (viewport) { var prevViewport = viewport; viewport = new Declaration( viewport.thisDep, viewport.contextDep, viewport.propDep, function (env, scope) { var VIEWPORT = prevViewport.append(env, scope); var CONTEXT = env.shared.context; scope.set( CONTEXT, '.' + S_VIEWPORT_WIDTH, VIEWPORT[2]); scope.set( CONTEXT, '.' + S_VIEWPORT_HEIGHT, VIEWPORT[3]); return VIEWPORT }); } return { viewport: viewport, scissor_box: parseBox(S_SCISSOR_BOX) } } function parseProgram (options) { var staticOptions = options.static; var dynamicOptions = options.dynamic; function parseShader (name) { if (name in staticOptions) { var id = stringStore.id(staticOptions[name]); check$1.optional(function () { shaderState.shader(shaderType[name], id, check$1.guessCommand()); }); var result = createStaticDecl(function () { return id }); result.id = id; return result } else if (name in dynamicOptions) { var dyn = dynamicOptions[name]; return createDynamicDecl(dyn, function (env, scope) { var str = env.invoke(scope, dyn); var id = scope.def(env.shared.strings, '.id(', str, ')'); check$1.optional(function () { scope( env.shared.shader, '.shader(', shaderType[name], ',', id, ',', env.command, ');'); }); return id }) } return null } var frag = parseShader(S_FRAG); var vert = parseShader(S_VERT); var program = null; var progVar; if (isStatic(frag) && isStatic(vert)) { program = shaderState.program(vert.id, frag.id); progVar = createStaticDecl(function (env, scope) { return env.link(program) }); } else { progVar = new Declaration( (frag && frag.thisDep) || (vert && vert.thisDep), (frag && frag.contextDep) || (vert && vert.contextDep), (frag && frag.propDep) || (vert && vert.propDep), function (env, scope) { var SHADER_STATE = env.shared.shader; var fragId; if (frag) { fragId = frag.append(env, scope); } else { fragId = scope.def(SHADER_STATE, '.', S_FRAG); } var vertId; if (vert) { vertId = vert.append(env, scope); } else { vertId = scope.def(SHADER_STATE, '.', S_VERT); } var progDef = SHADER_STATE + '.program(' + vertId + ',' + fragId; check$1.optional(function () { progDef += ',' + env.command; }); return scope.def(progDef + ')') }); } return { frag: frag, vert: vert, progVar: progVar, program: program } } function parseDraw (options, env) { var staticOptions = options.static; var dynamicOptions = options.dynamic; function parseElements () { if (S_ELEMENTS in staticOptions) { var elements = staticOptions[S_ELEMENTS]; if (isBufferArgs(elements)) { elements = elementState.getElements(elementState.create(elements, true)); } else if (elements) { elements = elementState.getElements(elements); check$1.command(elements, 'invalid elements', env.commandStr); } var result = createStaticDecl(function (env, scope) { if (elements) { var result = env.link(elements); env.ELEMENTS = result; return result } env.ELEMENTS = null; return null }); result.value = elements; return result } else if (S_ELEMENTS in dynamicOptions) { var dyn = dynamicOptions[S_ELEMENTS]; return createDynamicDecl(dyn, function (env, scope) { var shared = env.shared; var IS_BUFFER_ARGS = shared.isBufferArgs; var ELEMENT_STATE = shared.elements; var elementDefn = env.invoke(scope, dyn); var elements = scope.def('null'); var elementStream = scope.def(IS_BUFFER_ARGS, '(', elementDefn, ')'); var ifte = env.cond(elementStream) .then(elements, '=', ELEMENT_STATE, '.createStream(', elementDefn, ');') .else(elements, '=', ELEMENT_STATE, '.getElements(', elementDefn, ');'); check$1.optional(function () { env.assert(ifte.else, '!' + elementDefn + '||' + elements, 'invalid elements'); }); scope.entry(ifte); scope.exit( env.cond(elementStream) .then(ELEMENT_STATE, '.destroyStream(', elements, ');')); env.ELEMENTS = elements; return elements }) } return null } var elements = parseElements(); function parsePrimitive () { if (S_PRIMITIVE in staticOptions) { var primitive = staticOptions[S_PRIMITIVE]; check$1.commandParameter(primitive, primTypes, 'invalid primitve', env.commandStr); return createStaticDecl(function (env, scope) { return primTypes[primitive] }) } else if (S_PRIMITIVE in dynamicOptions) { var dynPrimitive = dynamicOptions[S_PRIMITIVE]; return createDynamicDecl(dynPrimitive, function (env, scope) { var PRIM_TYPES = env.constants.primTypes; var prim = env.invoke(scope, dynPrimitive); check$1.optional(function () { env.assert(scope, prim + ' in ' + PRIM_TYPES, 'invalid primitive, must be one of ' + Object.keys(primTypes)); }); return scope.def(PRIM_TYPES, '[', prim, ']') }) } else if (elements) { if (isStatic(elements)) { if (elements.value) { return createStaticDecl(function (env, scope) { return scope.def(env.ELEMENTS, '.primType') }) } else { return createStaticDecl(function () { return GL_TRIANGLES$1 }) } } else { return new Declaration( elements.thisDep, elements.contextDep, elements.propDep, function (env, scope) { var elements = env.ELEMENTS; return scope.def(elements, '?', elements, '.primType:', GL_TRIANGLES$1) }) } } return null } function parseParam (param, isOffset) { if (param in staticOptions) { var value = staticOptions[param] | 0; check$1.command(!isOffset || value >= 0, 'invalid ' + param, env.commandStr); return createStaticDecl(function (env, scope) { if (isOffset) { env.OFFSET = value; } return value }) } else if (param in dynamicOptions) { var dynValue = dynamicOptions[param]; return createDynamicDecl(dynValue, function (env, scope) { var result = env.invoke(scope, dynValue); if (isOffset) { env.OFFSET = result; check$1.optional(function () { env.assert(scope, result + '>=0', 'invalid ' + param); }); } return result }) } else if (isOffset && elements) { return createStaticDecl(function (env, scope) { env.OFFSET = '0'; return 0 }) } return null } var OFFSET = parseParam(S_OFFSET, true); function parseVertCount () { if (S_COUNT in staticOptions) { var count = staticOptions[S_COUNT] | 0; check$1.command( typeof count === 'number' && count >= 0, 'invalid vertex count', env.commandStr); return createStaticDecl(function () { return count }) } else if (S_COUNT in dynamicOptions) { var dynCount = dynamicOptions[S_COUNT]; return createDynamicDecl(dynCount, function (env, scope) { var result = env.invoke(scope, dynCount); check$1.optional(function () { env.assert(scope, 'typeof ' + result + '==="number"&&' + result + '>=0&&' + result + '===(' + result + '|0)', 'invalid vertex count'); }); return result }) } else if (elements) { if (isStatic(elements)) { if (elements) { if (OFFSET) { return new Declaration( OFFSET.thisDep, OFFSET.contextDep, OFFSET.propDep, function (env, scope) { var result = scope.def( env.ELEMENTS, '.vertCount-', env.OFFSET); check$1.optional(function () { env.assert(scope, result + '>=0', 'invalid vertex offset/element buffer too small'); }); return result }) } else { return createStaticDecl(function (env, scope) { return scope.def(env.ELEMENTS, '.vertCount') }) } } else { var result = createStaticDecl(function () { return -1 }); check$1.optional(function () { result.MISSING = true; }); return result } } else { var variable = new Declaration( elements.thisDep || OFFSET.thisDep, elements.contextDep || OFFSET.contextDep, elements.propDep || OFFSET.propDep, function (env, scope) { var elements = env.ELEMENTS; if (env.OFFSET) { return scope.def(elements, '?', elements, '.vertCount-', env.OFFSET, ':-1') } return scope.def(elements, '?', elements, '.vertCount:-1') }); check$1.optional(function () { variable.DYNAMIC = true; }); return variable } } return null } return { elements: elements, primitive: parsePrimitive(), count: parseVertCount(), instances: parseParam(S_INSTANCES, false), offset: OFFSET } } function parseGLState (options, env) { var staticOptions = options.static; var dynamicOptions = options.dynamic; var STATE = {}; GL_STATE_NAMES.forEach(function (prop) { var param = propName(prop); function parseParam (parseStatic, parseDynamic) { if (prop in staticOptions) { var value = parseStatic(staticOptions[prop]); STATE[param] = createStaticDecl(function () { return value }); } else if (prop in dynamicOptions) { var dyn = dynamicOptions[prop]; STATE[param] = createDynamicDecl(dyn, function (env, scope) { return parseDynamic(env, scope, env.invoke(scope, dyn)) }); } } switch (prop) { case S_CULL_ENABLE: case S_BLEND_ENABLE: case S_DITHER: case S_STENCIL_ENABLE: case S_DEPTH_ENABLE: case S_SCISSOR_ENABLE: case S_POLYGON_OFFSET_ENABLE: case S_SAMPLE_ALPHA: case S_SAMPLE_ENABLE: case S_DEPTH_MASK: return parseParam( function (value) { check$1.commandType(value, 'boolean', prop, env.commandStr); return value }, function (env, scope, value) { check$1.optional(function () { env.assert(scope, 'typeof ' + value + '==="boolean"', 'invalid flag ' + prop, env.commandStr); }); return value }) case S_DEPTH_FUNC: return parseParam( function (value) { check$1.commandParameter(value, compareFuncs, 'invalid ' + prop, env.commandStr); return compareFuncs[value] }, function (env, scope, value) { var COMPARE_FUNCS = env.constants.compareFuncs; check$1.optional(function () { env.assert(scope, value + ' in ' + COMPARE_FUNCS, 'invalid ' + prop + ', must be one of ' + Object.keys(compareFuncs)); }); return scope.def(COMPARE_FUNCS, '[', value, ']') }) case S_DEPTH_RANGE: return parseParam( function (value) { check$1.command( isArrayLike(value) && value.length === 2 && typeof value[0] === 'number' && typeof value[1] === 'number' && value[0] <= value[1], 'depth range is 2d array', env.commandStr); return value }, function (env, scope, value) { check$1.optional(function () { env.assert(scope, env.shared.isArrayLike + '(' + value + ')&&' + value + '.length===2&&' + 'typeof ' + value + '[0]==="number"&&' + 'typeof ' + value + '[1]==="number"&&' + value + '[0]<=' + value + '[1]', 'depth range must be a 2d array'); }); var Z_NEAR = scope.def('+', value, '[0]'); var Z_FAR = scope.def('+', value, '[1]'); return [Z_NEAR, Z_FAR] }) case S_BLEND_FUNC: return parseParam( function (value) { check$1.commandType(value, 'object', 'blend.func', env.commandStr); var srcRGB = ('srcRGB' in value ? value.srcRGB : value.src); var srcAlpha = ('srcAlpha' in value ? value.srcAlpha : value.src); var dstRGB = ('dstRGB' in value ? value.dstRGB : value.dst); var dstAlpha = ('dstAlpha' in value ? value.dstAlpha : value.dst); check$1.commandParameter(srcRGB, blendFuncs, param + '.srcRGB', env.commandStr); check$1.commandParameter(srcAlpha, blendFuncs, param + '.srcAlpha', env.commandStr); check$1.commandParameter(dstRGB, blendFuncs, param + '.dstRGB', env.commandStr); check$1.commandParameter(dstAlpha, blendFuncs, param + '.dstAlpha', env.commandStr); check$1.command( (invalidBlendCombinations.indexOf(srcRGB + ', ' + dstRGB) === -1), 'unallowed blending combination (srcRGB, dstRGB) = (' + srcRGB + ', ' + dstRGB + ')', env.commandStr); return [ blendFuncs[srcRGB], blendFuncs[dstRGB], blendFuncs[srcAlpha], blendFuncs[dstAlpha] ] }, function (env, scope, value) { var BLEND_FUNCS = env.constants.blendFuncs; check$1.optional(function () { env.assert(scope, value + '&&typeof ' + value + '==="object"', 'invalid blend func, must be an object'); }); function read (prefix, suffix) { var func = scope.def( '"', prefix, suffix, '" in ', value, '?', value, '.', prefix, suffix, ':', value, '.', prefix); check$1.optional(function () { env.assert(scope, func + ' in ' + BLEND_FUNCS, 'invalid ' + prop + '.' + prefix + suffix + ', must be one of ' + Object.keys(blendFuncs)); }); return func } var srcRGB = read('src', 'RGB'); var dstRGB = read('dst', 'RGB'); check$1.optional(function () { var INVALID_BLEND_COMBINATIONS = env.constants.invalidBlendCombinations; env.assert(scope, INVALID_BLEND_COMBINATIONS + '.indexOf(' + srcRGB + '+", "+' + dstRGB + ') === -1 ', 'unallowed blending combination for (srcRGB, dstRGB)' ); }); var SRC_RGB = scope.def(BLEND_FUNCS, '[', srcRGB, ']'); var SRC_ALPHA = scope.def(BLEND_FUNCS, '[', read('src', 'Alpha'), ']'); var DST_RGB = scope.def(BLEND_FUNCS, '[', dstRGB, ']'); var DST_ALPHA = scope.def(BLEND_FUNCS, '[', read('dst', 'Alpha'), ']'); return [SRC_RGB, DST_RGB, SRC_ALPHA, DST_ALPHA] }) case S_BLEND_EQUATION: return parseParam( function (value) { if (typeof value === 'string') { check$1.commandParameter(value, blendEquations, 'invalid ' + prop, env.commandStr); return [ blendEquations[value], blendEquations[value] ] } else if (typeof value === 'object') { check$1.commandParameter( value.rgb, blendEquations, prop + '.rgb', env.commandStr); check$1.commandParameter( value.alpha, blendEquations, prop + '.alpha', env.commandStr); return [ blendEquations[value.rgb], blendEquations[value.alpha] ] } else { check$1.commandRaise('invalid blend.equation', env.commandStr); } }, function (env, scope, value) { var BLEND_EQUATIONS = env.constants.blendEquations; var RGB = scope.def(); var ALPHA = scope.def(); var ifte = env.cond('typeof ', value, '==="string"'); check$1.optional(function () { function checkProp (block, name, value) { env.assert(block, value + ' in ' + BLEND_EQUATIONS, 'invalid ' + name + ', must be one of ' + Object.keys(blendEquations)); } checkProp(ifte.then, prop, value); env.assert(ifte.else, value + '&&typeof ' + value + '==="object"', 'invalid ' + prop); checkProp(ifte.else, prop + '.rgb', value + '.rgb'); checkProp(ifte.else, prop + '.alpha', value + '.alpha'); }); ifte.then( RGB, '=', ALPHA, '=', BLEND_EQUATIONS, '[', value, '];'); ifte.else( RGB, '=', BLEND_EQUATIONS, '[', value, '.rgb];', ALPHA, '=', BLEND_EQUATIONS, '[', value, '.alpha];'); scope(ifte); return [RGB, ALPHA] }) case S_BLEND_COLOR: return parseParam( function (value) { check$1.command( isArrayLike(value) && value.length === 4, 'blend.color must be a 4d array', env.commandStr); return loop(4, function (i) { return +value[i] }) }, function (env, scope, value) { check$1.optional(function () { env.assert(scope, env.shared.isArrayLike + '(' + value + ')&&' + value + '.length===4', 'blend.color must be a 4d array'); }); return loop(4, function (i) { return scope.def('+', value, '[', i, ']') }) }) case S_STENCIL_MASK: return parseParam( function (value) { check$1.commandType(value, 'number', param, env.commandStr); return value | 0 }, function (env, scope, value) { check$1.optional(function () { env.assert(scope, 'typeof ' + value + '==="number"', 'invalid stencil.mask'); }); return scope.def(value, '|0') }) case S_STENCIL_FUNC: return parseParam( function (value) { check$1.commandType(value, 'object', param, env.commandStr); var cmp = value.cmp || 'keep'; var ref = value.ref || 0; var mask = 'mask' in value ? value.mask : -1; check$1.commandParameter(cmp, compareFuncs, prop + '.cmp', env.commandStr); check$1.commandType(ref, 'number', prop + '.ref', env.commandStr); check$1.commandType(mask, 'number', prop + '.mask', env.commandStr); return [ compareFuncs[cmp], ref, mask ] }, function (env, scope, value) { var COMPARE_FUNCS = env.constants.compareFuncs; check$1.optional(function () { function assert () { env.assert(scope, Array.prototype.join.call(arguments, ''), 'invalid stencil.func'); } assert(value + '&&typeof ', value, '==="object"'); assert('!("cmp" in ', value, ')||(', value, '.cmp in ', COMPARE_FUNCS, ')'); }); var cmp = scope.def( '"cmp" in ', value, '?', COMPARE_FUNCS, '[', value, '.cmp]', ':', GL_KEEP); var ref = scope.def(value, '.ref|0'); var mask = scope.def( '"mask" in ', value, '?', value, '.mask|0:-1'); return [cmp, ref, mask] }) case S_STENCIL_OPFRONT: case S_STENCIL_OPBACK: return parseParam( function (value) { check$1.commandType(value, 'object', param, env.commandStr); var fail = value.fail || 'keep'; var zfail = value.zfail || 'keep'; var zpass = value.zpass || 'keep'; check$1.commandParameter(fail, stencilOps, prop + '.fail', env.commandStr); check$1.commandParameter(zfail, stencilOps, prop + '.zfail', env.commandStr); check$1.commandParameter(zpass, stencilOps, prop + '.zpass', env.commandStr); return [ prop === S_STENCIL_OPBACK ? GL_BACK : GL_FRONT, stencilOps[fail], stencilOps[zfail], stencilOps[zpass] ] }, function (env, scope, value) { var STENCIL_OPS = env.constants.stencilOps; check$1.optional(function () { env.assert(scope, value + '&&typeof ' + value + '==="object"', 'invalid ' + prop); }); function read (name) { check$1.optional(function () { env.assert(scope, '!("' + name + '" in ' + value + ')||' + '(' + value + '.' + name + ' in ' + STENCIL_OPS + ')', 'invalid ' + prop + '.' + name + ', must be one of ' + Object.keys(stencilOps)); }); return scope.def( '"', name, '" in ', value, '?', STENCIL_OPS, '[', value, '.', name, ']:', GL_KEEP) } return [ prop === S_STENCIL_OPBACK ? GL_BACK : GL_FRONT, read('fail'), read('zfail'), read('zpass') ] }) case S_POLYGON_OFFSET_OFFSET: return parseParam( function (value) { check$1.commandType(value, 'object', param, env.commandStr); var factor = value.factor | 0; var units = value.units | 0; check$1.commandType(factor, 'number', param + '.factor', env.commandStr); check$1.commandType(units, 'number', param + '.units', env.commandStr); return [factor, units] }, function (env, scope, value) { check$1.optional(function () { env.assert(scope, value + '&&typeof ' + value + '==="object"', 'invalid ' + prop); }); var FACTOR = scope.def(value, '.factor|0'); var UNITS = scope.def(value, '.units|0'); return [FACTOR, UNITS] }) case S_CULL_FACE: return parseParam( function (value) { var face = 0; if (value === 'front') { face = GL_FRONT; } else if (value === 'back') { face = GL_BACK; } check$1.command(!!face, param, env.commandStr); return face }, function (env, scope, value) { check$1.optional(function () { env.assert(scope, value + '==="front"||' + value + '==="back"', 'invalid cull.face'); }); return scope.def(value, '==="front"?', GL_FRONT, ':', GL_BACK) }) case S_LINE_WIDTH: return parseParam( function (value) { check$1.command( typeof value === 'number' && value >= limits.lineWidthDims[0] && value <= limits.lineWidthDims[1], 'invalid line width, must positive number between ' + limits.lineWidthDims[0] + ' and ' + limits.lineWidthDims[1], env.commandStr); return value }, function (env, scope, value) { check$1.optional(function () { env.assert(scope, 'typeof ' + value + '==="number"&&' + value + '>=' + limits.lineWidthDims[0] + '&&' + value + '<=' + limits.lineWidthDims[1], 'invalid line width'); }); return value }) case S_FRONT_FACE: return parseParam( function (value) { check$1.commandParameter(value, orientationType, param, env.commandStr); return orientationType[value] }, function (env, scope, value) { check$1.optional(function () { env.assert(scope, value + '==="cw"||' + value + '==="ccw"', 'invalid frontFace, must be one of cw,ccw'); }); return scope.def(value + '==="cw"?' + GL_CW + ':' + GL_CCW) }) case S_COLOR_MASK: return parseParam( function (value) { check$1.command( isArrayLike(value) && value.length === 4, 'color.mask must be length 4 array', env.commandStr); return value.map(function (v) { return !!v }) }, function (env, scope, value) { check$1.optional(function () { env.assert(scope, env.shared.isArrayLike + '(' + value + ')&&' + value + '.length===4', 'invalid color.mask'); }); return loop(4, function (i) { return '!!' + value + '[' + i + ']' }) }) case S_SAMPLE_COVERAGE: return parseParam( function (value) { check$1.command(typeof value === 'object' && value, param, env.commandStr); var sampleValue = 'value' in value ? value.value : 1; var sampleInvert = !!value.invert; check$1.command( typeof sampleValue === 'number' && sampleValue >= 0 && sampleValue <= 1, 'sample.coverage.value must be a number between 0 and 1', env.commandStr); return [sampleValue, sampleInvert] }, function (env, scope, value) { check$1.optional(function () { env.assert(scope, value + '&&typeof ' + value + '==="object"', 'invalid sample.coverage'); }); var VALUE = scope.def( '"value" in ', value, '?+', value, '.value:1'); var INVERT = scope.def('!!', value, '.invert'); return [VALUE, INVERT] }) } }); return STATE } function parseUniforms (uniforms, env) { var staticUniforms = uniforms.static; var dynamicUniforms = uniforms.dynamic; var UNIFORMS = {}; Object.keys(staticUniforms).forEach(function (name) { var value = staticUniforms[name]; var result; if (typeof value === 'number' || typeof value === 'boolean') { result = createStaticDecl(function () { return value }); } else if (typeof value === 'function') { var reglType = value._reglType; if (reglType === 'texture2d' || reglType === 'textureCube') { result = createStaticDecl(function (env) { return env.link(value) }); } else if (reglType === 'framebuffer' || reglType === 'framebufferCube') { check$1.command(value.color.length > 0, 'missing color attachment for framebuffer sent to uniform "' + name + '"', env.commandStr); result = createStaticDecl(function (env) { return env.link(value.color[0]) }); } else { check$1.commandRaise('invalid data for uniform "' + name + '"', env.commandStr); } } else if (isArrayLike(value)) { result = createStaticDecl(function (env) { var ITEM = env.global.def('[', loop(value.length, function (i) { check$1.command( typeof value[i] === 'number' || typeof value[i] === 'boolean', 'invalid uniform ' + name, env.commandStr); return value[i] }), ']'); return ITEM }); } else { check$1.commandRaise('invalid or missing data for uniform "' + name + '"', env.commandStr); } result.value = value; UNIFORMS[name] = result; }); Object.keys(dynamicUniforms).forEach(function (key) { var dyn = dynamicUniforms[key]; UNIFORMS[key] = createDynamicDecl(dyn, function (env, scope) { return env.invoke(scope, dyn) }); }); return UNIFORMS } function parseAttributes (attributes, env) { var staticAttributes = attributes.static; var dynamicAttributes = attributes.dynamic; var attributeDefs = {}; Object.keys(staticAttributes).forEach(function (attribute) { var value = staticAttributes[attribute]; var id = stringStore.id(attribute); var record = new AttributeRecord(); if (isBufferArgs(value)) { record.state = ATTRIB_STATE_POINTER; record.buffer = bufferState.getBuffer( bufferState.create(value, GL_ARRAY_BUFFER$1, false, true)); record.type = 0; } else { var buffer = bufferState.getBuffer(value); if (buffer) { record.state = ATTRIB_STATE_POINTER; record.buffer = buffer; record.type = 0; } else { check$1.command(typeof value === 'object' && value, 'invalid data for attribute ' + attribute, env.commandStr); if (value.constant) { var constant = value.constant; record.buffer = 'null'; record.state = ATTRIB_STATE_CONSTANT; if (typeof constant === 'number') { record.x = constant; } else { check$1.command( isArrayLike(constant) && constant.length > 0 && constant.length <= 4, 'invalid constant for attribute ' + attribute, env.commandStr); CUTE_COMPONENTS.forEach(function (c, i) { if (i < constant.length) { record[c] = constant[i]; } }); } } else { if (isBufferArgs(value.buffer)) { buffer = bufferState.getBuffer( bufferState.create(value.buffer, GL_ARRAY_BUFFER$1, false, true)); } else { buffer = bufferState.getBuffer(value.buffer); } check$1.command(!!buffer, 'missing buffer for attribute "' + attribute + '"', env.commandStr); var offset = value.offset | 0; check$1.command(offset >= 0, 'invalid offset for attribute "' + attribute + '"', env.commandStr); var stride = value.stride | 0; check$1.command(stride >= 0 && stride < 256, 'invalid stride for attribute "' + attribute + '", must be integer betweeen [0, 255]', env.commandStr); var size = value.size | 0; check$1.command(!('size' in value) || (size > 0 && size <= 4), 'invalid size for attribute "' + attribute + '", must be 1,2,3,4', env.commandStr); var normalized = !!value.normalized; var type = 0; if ('type' in value) { check$1.commandParameter( value.type, glTypes, 'invalid type for attribute ' + attribute, env.commandStr); type = glTypes[value.type]; } var divisor = value.divisor | 0; if ('divisor' in value) { check$1.command(divisor === 0 || extInstancing, 'cannot specify divisor for attribute "' + attribute + '", instancing not supported', env.commandStr); check$1.command(divisor >= 0, 'invalid divisor for attribute "' + attribute + '"', env.commandStr); } check$1.optional(function () { var command = env.commandStr; var VALID_KEYS = [ 'buffer', 'offset', 'divisor', 'normalized', 'type', 'size', 'stride' ]; Object.keys(value).forEach(function (prop) { check$1.command( VALID_KEYS.indexOf(prop) >= 0, 'unknown parameter "' + prop + '" for attribute pointer "' + attribute + '" (valid parameters are ' + VALID_KEYS + ')', command); }); }); record.buffer = buffer; record.state = ATTRIB_STATE_POINTER; record.size = size; record.normalized = normalized; record.type = type || buffer.dtype; record.offset = offset; record.stride = stride; record.divisor = divisor; } } } attributeDefs[attribute] = createStaticDecl(function (env, scope) { var cache = env.attribCache; if (id in cache) { return cache[id] } var result = { isStream: false }; Object.keys(record).forEach(function (key) { result[key] = record[key]; }); if (record.buffer) { result.buffer = env.link(record.buffer); result.type = result.type || (result.buffer + '.dtype'); } cache[id] = result; return result }); }); Object.keys(dynamicAttributes).forEach(function (attribute) { var dyn = dynamicAttributes[attribute]; function appendAttributeCode (env, block) { var VALUE = env.invoke(block, dyn); var shared = env.shared; var IS_BUFFER_ARGS = shared.isBufferArgs; var BUFFER_STATE = shared.buffer; // Perform validation on attribute check$1.optional(function () { env.assert(block, VALUE + '&&(typeof ' + VALUE + '==="object"||typeof ' + VALUE + '==="function")&&(' + IS_BUFFER_ARGS + '(' + VALUE + ')||' + BUFFER_STATE + '.getBuffer(' + VALUE + ')||' + BUFFER_STATE + '.getBuffer(' + VALUE + '.buffer)||' + IS_BUFFER_ARGS + '(' + VALUE + '.buffer)||' + '("constant" in ' + VALUE + '&&(typeof ' + VALUE + '.constant==="number"||' + shared.isArrayLike + '(' + VALUE + '.constant))))', 'invalid dynamic attribute "' + attribute + '"'); }); // allocate names for result var result = { isStream: block.def(false) }; var defaultRecord = new AttributeRecord(); defaultRecord.state = ATTRIB_STATE_POINTER; Object.keys(defaultRecord).forEach(function (key) { result[key] = block.def('' + defaultRecord[key]); }); var BUFFER = result.buffer; var TYPE = result.type; block( 'if(', IS_BUFFER_ARGS, '(', VALUE, ')){', result.isStream, '=true;', BUFFER, '=', BUFFER_STATE, '.createStream(', GL_ARRAY_BUFFER$1, ',', VALUE, ');', TYPE, '=', BUFFER, '.dtype;', '}else{', BUFFER, '=', BUFFER_STATE, '.getBuffer(', VALUE, ');', 'if(', BUFFER, '){', TYPE, '=', BUFFER, '.dtype;', '}else if("constant" in ', VALUE, '){', result.state, '=', ATTRIB_STATE_CONSTANT, ';', 'if(typeof ' + VALUE + '.constant === "number"){', result[CUTE_COMPONENTS[0]], '=', VALUE, '.constant;', CUTE_COMPONENTS.slice(1).map(function (n) { return result[n] }).join('='), '=0;', '}else{', CUTE_COMPONENTS.map(function (name, i) { return ( result[name] + '=' + VALUE + '.constant.length>=' + i + '?' + VALUE + '.constant[' + i + ']:0;' ) }).join(''), '}}else{', 'if(', IS_BUFFER_ARGS, '(', VALUE, '.buffer)){', BUFFER, '=', BUFFER_STATE, '.createStream(', GL_ARRAY_BUFFER$1, ',', VALUE, '.buffer);', '}else{', BUFFER, '=', BUFFER_STATE, '.getBuffer(', VALUE, '.buffer);', '}', TYPE, '="type" in ', VALUE, '?', shared.glTypes, '[', VALUE, '.type]:', BUFFER, '.dtype;', result.normalized, '=!!', VALUE, '.normalized;'); function emitReadRecord (name) { block(result[name], '=', VALUE, '.', name, '|0;'); } emitReadRecord('size'); emitReadRecord('offset'); emitReadRecord('stride'); emitReadRecord('divisor'); block('}}'); block.exit( 'if(', result.isStream, '){', BUFFER_STATE, '.destroyStream(', BUFFER, ');', '}'); return result } attributeDefs[attribute] = createDynamicDecl(dyn, appendAttributeCode); }); return attributeDefs } function parseContext (context) { var staticContext = context.static; var dynamicContext = context.dynamic; var result = {}; Object.keys(staticContext).forEach(function (name) { var value = staticContext[name]; result[name] = createStaticDecl(function (env, scope) { if (typeof value === 'number' || typeof value === 'boolean') { return '' + value } else { return env.link(value) } }); }); Object.keys(dynamicContext).forEach(function (name) { var dyn = dynamicContext[name]; result[name] = createDynamicDecl(dyn, function (env, scope) { return env.invoke(scope, dyn) }); }); return result } function parseArguments (options, attributes, uniforms, context, env) { var staticOptions = options.static; var dynamicOptions = options.dynamic; check$1.optional(function () { var KEY_NAMES = [ S_FRAMEBUFFER, S_VERT, S_FRAG, S_ELEMENTS, S_PRIMITIVE, S_OFFSET, S_COUNT, S_INSTANCES, S_PROFILE ].concat(GL_STATE_NAMES); function checkKeys (dict) { Object.keys(dict).forEach(function (key) { check$1.command( KEY_NAMES.indexOf(key) >= 0, 'unknown parameter "' + key + '"', env.commandStr); }); } checkKeys(staticOptions); checkKeys(dynamicOptions); }); var framebuffer = parseFramebuffer(options, env); var viewportAndScissor = parseViewportScissor(options, framebuffer, env); var draw = parseDraw(options, env); var state = parseGLState(options, env); var shader = parseProgram(options, env); function copyBox (name) { var defn = viewportAndScissor[name]; if (defn) { state[name] = defn; } } copyBox(S_VIEWPORT); copyBox(propName(S_SCISSOR_BOX)); var dirty = Object.keys(state).length > 0; var result = { framebuffer: framebuffer, draw: draw, shader: shader, state: state, dirty: dirty }; result.profile = parseProfile(options, env); result.uniforms = parseUniforms(uniforms, env); result.attributes = parseAttributes(attributes, env); result.context = parseContext(context, env); return result } // =================================================== // =================================================== // COMMON UPDATE FUNCTIONS // =================================================== // =================================================== function emitContext (env, scope, context) { var shared = env.shared; var CONTEXT = shared.context; var contextEnter = env.scope(); Object.keys(context).forEach(function (name) { scope.save(CONTEXT, '.' + name); var defn = context[name]; contextEnter(CONTEXT, '.', name, '=', defn.append(env, scope), ';'); }); scope(contextEnter); } // =================================================== // =================================================== // COMMON DRAWING FUNCTIONS // =================================================== // =================================================== function emitPollFramebuffer (env, scope, framebuffer, skipCheck) { var shared = env.shared; var GL = shared.gl; var FRAMEBUFFER_STATE = shared.framebuffer; var EXT_DRAW_BUFFERS; if (extDrawBuffers) { EXT_DRAW_BUFFERS = scope.def(shared.extensions, '.webgl_draw_buffers'); } var constants = env.constants; var DRAW_BUFFERS = constants.drawBuffer; var BACK_BUFFER = constants.backBuffer; var NEXT; if (framebuffer) { NEXT = framebuffer.append(env, scope); } else { NEXT = scope.def(FRAMEBUFFER_STATE, '.next'); } if (!skipCheck) { scope('if(', NEXT, '!==', FRAMEBUFFER_STATE, '.cur){'); } scope( 'if(', NEXT, '){', GL, '.bindFramebuffer(', GL_FRAMEBUFFER$1, ',', NEXT, '.framebuffer);'); if (extDrawBuffers) { scope(EXT_DRAW_BUFFERS, '.drawBuffersWEBGL(', DRAW_BUFFERS, '[', NEXT, '.colorAttachments.length]);'); } scope('}else{', GL, '.bindFramebuffer(', GL_FRAMEBUFFER$1, ',null);'); if (extDrawBuffers) { scope(EXT_DRAW_BUFFERS, '.drawBuffersWEBGL(', BACK_BUFFER, ');'); } scope( '}', FRAMEBUFFER_STATE, '.cur=', NEXT, ';'); if (!skipCheck) { scope('}'); } } function emitPollState (env, scope, args) { var shared = env.shared; var GL = shared.gl; var CURRENT_VARS = env.current; var NEXT_VARS = env.next; var CURRENT_STATE = shared.current; var NEXT_STATE = shared.next; var block = env.cond(CURRENT_STATE, '.dirty'); GL_STATE_NAMES.forEach(function (prop) { var param = propName(prop); if (param in args.state) { return } var NEXT, CURRENT; if (param in NEXT_VARS) { NEXT = NEXT_VARS[param]; CURRENT = CURRENT_VARS[param]; var parts = loop(currentState[param].length, function (i) { return block.def(NEXT, '[', i, ']') }); block(env.cond(parts.map(function (p, i) { return p + '!==' + CURRENT + '[' + i + ']' }).join('||')) .then( GL, '.', GL_VARIABLES[param], '(', parts, ');', parts.map(function (p, i) { return CURRENT + '[' + i + ']=' + p }).join(';'), ';')); } else { NEXT = block.def(NEXT_STATE, '.', param); var ifte = env.cond(NEXT, '!==', CURRENT_STATE, '.', param); block(ifte); if (param in GL_FLAGS) { ifte( env.cond(NEXT) .then(GL, '.enable(', GL_FLAGS[param], ');') .else(GL, '.disable(', GL_FLAGS[param], ');'), CURRENT_STATE, '.', param, '=', NEXT, ';'); } else { ifte( GL, '.', GL_VARIABLES[param], '(', NEXT, ');', CURRENT_STATE, '.', param, '=', NEXT, ';'); } } }); if (Object.keys(args.state).length === 0) { block(CURRENT_STATE, '.dirty=false;'); } scope(block); } function emitSetOptions (env, scope, options, filter) { var shared = env.shared; var CURRENT_VARS = env.current; var CURRENT_STATE = shared.current; var GL = shared.gl; sortState(Object.keys(options)).forEach(function (param) { var defn = options[param]; if (filter && !filter(defn)) { return } var variable = defn.append(env, scope); if (GL_FLAGS[param]) { var flag = GL_FLAGS[param]; if (isStatic(defn)) { if (variable) { scope(GL, '.enable(', flag, ');'); } else { scope(GL, '.disable(', flag, ');'); } } else { scope(env.cond(variable) .then(GL, '.enable(', flag, ');') .else(GL, '.disable(', flag, ');')); } scope(CURRENT_STATE, '.', param, '=', variable, ';'); } else if (isArrayLike(variable)) { var CURRENT = CURRENT_VARS[param]; scope( GL, '.', GL_VARIABLES[param], '(', variable, ');', variable.map(function (v, i) { return CURRENT + '[' + i + ']=' + v }).join(';'), ';'); } else { scope( GL, '.', GL_VARIABLES[param], '(', variable, ');', CURRENT_STATE, '.', param, '=', variable, ';'); } }); } function injectExtensions (env, scope) { if (extInstancing) { env.instancing = scope.def( env.shared.extensions, '.angle_instanced_arrays'); } } function emitProfile (env, scope, args, useScope, incrementCounter) { var shared = env.shared; var STATS = env.stats; var CURRENT_STATE = shared.current; var TIMER = shared.timer; var profileArg = args.profile; function perfCounter () { if (typeof performance === 'undefined') { return 'Date.now()' } else { return 'performance.now()' } } var CPU_START, QUERY_COUNTER; function emitProfileStart (block) { CPU_START = scope.def(); block(CPU_START, '=', perfCounter(), ';'); if (typeof incrementCounter === 'string') { block(STATS, '.count+=', incrementCounter, ';'); } else { block(STATS, '.count++;'); } if (timer) { if (useScope) { QUERY_COUNTER = scope.def(); block(QUERY_COUNTER, '=', TIMER, '.getNumPendingQueries();'); } else { block(TIMER, '.beginQuery(', STATS, ');'); } } } function emitProfileEnd (block) { block(STATS, '.cpuTime+=', perfCounter(), '-', CPU_START, ';'); if (timer) { if (useScope) { block(TIMER, '.pushScopeStats(', QUERY_COUNTER, ',', TIMER, '.getNumPendingQueries(),', STATS, ');'); } else { block(TIMER, '.endQuery();'); } } } function scopeProfile (value) { var prev = scope.def(CURRENT_STATE, '.profile'); scope(CURRENT_STATE, '.profile=', value, ';'); scope.exit(CURRENT_STATE, '.profile=', prev, ';'); } var USE_PROFILE; if (profileArg) { if (isStatic(profileArg)) { if (profileArg.enable) { emitProfileStart(scope); emitProfileEnd(scope.exit); scopeProfile('true'); } else { scopeProfile('false'); } return } USE_PROFILE = profileArg.append(env, scope); scopeProfile(USE_PROFILE); } else { USE_PROFILE = scope.def(CURRENT_STATE, '.profile'); } var start = env.block(); emitProfileStart(start); scope('if(', USE_PROFILE, '){', start, '}'); var end = env.block(); emitProfileEnd(end); scope.exit('if(', USE_PROFILE, '){', end, '}'); } function emitAttributes (env, scope, args, attributes, filter) { var shared = env.shared; function typeLength (x) { switch (x) { case GL_FLOAT_VEC2: case GL_INT_VEC2: case GL_BOOL_VEC2: return 2 case GL_FLOAT_VEC3: case GL_INT_VEC3: case GL_BOOL_VEC3: return 3 case GL_FLOAT_VEC4: case GL_INT_VEC4: case GL_BOOL_VEC4: return 4 default: return 1 } } function emitBindAttribute (ATTRIBUTE, size, record) { var GL = shared.gl; var LOCATION = scope.def(ATTRIBUTE, '.location'); var BINDING = scope.def(shared.attributes, '[', LOCATION, ']'); var STATE = record.state; var BUFFER = record.buffer; var CONST_COMPONENTS = [ record.x, record.y, record.z, record.w ]; var COMMON_KEYS = [ 'buffer', 'normalized', 'offset', 'stride' ]; function emitBuffer () { scope( 'if(!', BINDING, '.buffer){', GL, '.enableVertexAttribArray(', LOCATION, ');}'); var TYPE = record.type; var SIZE; if (!record.size) { SIZE = size; } else { SIZE = scope.def(record.size, '||', size); } scope('if(', BINDING, '.type!==', TYPE, '||', BINDING, '.size!==', SIZE, '||', COMMON_KEYS.map(function (key) { return BINDING + '.' + key + '!==' + record[key] }).join('||'), '){', GL, '.bindBuffer(', GL_ARRAY_BUFFER$1, ',', BUFFER, '.buffer);', GL, '.vertexAttribPointer(', [ LOCATION, SIZE, TYPE, record.normalized, record.stride, record.offset ], ');', BINDING, '.type=', TYPE, ';', BINDING, '.size=', SIZE, ';', COMMON_KEYS.map(function (key) { return BINDING + '.' + key + '=' + record[key] + ';' }).join(''), '}'); if (extInstancing) { var DIVISOR = record.divisor; scope( 'if(', BINDING, '.divisor!==', DIVISOR, '){', env.instancing, '.vertexAttribDivisorANGLE(', [LOCATION, DIVISOR], ');', BINDING, '.divisor=', DIVISOR, ';}'); } } function emitConstant () { scope( 'if(', BINDING, '.buffer){', GL, '.disableVertexAttribArray(', LOCATION, ');', '}if(', CUTE_COMPONENTS.map(function (c, i) { return BINDING + '.' + c + '!==' + CONST_COMPONENTS[i] }).join('||'), '){', GL, '.vertexAttrib4f(', LOCATION, ',', CONST_COMPONENTS, ');', CUTE_COMPONENTS.map(function (c, i) { return BINDING + '.' + c + '=' + CONST_COMPONENTS[i] + ';' }).join(''), '}'); } if (STATE === ATTRIB_STATE_POINTER) { emitBuffer(); } else if (STATE === ATTRIB_STATE_CONSTANT) { emitConstant(); } else { scope('if(', STATE, '===', ATTRIB_STATE_POINTER, '){'); emitBuffer(); scope('}else{'); emitConstant(); scope('}'); } } attributes.forEach(function (attribute) { var name = attribute.name; var arg = args.attributes[name]; var record; if (arg) { if (!filter(arg)) { return } record = arg.append(env, scope); } else { if (!filter(SCOPE_DECL)) { return } var scopeAttrib = env.scopeAttrib(name); check$1.optional(function () { env.assert(scope, scopeAttrib + '.state', 'missing attribute ' + name); }); record = {}; Object.keys(new AttributeRecord()).forEach(function (key) { record[key] = scope.def(scopeAttrib, '.', key); }); } emitBindAttribute( env.link(attribute), typeLength(attribute.info.type), record); }); } function emitUniforms (env, scope, args, uniforms, filter) { var shared = env.shared; var GL = shared.gl; var infix; for (var i = 0; i < uniforms.length; ++i) { var uniform = uniforms[i]; var name = uniform.name; var type = uniform.info.type; var arg = args.uniforms[name]; var UNIFORM = env.link(uniform); var LOCATION = UNIFORM + '.location'; var VALUE; if (arg) { if (!filter(arg)) { continue } if (isStatic(arg)) { var value = arg.value; check$1.command( value !== null && typeof value !== 'undefined', 'missing uniform "' + name + '"', env.commandStr); if (type === GL_SAMPLER_2D || type === GL_SAMPLER_CUBE) { check$1.command( typeof value === 'function' && ((type === GL_SAMPLER_2D && (value._reglType === 'texture2d' || value._reglType === 'framebuffer')) || (type === GL_SAMPLER_CUBE && (value._reglType === 'textureCube' || value._reglType === 'framebufferCube'))), 'invalid texture for uniform ' + name, env.commandStr); var TEX_VALUE = env.link(value._texture || value.color[0]._texture); scope(GL, '.uniform1i(', LOCATION, ',', TEX_VALUE + '.bind());'); scope.exit(TEX_VALUE, '.unbind();'); } else if ( type === GL_FLOAT_MAT2 || type === GL_FLOAT_MAT3 || type === GL_FLOAT_MAT4) { check$1.optional(function () { check$1.command(isArrayLike(value), 'invalid matrix for uniform ' + name, env.commandStr); check$1.command( (type === GL_FLOAT_MAT2 && value.length === 4) || (type === GL_FLOAT_MAT3 && value.length === 9) || (type === GL_FLOAT_MAT4 && value.length === 16), 'invalid length for matrix uniform ' + name, env.commandStr); }); var MAT_VALUE = env.global.def('new Float32Array([' + Array.prototype.slice.call(value) + '])'); var dim = 2; if (type === GL_FLOAT_MAT3) { dim = 3; } else if (type === GL_FLOAT_MAT4) { dim = 4; } scope( GL, '.uniformMatrix', dim, 'fv(', LOCATION, ',false,', MAT_VALUE, ');'); } else { switch (type) { case GL_FLOAT$7: check$1.commandType(value, 'number', 'uniform ' + name, env.commandStr); infix = '1f'; break case GL_FLOAT_VEC2: check$1.command( isArrayLike(value) && value.length === 2, 'uniform ' + name, env.commandStr); infix = '2f'; break case GL_FLOAT_VEC3: check$1.command( isArrayLike(value) && value.length === 3, 'uniform ' + name, env.commandStr); infix = '3f'; break case GL_FLOAT_VEC4: check$1.command( isArrayLike(value) && value.length === 4, 'uniform ' + name, env.commandStr); infix = '4f'; break case GL_BOOL: check$1.commandType(value, 'boolean', 'uniform ' + name, env.commandStr); infix = '1i'; break case GL_INT$3: check$1.commandType(value, 'number', 'uniform ' + name, env.commandStr); infix = '1i'; break case GL_BOOL_VEC2: check$1.command( isArrayLike(value) && value.length === 2, 'uniform ' + name, env.commandStr); infix = '2i'; break case GL_INT_VEC2: check$1.command( isArrayLike(value) && value.length === 2, 'uniform ' + name, env.commandStr); infix = '2i'; break case GL_BOOL_VEC3: check$1.command( isArrayLike(value) && value.length === 3, 'uniform ' + name, env.commandStr); infix = '3i'; break case GL_INT_VEC3: check$1.command( isArrayLike(value) && value.length === 3, 'uniform ' + name, env.commandStr); infix = '3i'; break case GL_BOOL_VEC4: check$1.command( isArrayLike(value) && value.length === 4, 'uniform ' + name, env.commandStr); infix = '4i'; break case GL_INT_VEC4: check$1.command( isArrayLike(value) && value.length === 4, 'uniform ' + name, env.commandStr); infix = '4i'; break } scope(GL, '.uniform', infix, '(', LOCATION, ',', isArrayLike(value) ? Array.prototype.slice.call(value) : value, ');'); } continue } else { VALUE = arg.append(env, scope); } } else { if (!filter(SCOPE_DECL)) { continue } VALUE = scope.def(shared.uniforms, '[', stringStore.id(name), ']'); } if (type === GL_SAMPLER_2D) { scope( 'if(', VALUE, '&&', VALUE, '._reglType==="framebuffer"){', VALUE, '=', VALUE, '.color[0];', '}'); } else if (type === GL_SAMPLER_CUBE) { scope( 'if(', VALUE, '&&', VALUE, '._reglType==="framebufferCube"){', VALUE, '=', VALUE, '.color[0];', '}'); } // perform type validation check$1.optional(function () { function check (pred, message) { env.assert(scope, pred, 'bad data or missing for uniform "' + name + '". ' + message); } function checkType (type) { check( 'typeof ' + VALUE + '==="' + type + '"', 'invalid type, expected ' + type); } function checkVector (n, type) { check( shared.isArrayLike + '(' + VALUE + ')&&' + VALUE + '.length===' + n, 'invalid vector, should have length ' + n, env.commandStr); } function checkTexture (target) { check( 'typeof ' + VALUE + '==="function"&&' + VALUE + '._reglType==="texture' + (target === GL_TEXTURE_2D$2 ? '2d' : 'Cube') + '"', 'invalid texture type', env.commandStr); } switch (type) { case GL_INT$3: checkType('number'); break case GL_INT_VEC2: checkVector(2, 'number'); break case GL_INT_VEC3: checkVector(3, 'number'); break case GL_INT_VEC4: checkVector(4, 'number'); break case GL_FLOAT$7: checkType('number'); break case GL_FLOAT_VEC2: checkVector(2, 'number'); break case GL_FLOAT_VEC3: checkVector(3, 'number'); break case GL_FLOAT_VEC4: checkVector(4, 'number'); break case GL_BOOL: checkType('boolean'); break case GL_BOOL_VEC2: checkVector(2, 'boolean'); break case GL_BOOL_VEC3: checkVector(3, 'boolean'); break case GL_BOOL_VEC4: checkVector(4, 'boolean'); break case GL_FLOAT_MAT2: checkVector(4, 'number'); break case GL_FLOAT_MAT3: checkVector(9, 'number'); break case GL_FLOAT_MAT4: checkVector(16, 'number'); break case GL_SAMPLER_2D: checkTexture(GL_TEXTURE_2D$2); break case GL_SAMPLER_CUBE: checkTexture(GL_TEXTURE_CUBE_MAP$1); break } }); var unroll = 1; switch (type) { case GL_SAMPLER_2D: case GL_SAMPLER_CUBE: var TEX = scope.def(VALUE, '._texture'); scope(GL, '.uniform1i(', LOCATION, ',', TEX, '.bind());'); scope.exit(TEX, '.unbind();'); continue case GL_INT$3: case GL_BOOL: infix = '1i'; break case GL_INT_VEC2: case GL_BOOL_VEC2: infix = '2i'; unroll = 2; break case GL_INT_VEC3: case GL_BOOL_VEC3: infix = '3i'; unroll = 3; break case GL_INT_VEC4: case GL_BOOL_VEC4: infix = '4i'; unroll = 4; break case GL_FLOAT$7: infix = '1f'; break case GL_FLOAT_VEC2: infix = '2f'; unroll = 2; break case GL_FLOAT_VEC3: infix = '3f'; unroll = 3; break case GL_FLOAT_VEC4: infix = '4f'; unroll = 4; break case GL_FLOAT_MAT2: infix = 'Matrix2fv'; break case GL_FLOAT_MAT3: infix = 'Matrix3fv'; break case GL_FLOAT_MAT4: infix = 'Matrix4fv'; break } scope(GL, '.uniform', infix, '(', LOCATION, ','); if (infix.charAt(0) === 'M') { var matSize = Math.pow(type - GL_FLOAT_MAT2 + 2, 2); var STORAGE = env.global.def('new Float32Array(', matSize, ')'); scope( 'false,(Array.isArray(', VALUE, ')||', VALUE, ' instanceof Float32Array)?', VALUE, ':(', loop(matSize, function (i) { return STORAGE + '[' + i + ']=' + VALUE + '[' + i + ']' }), ',', STORAGE, ')'); } else if (unroll > 1) { scope(loop(unroll, function (i) { return VALUE + '[' + i + ']' })); } else { scope(VALUE); } scope(');'); } } function emitDraw (env, outer, inner, args) { var shared = env.shared; var GL = shared.gl; var DRAW_STATE = shared.draw; var drawOptions = args.draw; function emitElements () { var defn = drawOptions.elements; var ELEMENTS; var scope = outer; if (defn) { if ((defn.contextDep && args.contextDynamic) || defn.propDep) { scope = inner; } ELEMENTS = defn.append(env, scope); } else { ELEMENTS = scope.def(DRAW_STATE, '.', S_ELEMENTS); } if (ELEMENTS) { scope( 'if(' + ELEMENTS + ')' + GL + '.bindBuffer(' + GL_ELEMENT_ARRAY_BUFFER$1 + ',' + ELEMENTS + '.buffer.buffer);'); } return ELEMENTS } function emitCount () { var defn = drawOptions.count; var COUNT; var scope = outer; if (defn) { if ((defn.contextDep && args.contextDynamic) || defn.propDep) { scope = inner; } COUNT = defn.append(env, scope); check$1.optional(function () { if (defn.MISSING) { env.assert(outer, 'false', 'missing vertex count'); } if (defn.DYNAMIC) { env.assert(scope, COUNT + '>=0', 'missing vertex count'); } }); } else { COUNT = scope.def(DRAW_STATE, '.', S_COUNT); check$1.optional(function () { env.assert(scope, COUNT + '>=0', 'missing vertex count'); }); } return COUNT } var ELEMENTS = emitElements(); function emitValue (name) { var defn = drawOptions[name]; if (defn) { if ((defn.contextDep && args.contextDynamic) || defn.propDep) { return defn.append(env, inner) } else { return defn.append(env, outer) } } else { return outer.def(DRAW_STATE, '.', name) } } var PRIMITIVE = emitValue(S_PRIMITIVE); var OFFSET = emitValue(S_OFFSET); var COUNT = emitCount(); if (typeof COUNT === 'number') { if (COUNT === 0) { return } } else { inner('if(', COUNT, '){'); inner.exit('}'); } var INSTANCES, EXT_INSTANCING; if (extInstancing) { INSTANCES = emitValue(S_INSTANCES); EXT_INSTANCING = env.instancing; } var ELEMENT_TYPE = ELEMENTS + '.type'; var elementsStatic = drawOptions.elements && isStatic(drawOptions.elements); function emitInstancing () { function drawElements () { inner(EXT_INSTANCING, '.drawElementsInstancedANGLE(', [ PRIMITIVE, COUNT, ELEMENT_TYPE, OFFSET + '<<((' + ELEMENT_TYPE + '-' + GL_UNSIGNED_BYTE$7 + ')>>1)', INSTANCES ], ');'); } function drawArrays () { inner(EXT_INSTANCING, '.drawArraysInstancedANGLE(', [PRIMITIVE, OFFSET, COUNT, INSTANCES], ');'); } if (ELEMENTS) { if (!elementsStatic) { inner('if(', ELEMENTS, '){'); drawElements(); inner('}else{'); drawArrays(); inner('}'); } else { drawElements(); } } else { drawArrays(); } } function emitRegular () { function drawElements () { inner(GL + '.drawElements(' + [ PRIMITIVE, COUNT, ELEMENT_TYPE, OFFSET + '<<((' + ELEMENT_TYPE + '-' + GL_UNSIGNED_BYTE$7 + ')>>1)' ] + ');'); } function drawArrays () { inner(GL + '.drawArrays(' + [PRIMITIVE, OFFSET, COUNT] + ');'); } if (ELEMENTS) { if (!elementsStatic) { inner('if(', ELEMENTS, '){'); drawElements(); inner('}else{'); drawArrays(); inner('}'); } else { drawElements(); } } else { drawArrays(); } } if (extInstancing && (typeof INSTANCES !== 'number' || INSTANCES >= 0)) { if (typeof INSTANCES === 'string') { inner('if(', INSTANCES, '>0){'); emitInstancing(); inner('}else if(', INSTANCES, '<0){'); emitRegular(); inner('}'); } else { emitInstancing(); } } else { emitRegular(); } } function createBody (emitBody, parentEnv, args, program, count) { var env = createREGLEnvironment(); var scope = env.proc('body', count); check$1.optional(function () { env.commandStr = parentEnv.commandStr; env.command = env.link(parentEnv.commandStr); }); if (extInstancing) { env.instancing = scope.def( env.shared.extensions, '.angle_instanced_arrays'); } emitBody(env, scope, args, program); return env.compile().body } // =================================================== // =================================================== // DRAW PROC // =================================================== // =================================================== function emitDrawBody (env, draw, args, program) { injectExtensions(env, draw); emitAttributes(env, draw, args, program.attributes, function () { return true }); emitUniforms(env, draw, args, program.uniforms, function () { return true }); emitDraw(env, draw, draw, args); } function emitDrawProc (env, args) { var draw = env.proc('draw', 1); injectExtensions(env, draw); emitContext(env, draw, args.context); emitPollFramebuffer(env, draw, args.framebuffer); emitPollState(env, draw, args); emitSetOptions(env, draw, args.state); emitProfile(env, draw, args, false, true); var program = args.shader.progVar.append(env, draw); draw(env.shared.gl, '.useProgram(', program, '.program);'); if (args.shader.program) { emitDrawBody(env, draw, args, args.shader.program); } else { var drawCache = env.global.def('{}'); var PROG_ID = draw.def(program, '.id'); var CACHED_PROC = draw.def(drawCache, '[', PROG_ID, ']'); draw( env.cond(CACHED_PROC) .then(CACHED_PROC, '.call(this,a0);') .else( CACHED_PROC, '=', drawCache, '[', PROG_ID, ']=', env.link(function (program) { return createBody(emitDrawBody, env, args, program, 1) }), '(', program, ');', CACHED_PROC, '.call(this,a0);')); } if (Object.keys(args.state).length > 0) { draw(env.shared.current, '.dirty=true;'); } } // =================================================== // =================================================== // BATCH PROC // =================================================== // =================================================== function emitBatchDynamicShaderBody (env, scope, args, program) { env.batchId = 'a1'; injectExtensions(env, scope); function all () { return true } emitAttributes(env, scope, args, program.attributes, all); emitUniforms(env, scope, args, program.uniforms, all); emitDraw(env, scope, scope, args); } function emitBatchBody (env, scope, args, program) { injectExtensions(env, scope); var contextDynamic = args.contextDep; var BATCH_ID = scope.def(); var PROP_LIST = 'a0'; var NUM_PROPS = 'a1'; var PROPS = scope.def(); env.shared.props = PROPS; env.batchId = BATCH_ID; var outer = env.scope(); var inner = env.scope(); scope( outer.entry, 'for(', BATCH_ID, '=0;', BATCH_ID, '<', NUM_PROPS, ';++', BATCH_ID, '){', PROPS, '=', PROP_LIST, '[', BATCH_ID, '];', inner, '}', outer.exit); function isInnerDefn (defn) { return ((defn.contextDep && contextDynamic) || defn.propDep) } function isOuterDefn (defn) { return !isInnerDefn(defn) } if (args.needsContext) { emitContext(env, inner, args.context); } if (args.needsFramebuffer) { emitPollFramebuffer(env, inner, args.framebuffer); } emitSetOptions(env, inner, args.state, isInnerDefn); if (args.profile && isInnerDefn(args.profile)) { emitProfile(env, inner, args, false, true); } if (!program) { var progCache = env.global.def('{}'); var PROGRAM = args.shader.progVar.append(env, inner); var PROG_ID = inner.def(PROGRAM, '.id'); var CACHED_PROC = inner.def(progCache, '[', PROG_ID, ']'); inner( env.shared.gl, '.useProgram(', PROGRAM, '.program);', 'if(!', CACHED_PROC, '){', CACHED_PROC, '=', progCache, '[', PROG_ID, ']=', env.link(function (program) { return createBody( emitBatchDynamicShaderBody, env, args, program, 2) }), '(', PROGRAM, ');}', CACHED_PROC, '.call(this,a0[', BATCH_ID, '],', BATCH_ID, ');'); } else { emitAttributes(env, outer, args, program.attributes, isOuterDefn); emitAttributes(env, inner, args, program.attributes, isInnerDefn); emitUniforms(env, outer, args, program.uniforms, isOuterDefn); emitUniforms(env, inner, args, program.uniforms, isInnerDefn); emitDraw(env, outer, inner, args); } } function emitBatchProc (env, args) { var batch = env.proc('batch', 2); env.batchId = '0'; injectExtensions(env, batch); // Check if any context variables depend on props var contextDynamic = false; var needsContext = true; Object.keys(args.context).forEach(function (name) { contextDynamic = contextDynamic || args.context[name].propDep; }); if (!contextDynamic) { emitContext(env, batch, args.context); needsContext = false; } // framebuffer state affects framebufferWidth/height context vars var framebuffer = args.framebuffer; var needsFramebuffer = false; if (framebuffer) { if (framebuffer.propDep) { contextDynamic = needsFramebuffer = true; } else if (framebuffer.contextDep && contextDynamic) { needsFramebuffer = true; } if (!needsFramebuffer) { emitPollFramebuffer(env, batch, framebuffer); } } else { emitPollFramebuffer(env, batch, null); } // viewport is weird because it can affect context vars if (args.state.viewport && args.state.viewport.propDep) { contextDynamic = true; } function isInnerDefn (defn) { return (defn.contextDep && contextDynamic) || defn.propDep } // set webgl options emitPollState(env, batch, args); emitSetOptions(env, batch, args.state, function (defn) { return !isInnerDefn(defn) }); if (!args.profile || !isInnerDefn(args.profile)) { emitProfile(env, batch, args, false, 'a1'); } // Save these values to args so that the batch body routine can use them args.contextDep = contextDynamic; args.needsContext = needsContext; args.needsFramebuffer = needsFramebuffer; // determine if shader is dynamic var progDefn = args.shader.progVar; if ((progDefn.contextDep && contextDynamic) || progDefn.propDep) { emitBatchBody( env, batch, args, null); } else { var PROGRAM = progDefn.append(env, batch); batch(env.shared.gl, '.useProgram(', PROGRAM, '.program);'); if (args.shader.program) { emitBatchBody( env, batch, args, args.shader.program); } else { var batchCache = env.global.def('{}'); var PROG_ID = batch.def(PROGRAM, '.id'); var CACHED_PROC = batch.def(batchCache, '[', PROG_ID, ']'); batch( env.cond(CACHED_PROC) .then(CACHED_PROC, '.call(this,a0,a1);') .else( CACHED_PROC, '=', batchCache, '[', PROG_ID, ']=', env.link(function (program) { return createBody(emitBatchBody, env, args, program, 2) }), '(', PROGRAM, ');', CACHED_PROC, '.call(this,a0,a1);')); } } if (Object.keys(args.state).length > 0) { batch(env.shared.current, '.dirty=true;'); } } // =================================================== // =================================================== // SCOPE COMMAND // =================================================== // =================================================== function emitScopeProc (env, args) { var scope = env.proc('scope', 3); env.batchId = 'a2'; var shared = env.shared; var CURRENT_STATE = shared.current; emitContext(env, scope, args.context); if (args.framebuffer) { args.framebuffer.append(env, scope); } sortState(Object.keys(args.state)).forEach(function (name) { var defn = args.state[name]; var value = defn.append(env, scope); if (isArrayLike(value)) { value.forEach(function (v, i) { scope.set(env.next[name], '[' + i + ']', v); }); } else { scope.set(shared.next, '.' + name, value); } }); emitProfile(env, scope, args, true, true) ;[S_ELEMENTS, S_OFFSET, S_COUNT, S_INSTANCES, S_PRIMITIVE].forEach( function (opt) { var variable = args.draw[opt]; if (!variable) { return } scope.set(shared.draw, '.' + opt, '' + variable.append(env, scope)); }); Object.keys(args.uniforms).forEach(function (opt) { scope.set( shared.uniforms, '[' + stringStore.id(opt) + ']', args.uniforms[opt].append(env, scope)); }); Object.keys(args.attributes).forEach(function (name) { var record = args.attributes[name].append(env, scope); var scopeAttrib = env.scopeAttrib(name); Object.keys(new AttributeRecord()).forEach(function (prop) { scope.set(scopeAttrib, '.' + prop, record[prop]); }); }); function saveShader (name) { var shader = args.shader[name]; if (shader) { scope.set(shared.shader, '.' + name, shader.append(env, scope)); } } saveShader(S_VERT); saveShader(S_FRAG); if (Object.keys(args.state).length > 0) { scope(CURRENT_STATE, '.dirty=true;'); scope.exit(CURRENT_STATE, '.dirty=true;'); } scope('a1(', env.shared.context, ',a0,', env.batchId, ');'); } function isDynamicObject (object) { if (typeof object !== 'object' || isArrayLike(object)) { return } var props = Object.keys(object); for (var i = 0; i < props.length; ++i) { if (dynamic.isDynamic(object[props[i]])) { return true } } return false } function splatObject (env, options, name) { var object = options.static[name]; if (!object || !isDynamicObject(object)) { return } var globals = env.global; var keys = Object.keys(object); var thisDep = false; var contextDep = false; var propDep = false; var objectRef = env.global.def('{}'); keys.forEach(function (key) { var value = object[key]; if (dynamic.isDynamic(value)) { if (typeof value === 'function') { value = object[key] = dynamic.unbox(value); } var deps = createDynamicDecl(value, null); thisDep = thisDep || deps.thisDep; propDep = propDep || deps.propDep; contextDep = contextDep || deps.contextDep; } else { globals(objectRef, '.', key, '='); switch (typeof value) { case 'number': globals(value); break case 'string': globals('"', value, '"'); break case 'object': if (Array.isArray(value)) { globals('[', value.join(), ']'); } break default: globals(env.link(value)); break } globals(';'); } }); function appendBlock (env, block) { keys.forEach(function (key) { var value = object[key]; if (!dynamic.isDynamic(value)) { return } var ref = env.invoke(block, value); block(objectRef, '.', key, '=', ref, ';'); }); } options.dynamic[name] = new dynamic.DynamicVariable(DYN_THUNK, { thisDep: thisDep, contextDep: contextDep, propDep: propDep, ref: objectRef, append: appendBlock }); delete options.static[name]; } // =========================================================================== // =========================================================================== // MAIN DRAW COMMAND // =========================================================================== // =========================================================================== function compileCommand (options, attributes, uniforms, context, stats) { var env = createREGLEnvironment(); // link stats, so that we can easily access it in the program. env.stats = env.link(stats); // splat options and attributes to allow for dynamic nested properties Object.keys(attributes.static).forEach(function (key) { splatObject(env, attributes, key); }); NESTED_OPTIONS.forEach(function (name) { splatObject(env, options, name); }); var args = parseArguments(options, attributes, uniforms, context, env); emitDrawProc(env, args); emitScopeProc(env, args); emitBatchProc(env, args); return env.compile() } // =========================================================================== // =========================================================================== // POLL / REFRESH // =========================================================================== // =========================================================================== return { next: nextState, current: currentState, procs: (function () { var env = createREGLEnvironment(); var poll = env.proc('poll'); var refresh = env.proc('refresh'); var common = env.block(); poll(common); refresh(common); var shared = env.shared; var GL = shared.gl; var NEXT_STATE = shared.next; var CURRENT_STATE = shared.current; common(CURRENT_STATE, '.dirty=false;'); emitPollFramebuffer(env, poll); emitPollFramebuffer(env, refresh, null, true); // Refresh updates all attribute state changes var extInstancing = gl.getExtension('angle_instanced_arrays'); var INSTANCING; if (extInstancing) { INSTANCING = env.link(extInstancing); } for (var i = 0; i < limits.maxAttributes; ++i) { var BINDING = refresh.def(shared.attributes, '[', i, ']'); var ifte = env.cond(BINDING, '.buffer'); ifte.then( GL, '.enableVertexAttribArray(', i, ');', GL, '.bindBuffer(', GL_ARRAY_BUFFER$1, ',', BINDING, '.buffer.buffer);', GL, '.vertexAttribPointer(', i, ',', BINDING, '.size,', BINDING, '.type,', BINDING, '.normalized,', BINDING, '.stride,', BINDING, '.offset);' ).else( GL, '.disableVertexAttribArray(', i, ');', GL, '.vertexAttrib4f(', i, ',', BINDING, '.x,', BINDING, '.y,', BINDING, '.z,', BINDING, '.w);', BINDING, '.buffer=null;'); refresh(ifte); if (extInstancing) { refresh( INSTANCING, '.vertexAttribDivisorANGLE(', i, ',', BINDING, '.divisor);'); } } Object.keys(GL_FLAGS).forEach(function (flag) { var cap = GL_FLAGS[flag]; var NEXT = common.def(NEXT_STATE, '.', flag); var block = env.block(); block('if(', NEXT, '){', GL, '.enable(', cap, ')}else{', GL, '.disable(', cap, ')}', CURRENT_STATE, '.', flag, '=', NEXT, ';'); refresh(block); poll( 'if(', NEXT, '!==', CURRENT_STATE, '.', flag, '){', block, '}'); }); Object.keys(GL_VARIABLES).forEach(function (name) { var func = GL_VARIABLES[name]; var init = currentState[name]; var NEXT, CURRENT; var block = env.block(); block(GL, '.', func, '('); if (isArrayLike(init)) { var n = init.length; NEXT = env.global.def(NEXT_STATE, '.', name); CURRENT = env.global.def(CURRENT_STATE, '.', name); block( loop(n, function (i) { return NEXT + '[' + i + ']' }), ');', loop(n, function (i) { return CURRENT + '[' + i + ']=' + NEXT + '[' + i + '];' }).join('')); poll( 'if(', loop(n, function (i) { return NEXT + '[' + i + ']!==' + CURRENT + '[' + i + ']' }).join('||'), '){', block, '}'); } else { NEXT = common.def(NEXT_STATE, '.', name); CURRENT = common.def(CURRENT_STATE, '.', name); block( NEXT, ');', CURRENT_STATE, '.', name, '=', NEXT, ';'); poll( 'if(', NEXT, '!==', CURRENT, '){', block, '}'); } refresh(block); }); return env.compile() })(), compile: compileCommand } } function stats () { return { bufferCount: 0, elementsCount: 0, framebufferCount: 0, shaderCount: 0, textureCount: 0, cubeCount: 0, renderbufferCount: 0, maxTextureUnits: 0 } } var GL_QUERY_RESULT_EXT = 0x8866; var GL_QUERY_RESULT_AVAILABLE_EXT = 0x8867; var GL_TIME_ELAPSED_EXT = 0x88BF; var createTimer = function (gl, extensions) { var extTimer = extensions.ext_disjoint_timer_query; if (!extTimer) { return null } // QUERY POOL BEGIN var queryPool = []; function allocQuery () { return queryPool.pop() || extTimer.createQueryEXT() } function freeQuery (query) { queryPool.push(query); } // QUERY POOL END var pendingQueries = []; function beginQuery (stats) { var query = allocQuery(); extTimer.beginQueryEXT(GL_TIME_ELAPSED_EXT, query); pendingQueries.push(query); pushScopeStats(pendingQueries.length - 1, pendingQueries.length, stats); } function endQuery () { extTimer.endQueryEXT(GL_TIME_ELAPSED_EXT); } // // Pending stats pool. // function PendingStats () { this.startQueryIndex = -1; this.endQueryIndex = -1; this.sum = 0; this.stats = null; } var pendingStatsPool = []; function allocPendingStats () { return pendingStatsPool.pop() || new PendingStats() } function freePendingStats (pendingStats) { pendingStatsPool.push(pendingStats); } // Pending stats pool end var pendingStats = []; function pushScopeStats (start, end, stats) { var ps = allocPendingStats(); ps.startQueryIndex = start; ps.endQueryIndex = end; ps.sum = 0; ps.stats = stats; pendingStats.push(ps); } // we should call this at the beginning of the frame, // in order to update gpuTime var timeSum = []; var queryPtr = []; function update () { var ptr, i; var n = pendingQueries.length; if (n === 0) { return } // Reserve space queryPtr.length = Math.max(queryPtr.length, n + 1); timeSum.length = Math.max(timeSum.length, n + 1); timeSum[0] = 0; queryPtr[0] = 0; // Update all pending timer queries var queryTime = 0; ptr = 0; for (i = 0; i < pendingQueries.length; ++i) { var query = pendingQueries[i]; if (extTimer.getQueryObjectEXT(query, GL_QUERY_RESULT_AVAILABLE_EXT)) { queryTime += extTimer.getQueryObjectEXT(query, GL_QUERY_RESULT_EXT); freeQuery(query); } else { pendingQueries[ptr++] = query; } timeSum[i + 1] = queryTime; queryPtr[i + 1] = ptr; } pendingQueries.length = ptr; // Update all pending stat queries ptr = 0; for (i = 0; i < pendingStats.length; ++i) { var stats = pendingStats[i]; var start = stats.startQueryIndex; var end = stats.endQueryIndex; stats.sum += timeSum[end] - timeSum[start]; var startPtr = queryPtr[start]; var endPtr = queryPtr[end]; if (endPtr === startPtr) { stats.stats.gpuTime += stats.sum / 1e6; freePendingStats(stats); } else { stats.startQueryIndex = startPtr; stats.endQueryIndex = endPtr; pendingStats[ptr++] = stats; } } pendingStats.length = ptr; } return { beginQuery: beginQuery, endQuery: endQuery, pushScopeStats: pushScopeStats, update: update, getNumPendingQueries: function () { return pendingQueries.length }, clear: function () { queryPool.push.apply(queryPool, pendingQueries); for (var i = 0; i < queryPool.length; i++) { extTimer.deleteQueryEXT(queryPool[i]); } pendingQueries.length = 0; queryPool.length = 0; }, restore: function () { pendingQueries.length = 0; queryPool.length = 0; } } }; var GL_COLOR_BUFFER_BIT = 16384; var GL_DEPTH_BUFFER_BIT = 256; var GL_STENCIL_BUFFER_BIT = 1024; var GL_ARRAY_BUFFER = 34962; var CONTEXT_LOST_EVENT = 'webglcontextlost'; var CONTEXT_RESTORED_EVENT = 'webglcontextrestored'; var DYN_PROP = 1; var DYN_CONTEXT = 2; var DYN_STATE = 3; function find (haystack, needle) { for (var i = 0; i < haystack.length; ++i) { if (haystack[i] === needle) { return i } } return -1 } function wrapREGL (args) { var config = parseArgs(args); if (!config) { return null } var gl = config.gl; var glAttributes = gl.getContextAttributes(); var contextLost = gl.isContextLost(); var extensionState = createExtensionCache(gl, config); if (!extensionState) { return null } var stringStore = createStringStore(); var stats$$1 = stats(); var extensions = extensionState.extensions; var timer = createTimer(gl, extensions); var START_TIME = clock(); var WIDTH = gl.drawingBufferWidth; var HEIGHT = gl.drawingBufferHeight; var contextState = { tick: 0, time: 0, viewportWidth: WIDTH, viewportHeight: HEIGHT, framebufferWidth: WIDTH, framebufferHeight: HEIGHT, drawingBufferWidth: WIDTH, drawingBufferHeight: HEIGHT, pixelRatio: config.pixelRatio }; var uniformState = {}; var drawState = { elements: null, primitive: 4, // GL_TRIANGLES count: -1, offset: 0, instances: -1 }; var limits = wrapLimits(gl, extensions); var bufferState = wrapBufferState(gl, stats$$1, config); var elementState = wrapElementsState(gl, extensions, bufferState, stats$$1); var attributeState = wrapAttributeState( gl, extensions, limits, bufferState, stringStore); var shaderState = wrapShaderState(gl, stringStore, stats$$1, config); var textureState = createTextureSet( gl, extensions, limits, function () { core.procs.poll(); }, contextState, stats$$1, config); var renderbufferState = wrapRenderbuffers(gl, extensions, limits, stats$$1, config); var framebufferState = wrapFBOState( gl, extensions, limits, textureState, renderbufferState, stats$$1); var core = reglCore( gl, stringStore, extensions, limits, bufferState, elementState, textureState, framebufferState, uniformState, attributeState, shaderState, drawState, contextState, timer, config); var readPixels = wrapReadPixels( gl, framebufferState, core.procs.poll, contextState, glAttributes, extensions); var nextState = core.next; var canvas = gl.canvas; var rafCallbacks = []; var lossCallbacks = []; var restoreCallbacks = []; var destroyCallbacks = [config.onDestroy]; var activeRAF = null; function handleRAF () { if (rafCallbacks.length === 0) { if (timer) { timer.update(); } activeRAF = null; return } // schedule next animation frame activeRAF = raf.next(handleRAF); // poll for changes poll(); // fire a callback for all pending rafs for (var i = rafCallbacks.length - 1; i >= 0; --i) { var cb = rafCallbacks[i]; if (cb) { cb(contextState, null, 0); } } // flush all pending webgl calls gl.flush(); // poll GPU timers *after* gl.flush so we don't delay command dispatch if (timer) { timer.update(); } } function startRAF () { if (!activeRAF && rafCallbacks.length > 0) { activeRAF = raf.next(handleRAF); } } function stopRAF () { if (activeRAF) { raf.cancel(handleRAF); activeRAF = null; } } function handleContextLoss (event) { event.preventDefault(); // set context lost flag contextLost = true; // pause request animation frame stopRAF(); // lose context lossCallbacks.forEach(function (cb) { cb(); }); } function handleContextRestored (event) { // clear error code gl.getError(); // clear context lost flag contextLost = false; // refresh state extensionState.restore(); shaderState.restore(); bufferState.restore(); textureState.restore(); renderbufferState.restore(); framebufferState.restore(); if (timer) { timer.restore(); } // refresh state core.procs.refresh(); // restart RAF startRAF(); // restore context restoreCallbacks.forEach(function (cb) { cb(); }); } if (canvas) { canvas.addEventListener(CONTEXT_LOST_EVENT, handleContextLoss, false); canvas.addEventListener(CONTEXT_RESTORED_EVENT, handleContextRestored, false); } function destroy () { rafCallbacks.length = 0; stopRAF(); if (canvas) { canvas.removeEventListener(CONTEXT_LOST_EVENT, handleContextLoss); canvas.removeEventListener(CONTEXT_RESTORED_EVENT, handleContextRestored); } shaderState.clear(); framebufferState.clear(); renderbufferState.clear(); textureState.clear(); elementState.clear(); bufferState.clear(); if (timer) { timer.clear(); } destroyCallbacks.forEach(function (cb) { cb(); }); } function compileProcedure (options) { check$1(!!options, 'invalid args to regl({...})'); check$1.type(options, 'object', 'invalid args to regl({...})'); function flattenNestedOptions (options) { var result = extend({}, options); delete result.uniforms; delete result.attributes; delete result.context; if ('stencil' in result && result.stencil.op) { result.stencil.opBack = result.stencil.opFront = result.stencil.op; delete result.stencil.op; } function merge (name) { if (name in result) { var child = result[name]; delete result[name]; Object.keys(child).forEach(function (prop) { result[name + '.' + prop] = child[prop]; }); } } merge('blend'); merge('depth'); merge('cull'); merge('stencil'); merge('polygonOffset'); merge('scissor'); merge('sample'); return result } function separateDynamic (object) { var staticItems = {}; var dynamicItems = {}; Object.keys(object).forEach(function (option) { var value = object[option]; if (dynamic.isDynamic(value)) { dynamicItems[option] = dynamic.unbox(value, option); } else { staticItems[option] = value; } }); return { dynamic: dynamicItems, static: staticItems } } // Treat context variables separate from other dynamic variables var context = separateDynamic(options.context || {}); var uniforms = separateDynamic(options.uniforms || {}); var attributes = separateDynamic(options.attributes || {}); var opts = separateDynamic(flattenNestedOptions(options)); var stats$$1 = { gpuTime: 0.0, cpuTime: 0.0, count: 0 }; var compiled = core.compile(opts, attributes, uniforms, context, stats$$1); var draw = compiled.draw; var batch = compiled.batch; var scope = compiled.scope; // FIXME: we should modify code generation for batch commands so this // isn't necessary var EMPTY_ARRAY = []; function reserve (count) { while (EMPTY_ARRAY.length < count) { EMPTY_ARRAY.push(null); } return EMPTY_ARRAY } function REGLCommand (args, body) { var i; if (contextLost) { check$1.raise('context lost'); } if (typeof args === 'function') { return scope.call(this, null, args, 0) } else if (typeof body === 'function') { if (typeof args === 'number') { for (i = 0; i < args; ++i) { scope.call(this, null, body, i); } return } else if (Array.isArray(args)) { for (i = 0; i < args.length; ++i) { scope.call(this, args[i], body, i); } return } else { return scope.call(this, args, body, 0) } } else if (typeof args === 'number') { if (args > 0) { return batch.call(this, reserve(args | 0), args | 0) } } else if (Array.isArray(args)) { if (args.length) { return batch.call(this, args, args.length) } } else { return draw.call(this, args) } } return extend(REGLCommand, { stats: stats$$1 }) } var setFBO = framebufferState.setFBO = compileProcedure({ framebuffer: dynamic.define.call(null, DYN_PROP, 'framebuffer') }); function clearImpl (_, options) { var clearFlags = 0; core.procs.poll(); var c = options.color; if (c) { gl.clearColor(+c[0] || 0, +c[1] || 0, +c[2] || 0, +c[3] || 0); clearFlags |= GL_COLOR_BUFFER_BIT; } if ('depth' in options) { gl.clearDepth(+options.depth); clearFlags |= GL_DEPTH_BUFFER_BIT; } if ('stencil' in options) { gl.clearStencil(options.stencil | 0); clearFlags |= GL_STENCIL_BUFFER_BIT; } check$1(!!clearFlags, 'called regl.clear with no buffer specified'); gl.clear(clearFlags); } function clear (options) { check$1( typeof options === 'object' && options, 'regl.clear() takes an object as input'); if ('framebuffer' in options) { if (options.framebuffer && options.framebuffer_reglType === 'framebufferCube') { for (var i = 0; i < 6; ++i) { setFBO(extend({ framebuffer: options.framebuffer.faces[i] }, options), clearImpl); } } else { setFBO(options, clearImpl); } } else { clearImpl(null, options); } } function frame (cb) { check$1.type(cb, 'function', 'regl.frame() callback must be a function'); rafCallbacks.push(cb); function cancel () { // FIXME: should we check something other than equals cb here? // what if a user calls frame twice with the same callback... // var i = find(rafCallbacks, cb); check$1(i >= 0, 'cannot cancel a frame twice'); function pendingCancel () { var index = find(rafCallbacks, pendingCancel); rafCallbacks[index] = rafCallbacks[rafCallbacks.length - 1]; rafCallbacks.length -= 1; if (rafCallbacks.length <= 0) { stopRAF(); } } rafCallbacks[i] = pendingCancel; } startRAF(); return { cancel: cancel } } // poll viewport function pollViewport () { var viewport = nextState.viewport; var scissorBox = nextState.scissor_box; viewport[0] = viewport[1] = scissorBox[0] = scissorBox[1] = 0; contextState.viewportWidth = contextState.framebufferWidth = contextState.drawingBufferWidth = viewport[2] = scissorBox[2] = gl.drawingBufferWidth; contextState.viewportHeight = contextState.framebufferHeight = contextState.drawingBufferHeight = viewport[3] = scissorBox[3] = gl.drawingBufferHeight; } function poll () { contextState.tick += 1; contextState.time = now(); pollViewport(); core.procs.poll(); } function refresh () { pollViewport(); core.procs.refresh(); if (timer) { timer.update(); } } function now () { return (clock() - START_TIME) / 1000.0 } refresh(); function addListener (event, callback) { check$1.type(callback, 'function', 'listener callback must be a function'); var callbacks; switch (event) { case 'frame': return frame(callback) case 'lost': callbacks = lossCallbacks; break case 'restore': callbacks = restoreCallbacks; break case 'destroy': callbacks = destroyCallbacks; break default: check$1.raise('invalid event, must be one of frame,lost,restore,destroy'); } callbacks.push(callback); return { cancel: function () { for (var i = 0; i < callbacks.length; ++i) { if (callbacks[i] === callback) { callbacks[i] = callbacks[callbacks.length - 1]; callbacks.pop(); return } } } } } var regl = extend(compileProcedure, { // Clear current FBO clear: clear, // Short cuts for dynamic variables prop: dynamic.define.bind(null, DYN_PROP), context: dynamic.define.bind(null, DYN_CONTEXT), this: dynamic.define.bind(null, DYN_STATE), // executes an empty draw command draw: compileProcedure({}), // Resources buffer: function (options) { return bufferState.create(options, GL_ARRAY_BUFFER, false, false) }, elements: function (options) { return elementState.create(options, false) }, texture: textureState.create2D, cube: textureState.createCube, renderbuffer: renderbufferState.create, framebuffer: framebufferState.create, framebufferCube: framebufferState.createCube, // Expose context attributes attributes: glAttributes, // Frame rendering frame: frame, on: addListener, // System limits limits: limits, hasExtension: function (name) { return limits.extensions.indexOf(name.toLowerCase()) >= 0 }, // Read pixels read: readPixels, // Destroy regl and all associated resources destroy: destroy, // Direct GL state manipulation _gl: gl, _refresh: refresh, poll: function () { poll(); if (timer) { timer.update(); } }, // Current time now: now, // regl Statistics Information stats: stats$$1 }); config.onDone(null, regl); return regl } return wrapREGL; }))); },{}],49:[function(require,module,exports){ 'use strict' /** * Remove a range of items from an array * * @function removeItems * @param {Array<*>} arr The target array * @param {number} startIdx The index to begin removing from (inclusive) * @param {number} removeCount How many items to remove */ module.exports = function removeItems(arr, startIdx, removeCount) { var i, length = arr.length if (startIdx >= length || removeCount === 0) { return } removeCount = (startIdx + removeCount > length ? length - startIdx : removeCount) var len = length - removeCount for (i = startIdx; i < len; ++i) { arr[i] = arr[i + removeCount] } arr.length = len } },{}],50:[function(require,module,exports){ module.exports = scrollToAnchor function scrollToAnchor (anchor, options) { if (anchor) { try { var el = document.querySelector(anchor) if (el) el.scrollIntoView(options) } catch (e) {} } } },{}],51:[function(require,module,exports){ var assert = require('assert') var trie = require('./trie') module.exports = Wayfarer // create a router // str -> obj function Wayfarer (dft) { if (!(this instanceof Wayfarer)) return new Wayfarer(dft) var _default = (dft || '').replace(/^\//, '') var _trie = trie() emit._trie = _trie emit.emit = emit emit.on = on emit._wayfarer = true return emit // define a route // (str, fn) -> obj function on (route, cb) { assert.equal(typeof route, 'string') assert.equal(typeof cb, 'function') route = route || '/' cb.route = route if (cb && cb._wayfarer && cb._trie) { _trie.mount(route, cb._trie.trie) } else { var node = _trie.create(route) node.cb = cb } return emit } // match and call a route // (str, obj?) -> null function emit (route) { assert.notEqual(route, undefined, "'route' must be defined") var args = new Array(arguments.length) for (var i = 1; i < args.length; i++) { args[i] = arguments[i] } var node = _trie.match(route) if (node && node.cb) { args[0] = node.params var cb = node.cb return cb.apply(cb, args) } var dft = _trie.match(_default) if (dft && dft.cb) { args[0] = dft.params var dftcb = dft.cb return dftcb.apply(dftcb, args) } throw new Error("route '" + route + "' did not match") } } },{"./trie":52,"assert":2}],52:[function(require,module,exports){ var mutate = require('xtend/mutable') var assert = require('assert') var xtend = require('xtend') module.exports = Trie // create a new trie // null -> obj function Trie () { if (!(this instanceof Trie)) return new Trie() this.trie = { nodes: {} } } // create a node on the trie at route // and return a node // str -> null Trie.prototype.create = function (route) { assert.equal(typeof route, 'string', 'route should be a string') // strip leading '/' and split routes var routes = route.replace(/^\//, '').split('/') function createNode (index, trie) { var thisRoute = (routes.hasOwnProperty(index) && routes[index]) if (thisRoute === false) return trie var node = null if (/^:|^\*/.test(thisRoute)) { // if node is a name match, set name and append to ':' node if (!trie.nodes.hasOwnProperty('$$')) { node = { nodes: {} } trie.nodes['$$'] = node } else { node = trie.nodes['$$'] } if (thisRoute[0] === '*') { trie.wildcard = true } trie.name = thisRoute.replace(/^:|^\*/, '') } else if (!trie.nodes.hasOwnProperty(thisRoute)) { node = { nodes: {} } trie.nodes[thisRoute] = node } else { node = trie.nodes[thisRoute] } // we must recurse deeper return createNode(index + 1, node) } return createNode(0, this.trie) } // match a route on the trie // and return the node // str -> obj Trie.prototype.match = function (route) { assert.equal(typeof route, 'string', 'route should be a string') var routes = route.replace(/^\//, '').split('/') var params = {} function search (index, trie) { // either there's no match, or we're done searching if (trie === undefined) return undefined var thisRoute = routes[index] if (thisRoute === undefined) return trie if (trie.nodes.hasOwnProperty(thisRoute)) { // match regular routes first return search(index + 1, trie.nodes[thisRoute]) } else if (trie.wildcard) { // match wildcards try { params['wildcard'] = decodeURIComponent(routes.slice(index).join('/')) } catch (e) { return search(index, undefined) } // return early, or else search may keep recursing through the wildcard return trie.nodes['$$'] } else if (trie.name) { // match named routes try { params[trie.name] = decodeURIComponent(thisRoute) } catch (e) { return search(index, undefined) } return search(index + 1, trie.nodes['$$']) } else { // no matches found return search(index + 1) } } var node = search(0, this.trie) if (!node) return undefined node = xtend(node) node.params = params return node } // mount a trie onto a node at route // (str, obj) -> null Trie.prototype.mount = function (route, trie) { assert.equal(typeof route, 'string', 'route should be a string') assert.equal(typeof trie, 'object', 'trie should be a object') var split = route.replace(/^\//, '').split('/') var node = null var key = null if (split.length === 1) { key = split[0] node = this.create(key) } else { var headArr = split.splice(0, split.length - 1) var head = headArr.join('/') key = split[0] node = this.create(head) } mutate(node.nodes, trie.nodes) if (trie.name) node.name = trie.name // delegate properties from '/' to the new node // '/' cannot be reached once mounted if (node.nodes['']) { Object.keys(node.nodes['']).forEach(function (key) { if (key === 'nodes') return node[key] = node.nodes[''][key] }) mutate(node.nodes, node.nodes[''].nodes) delete node.nodes[''].nodes } } },{"assert":2,"xtend":53,"xtend/mutable":54}],53:[function(require,module,exports){ arguments[4][22][0].apply(exports,arguments) },{"dup":22}],54:[function(require,module,exports){ module.exports = extend var hasOwnProperty = Object.prototype.hasOwnProperty; function extend(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] for (var key in source) { if (hasOwnProperty.call(source, key)) { target[key] = source[key] } } } return target } },{}],55:[function(require,module,exports){ var rcom = require('regl-component') var Nano = require('cache-component') var Map = require('./lib/map.js') module.exports = MixMap function MixMap (regl, opts) { var self = this if (!(self instanceof MixMap)) return new MixMap(regl, opts) Nano.call(self) if (!opts) opts = {} self._rcom = rcom(regl, opts) self._maps = [] window.addEventListener('resize', redraw) window.addEventListener('scroll', redraw) function redraw () { draw() window.requestAnimationFrame(draw) } function draw () { for (var i = 0; i < self._maps.length; i++) { self._maps[i].draw() } } } MixMap.prototype = Object.create(Nano.prototype) MixMap.prototype._update = function () { return false } MixMap.prototype._render = function (props) { return this._rcom.render(props) } MixMap.prototype.create = function (opts) { var m = new Map(this._rcom.create(), opts) this._maps.push(m) return m } },{"./lib/map.js":58,"cache-component":69,"regl-component":82}],56:[function(require,module,exports){ arguments[4][27][0].apply(exports,arguments) },{"dup":27}],57:[function(require,module,exports){ module.exports = Draw function Draw (drawOpts, opts) { if (!(this instanceof Draw)) return new Draw(drawOpts, opts) this._regl = opts.regl this._draw = this._regl(drawOpts) this._options = drawOpts this.props = [] } Draw.prototype.draw = function (props) { if (!props) { this._draw(this.props) } else if (Array.isArray(props) && props.length === 1) { for (var i = 0; i < this.props.length; i++) { Object.assign(this.props[i], props[0]) } this._draw(this.props) } else if (Array.isArray(props)) { var xprops = [] for (var i = 0; i < this.props.length; i++) { for (var j = 0; j < props.length; j++) { xprops.push(Object.assign({}, this.props[i], props[j])) } } this._draw(xprops) } else { for (var i = 0; i < this.props.length; i++) { Object.assign(this.props[i], props) } this._draw(this.props) } } Draw.prototype.reload = function () { this._draw = this._regl(this._options) } Draw.prototype.remove = function () { this._options.onremove() } },{}],58:[function(require,module,exports){ var html = require('bel') var EventEmitter = require('events').EventEmitter var onload = require('on-load') var bboxToZoom = require('./bbox-to-zoom.js') var zoomToBbox = require('./zoom-to-bbox.js') var boxIntersect = require('box-intersect') var Draw = require('./draw.js') var idlecb = window.requestIdleCallback || function (f) { setTimeout(f,0) } var css = 0 var style = ((require('sheetify/insert')("._3adf25f5 {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }") || true) && "_3adf25f5") module.exports = Map function Map (rcom, opts) { if (!(this instanceof Map)) return new Map(rcom, opts) if (!opts) opts = {} this._rcom = rcom this.regl = rcom.regl this._draw = [] this._layers = [] this._layerTiles = [] this._viewboxQueue = [] this._viewboxN = 0 this.viewbox = opts.viewbox || [-180,-90,180,90] this.backgroundColor = opts.backgroundColor || [1,1,1,1] this._mouse = null this._size = null this.on('viewbox', this._onviewbox) } Map.prototype = Object.create(EventEmitter.prototype) Map.prototype._viewboxQueueClear = function () { this._viewboxN++ this._viewboxQueue = [] } Map.prototype._viewboxEnqueue = function (fn) { var self = this self._viewboxQueue.push(fn) var n = self._viewboxN if (self._viewboxQueue.length === 1) next() function next () { if (n !== self._viewboxN) return if (self._viewboxQueue.length === 0) return self._viewboxQueue[0](function () { if (n !== self._viewboxN) return setTimeout(function () { idlecb(function () { if (n !== self._viewboxN) return self._viewboxQueue.shift() next() }) }, 50) }) } } Map.prototype._onviewbox = function () { var self = this if (self._idle) return self._idle = setTimeout(function () { idlecb(ready) }, 100) function ready () { self._idle = null self._viewboxQueueClear() var boxes = [] var x0 = Math.floor((self.viewbox[0]+180)/360)*360 var x1 = Math.floor((self.viewbox[2]+180)/360)*360 for (var x = x0; x <= x1; x += 360) { boxes.push([ self.viewbox[0]-x, self.viewbox[1], self.viewbox[2]-x, self.viewbox[3] ]) } var zoom = self.getZoom() var pending = self._layers.length function done () { if (self._viewboxpending > 1) { setTimeout(function () { idlecb(function () { self._viewboxpending = 0 ready() }) }, 50) } else { self._viewboxpending = 0 } } for (var i = 0; i < self._layers.length; i++) (function (layer,tiles) { layer.viewbox(self.viewbox, zoom, function (err, lboxes) { if (err) { if (--pending === 0) done() return self.emit('error', err) } if (!lboxes) lboxes = [] var changed = false var lkeys = Object.keys(lboxes) var step = 10 var active = {} for (var i = 0; i < lkeys.length; i+=step) (function (keys) { self._viewboxEnqueue(function (cb) { var values = keys.map(function (key) { return lboxes[key] }) boxIntersect(boxes, values, function (j, k) { var key = keys[k], bbox = values[k] active[key] = true if (tiles[key]) return tiles[key] = bbox layer.add(key, bbox) changed = true }) cb() }) })(lkeys.slice(i,i+step)) self._viewboxEnqueue(function (cb) { Object.keys(tiles).forEach(function (key) { if (tiles[key] && !active[key]) { layer.remove(key, tiles[key]) changed = true tiles[key] = null } }) if (changed) self.draw() if (--pending === 0) done() cb() }) }) })(self._layers[i],self._layerTiles[i]) } } Map.prototype.prop = function (name) { return this.regl.prop(name) } Map.prototype.createDraw = function (opts) { var self = this if (!opts) throw new Error('must provide layer information to add()') var drawOpts = Object.assign({ frag: ` precision highp float; void main () { gl_FragColor = vec4(1,0,0,1); } `, vert: ` precision highp float; attribute vec2 position; varying vec2 vpos; uniform vec4 viewbox; uniform vec2 offset; uniform float zindex, aspect; void main () { vec2 p = position + offset; vpos = position; gl_Position = vec4( (p.x - viewbox.x) / (viewbox.z - viewbox.x) * 2.0 - 1.0, ((p.y - viewbox.y) / (viewbox.w - viewbox.y) * 2.0 - 1.0) * aspect, 1.0/(2.0+zindex), 1); } `, }, opts, { uniforms: Object.assign({ viewbox: self.prop('viewbox'), zoom: self.prop('zoom'), aspect: function (context) { return context.viewportWidth / context.viewportHeight }, zindex: 0, offset: self.prop('offset') }, opts.uniforms) }) var draw = new Draw(drawOpts, { regl: self.regl, onremove: function () { var ix = self._draw.indexOf(draw) if (ix >= 0) self._draw.splice(ix,1) } }) self._draw.push(draw) self.draw() return draw } Map.prototype.addLayer = function (opts) { var self = this self._layers.push(opts) self._layerTiles.push({}) if (!self._layerIdle) { self._layerIdle = idlecb(function () { self._layerIdle = null self._onviewbox() }) } } Map.prototype.draw = function () { this.regl.poll() this.regl.clear({ color: this.backgroundColor, depth: true }) var x0 = Math.floor((this.viewbox[0]+180)/360)*360 var x1 = Math.floor((this.viewbox[2]+180)/360)*360 var props = [] var zoom = this.getZoom() for (var x = x0; x <= x1; x+= 360) { props.push({ viewbox: this.viewbox, zoom: zoom, offset: [x,0] }) } for (var i = 0; i < this._draw.length; i++) { this._draw[i].draw(props) } } Map.prototype._setMouse = function (ev) { var self = this var x = ev.offsetX var y = ev.offsetY var b = ev.buttons & 1 if (!self._mouse) { self._mouse = [0,0] } else if (b && self._size) { var aspect = self._size[0] / self._size[1] self.move( (self._mouse[0]-x)/self._size[0], (self._mouse[1]-y)/self._size[1]/aspect ) } self._mouse[0] = x self._mouse[1] = y } Map.prototype.move = function (dx,dy) { var self = this var w = self.viewbox[2] - self.viewbox[0] var h = self.viewbox[3] - self.viewbox[1] self.viewbox[0] += dx*w self.viewbox[1] -= dy*h self.viewbox[2] += dx*w self.viewbox[3] -= dy*h self.draw() self.emit('viewbox', self.viewbox) } Map.prototype.setViewbox = function (viewbox) { var self = this self.viewbox = viewbox self.emit('viewbox', self.viewbox) } Map.prototype._fixbbox = function () { if (this.viewbox[1] < -90) { this.viewbox[3] += -90 - this.viewbox[1] this.viewbox[1] = -90 } if (this.viewbox[3] > 90) { this.viewbox[1] += 90 - this.viewbox[3] this.viewbox[3] = 90 } } Map.prototype.render = function (props) { if (!props) props = {} var self = this var cstyle = ` width: ${props.width}px; height: ${props.height}px; ` if (!this._size) this._size = [0,0] this._size[0] = props.width this._size[1] = props.height this.draw() if (props.mouse === false) { this.element = html`
${this._rcom.render(props)}
` } else { this.element = html`
${this._rcom.render(props)}
` } onload(this.element, function () { self._load() }, function () { self._unload() }) return this.element function move (ev) { self._setMouse(ev) } } Map.prototype._load = function () { if (this._unloaded) { this._unloaded = false for (var i = 0; i < this._draw.length; i++) { this._draw[i].reload() } } this.draw() } Map.prototype._unload = function () { this._unloaded = true } Map.prototype.getZoom = function () { return bboxToZoom(this.viewbox) } Map.prototype.setZoom = function (n) { zoomToBbox(this.viewbox, Math.max(Math.min(n,21),1)) this.draw() this.emit('viewbox', this.viewbox) } },{"./bbox-to-zoom.js":56,"./draw.js":57,"./zoom-to-bbox.js":59,"bel":60,"box-intersect":62,"events":6,"on-load":79,"sheetify/insert":80}],59:[function(require,module,exports){ arguments[4][28][0].apply(exports,arguments) },{"dup":28}],60:[function(require,module,exports){ var hyperx = require('hyperx') var headRegex = /^\n[\s]+/ var tailRegex = /\n[\s]+$/ var SVGNS = 'http://www.w3.org/2000/svg' var XLINKNS = 'http://www.w3.org/1999/xlink' var BOOL_PROPS = { autofocus: 1, checked: 1, defaultchecked: 1, disabled: 1, formnovalidate: 1, indeterminate: 1, readonly: 1, required: 1, selected: 1, willvalidate: 1 } var COMMENT_TAG = '!--' var SVG_TAGS = [ 'svg', 'altGlyph', 'altGlyphDef', 'altGlyphItem', 'animate', 'animateColor', 'animateMotion', 'animateTransform', 'circle', 'clipPath', 'color-profile', 'cursor', 'defs', 'desc', 'ellipse', 'feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence', 'filter', 'font', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignObject', 'g', 'glyph', 'glyphRef', 'hkern', 'image', 'line', 'linearGradient', 'marker', 'mask', 'metadata', 'missing-glyph', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'set', 'stop', 'switch', 'symbol', 'text', 'textPath', 'title', 'tref', 'tspan', 'use', 'view', 'vkern' ] function belCreateElement (tag, props, children) { var el // If an svg tag, it needs a namespace if (SVG_TAGS.indexOf(tag) !== -1) { props.namespace = SVGNS } // If we are using a namespace var ns = false if (props.namespace) { ns = props.namespace delete props.namespace } // Create the element if (ns) { el = document.createElementNS(ns, tag) } else if (tag === COMMENT_TAG) { return document.createComment(props.comment) } else { el = document.createElement(tag) } // Create the properties for (var p in props) { if (props.hasOwnProperty(p)) { var key = p.toLowerCase() var val = props[p] // Normalize className if (key === 'classname') { key = 'class' p = 'class' } // The for attribute gets transformed to htmlFor, but we just set as for if (p === 'htmlFor') { p = 'for' } // If a property is boolean, set itself to the key if (BOOL_PROPS[key]) { if (val === 'true') val = key else if (val === 'false') continue } // If a property prefers being set directly vs setAttribute if (key.slice(0, 2) === 'on') { el[p] = val } else { if (ns) { if (p === 'xlink:href') { el.setAttributeNS(XLINKNS, p, val) } else if (/^xmlns($|:)/i.test(p)) { // skip xmlns definitions } else { el.setAttributeNS(null, p, val) } } else { el.setAttribute(p, val) } } } } function appendChild (childs) { if (!Array.isArray(childs)) return var hadText = false for (var i = 0, len = childs.length; i < len; i++) { var node = childs[i] if (Array.isArray(node)) { appendChild(node) continue } if (typeof node === 'number' || typeof node === 'boolean' || typeof node === 'function' || node instanceof Date || node instanceof RegExp) { node = node.toString() } var lastChild = el.childNodes[el.childNodes.length - 1] if (typeof node === 'string') { hadText = true if (lastChild && lastChild.nodeName === '#text') { lastChild.nodeValue += node } else { node = document.createTextNode(node) el.appendChild(node) lastChild = node } if (i === len - 1) { hadText = false var value = lastChild.nodeValue .replace(headRegex, '') .replace(tailRegex, '') if (value !== '') lastChild.nodeValue = value else el.removeChild(lastChild) } } else if (node && node.nodeType) { if (hadText) { hadText = false var val = lastChild.nodeValue .replace(headRegex, '') .replace(tailRegex, '') if (val !== '') lastChild.nodeValue = val else el.removeChild(lastChild) } el.appendChild(node) } } } appendChild(children) return el } module.exports = hyperx(belCreateElement, {comments: true}) module.exports.default = module.exports module.exports.createElement = belCreateElement },{"hyperx":74}],61:[function(require,module,exports){ /** * Bit twiddling hacks for JavaScript. * * Author: Mikola Lysenko * * Ported from Stanford bit twiddling hack library: * http://graphics.stanford.edu/~seander/bithacks.html */ "use strict"; "use restrict"; //Number of bits in an integer var INT_BITS = 32; //Constants exports.INT_BITS = INT_BITS; exports.INT_MAX = 0x7fffffff; exports.INT_MIN = -1<<(INT_BITS-1); //Returns -1, 0, +1 depending on sign of x exports.sign = function(v) { return (v > 0) - (v < 0); } //Computes absolute value of integer exports.abs = function(v) { var mask = v >> (INT_BITS-1); return (v ^ mask) - mask; } //Computes minimum of integers x and y exports.min = function(x, y) { return y ^ ((x ^ y) & -(x < y)); } //Computes maximum of integers x and y exports.max = function(x, y) { return x ^ ((x ^ y) & -(x < y)); } //Checks if a number is a power of two exports.isPow2 = function(v) { return !(v & (v-1)) && (!!v); } //Computes log base 2 of v exports.log2 = function(v) { var r, shift; r = (v > 0xFFFF) << 4; v >>>= r; shift = (v > 0xFF ) << 3; v >>>= shift; r |= shift; shift = (v > 0xF ) << 2; v >>>= shift; r |= shift; shift = (v > 0x3 ) << 1; v >>>= shift; r |= shift; return r | (v >> 1); } //Computes log base 10 of v exports.log10 = function(v) { return (v >= 1000000000) ? 9 : (v >= 100000000) ? 8 : (v >= 10000000) ? 7 : (v >= 1000000) ? 6 : (v >= 100000) ? 5 : (v >= 10000) ? 4 : (v >= 1000) ? 3 : (v >= 100) ? 2 : (v >= 10) ? 1 : 0; } //Counts number of bits exports.popCount = function(v) { v = v - ((v >>> 1) & 0x55555555); v = (v & 0x33333333) + ((v >>> 2) & 0x33333333); return ((v + (v >>> 4) & 0xF0F0F0F) * 0x1010101) >>> 24; } //Counts number of trailing zeros function countTrailingZeros(v) { var c = 32; v &= -v; if (v) c--; if (v & 0x0000FFFF) c -= 16; if (v & 0x00FF00FF) c -= 8; if (v & 0x0F0F0F0F) c -= 4; if (v & 0x33333333) c -= 2; if (v & 0x55555555) c -= 1; return c; } exports.countTrailingZeros = countTrailingZeros; //Rounds to next power of 2 exports.nextPow2 = function(v) { v += v === 0; --v; v |= v >>> 1; v |= v >>> 2; v |= v >>> 4; v |= v >>> 8; v |= v >>> 16; return v + 1; } //Rounds down to previous power of 2 exports.prevPow2 = function(v) { v |= v >>> 1; v |= v >>> 2; v |= v >>> 4; v |= v >>> 8; v |= v >>> 16; return v - (v>>>1); } //Computes parity of word exports.parity = function(v) { v ^= v >>> 16; v ^= v >>> 8; v ^= v >>> 4; v &= 0xf; return (0x6996 >>> v) & 1; } var REVERSE_TABLE = new Array(256); (function(tab) { for(var i=0; i<256; ++i) { var v = i, r = i, s = 7; for (v >>>= 1; v; v >>>= 1) { r <<= 1; r |= v & 1; --s; } tab[i] = (r << s) & 0xff; } })(REVERSE_TABLE); //Reverse bits in a 32 bit word exports.reverse = function(v) { return (REVERSE_TABLE[ v & 0xff] << 24) | (REVERSE_TABLE[(v >>> 8) & 0xff] << 16) | (REVERSE_TABLE[(v >>> 16) & 0xff] << 8) | REVERSE_TABLE[(v >>> 24) & 0xff]; } //Interleave bits of 2 coordinates with 16 bits. Useful for fast quadtree codes exports.interleave2 = function(x, y) { x &= 0xFFFF; x = (x | (x << 8)) & 0x00FF00FF; x = (x | (x << 4)) & 0x0F0F0F0F; x = (x | (x << 2)) & 0x33333333; x = (x | (x << 1)) & 0x55555555; y &= 0xFFFF; y = (y | (y << 8)) & 0x00FF00FF; y = (y | (y << 4)) & 0x0F0F0F0F; y = (y | (y << 2)) & 0x33333333; y = (y | (y << 1)) & 0x55555555; return x | (y << 1); } //Extracts the nth interleaved component exports.deinterleave2 = function(v, n) { v = (v >>> n) & 0x55555555; v = (v | (v >>> 1)) & 0x33333333; v = (v | (v >>> 2)) & 0x0F0F0F0F; v = (v | (v >>> 4)) & 0x00FF00FF; v = (v | (v >>> 16)) & 0x000FFFF; return (v << 16) >> 16; } //Interleave bits of 3 coordinates, each with 10 bits. Useful for fast octree codes exports.interleave3 = function(x, y, z) { x &= 0x3FF; x = (x | (x<<16)) & 4278190335; x = (x | (x<<8)) & 251719695; x = (x | (x<<4)) & 3272356035; x = (x | (x<<2)) & 1227133513; y &= 0x3FF; y = (y | (y<<16)) & 4278190335; y = (y | (y<<8)) & 251719695; y = (y | (y<<4)) & 3272356035; y = (y | (y<<2)) & 1227133513; x |= (y << 1); z &= 0x3FF; z = (z | (z<<16)) & 4278190335; z = (z | (z<<8)) & 251719695; z = (z | (z<<4)) & 3272356035; z = (z | (z<<2)) & 1227133513; return x | (z << 2); } //Extracts nth interleaved component of a 3-tuple exports.deinterleave3 = function(v, n) { v = (v >>> n) & 1227133513; v = (v | (v>>>2)) & 3272356035; v = (v | (v>>>4)) & 251719695; v = (v | (v>>>8)) & 4278190335; v = (v | (v>>>16)) & 0x3FF; return (v<<22)>>22; } //Computes next combination in colexicographic order (this is mistakenly called nextPermutation on the bit twiddling hacks page) exports.nextCombination = function(v) { var t = v | (v - 1); return (t + 1) | (((~t & -~t) - 1) >>> (countTrailingZeros(v) + 1)); } },{}],62:[function(require,module,exports){ 'use strict' module.exports = boxIntersectWrapper var pool = require('typedarray-pool') var sweep = require('./lib/sweep') var boxIntersectIter = require('./lib/intersect') function boxEmpty(d, box) { for(var j=0; j>>1 if(d <= 0) { return } var retval //Convert red boxes var redList = pool.mallocDouble(2*d*n) var redIds = pool.mallocInt32(n) n = convertBoxes(red, d, redList, redIds) if(n > 0) { if(d === 1 && full) { //Special case: 1d complete sweep.init(n) retval = sweep.sweepComplete( d, visit, 0, n, redList, redIds, 0, n, redList, redIds) } else { //Convert blue boxes var blueList = pool.mallocDouble(2*d*m) var blueIds = pool.mallocInt32(m) m = convertBoxes(blue, d, blueList, blueIds) if(m > 0) { sweep.init(n+m) if(d === 1) { //Special case: 1d bipartite retval = sweep.sweepBipartite( d, visit, 0, n, redList, redIds, 0, m, blueList, blueIds) } else { //General case: d>1 retval = boxIntersectIter( d, visit, full, n, redList, redIds, m, blueList, blueIds) } pool.free(blueList) pool.free(blueIds) } } pool.free(redList) pool.free(redIds) } return retval } var RESULT function appendItem(i,j) { RESULT.push([i,j]) } function intersectFullArray(x) { RESULT = [] boxIntersect(x, x, appendItem, true) return RESULT } function intersectBipartiteArray(x, y) { RESULT = [] boxIntersect(x, y, appendItem, false) return RESULT } //User-friendly wrapper, handle full input and no-visitor cases function boxIntersectWrapper(arg0, arg1, arg2) { var result switch(arguments.length) { case 1: return intersectFullArray(arg0) case 2: if(typeof arg1 === 'function') { return boxIntersect(arg0, arg0, arg1, true) } else { return intersectBipartiteArray(arg0, arg1) } case 3: return boxIntersect(arg0, arg1, arg2, false) default: throw new Error('box-intersect: Invalid arguments') } } },{"./lib/intersect":64,"./lib/sweep":68,"typedarray-pool":81}],63:[function(require,module,exports){ 'use strict' var DIMENSION = 'd' var AXIS = 'ax' var VISIT = 'vv' var FLIP = 'fp' var ELEM_SIZE = 'es' var RED_START = 'rs' var RED_END = 're' var RED_BOXES = 'rb' var RED_INDEX = 'ri' var RED_PTR = 'rp' var BLUE_START = 'bs' var BLUE_END = 'be' var BLUE_BOXES = 'bb' var BLUE_INDEX = 'bi' var BLUE_PTR = 'bp' var RETVAL = 'rv' var INNER_LABEL = 'Q' var ARGS = [ DIMENSION, AXIS, VISIT, RED_START, RED_END, RED_BOXES, RED_INDEX, BLUE_START, BLUE_END, BLUE_BOXES, BLUE_INDEX ] function generateBruteForce(redMajor, flip, full) { var funcName = 'bruteForce' + (redMajor ? 'Red' : 'Blue') + (flip ? 'Flip' : '') + (full ? 'Full' : '') var code = ['function ', funcName, '(', ARGS.join(), '){', 'var ', ELEM_SIZE, '=2*', DIMENSION, ';'] var redLoop = 'for(var i=' + RED_START + ',' + RED_PTR + '=' + ELEM_SIZE + '*' + RED_START + ';' + 'i<' + RED_END +';' + '++i,' + RED_PTR + '+=' + ELEM_SIZE + '){' + 'var x0=' + RED_BOXES + '[' + AXIS + '+' + RED_PTR + '],' + 'x1=' + RED_BOXES + '[' + AXIS + '+' + RED_PTR + '+' + DIMENSION + '],' + 'xi=' + RED_INDEX + '[i];' var blueLoop = 'for(var j=' + BLUE_START + ',' + BLUE_PTR + '=' + ELEM_SIZE + '*' + BLUE_START + ';' + 'j<' + BLUE_END + ';' + '++j,' + BLUE_PTR + '+=' + ELEM_SIZE + '){' + 'var y0=' + BLUE_BOXES + '[' + AXIS + '+' + BLUE_PTR + '],' + (full ? 'y1=' + BLUE_BOXES + '[' + AXIS + '+' + BLUE_PTR + '+' + DIMENSION + '],' : '') + 'yi=' + BLUE_INDEX + '[j];' if(redMajor) { code.push(redLoop, INNER_LABEL, ':', blueLoop) } else { code.push(blueLoop, INNER_LABEL, ':', redLoop) } if(full) { code.push('if(y1' + BLUE_END + '-' + BLUE_START + '){') if(full) { invoke(true, false) code.push('}else{') invoke(false, false) } else { code.push('if(' + FLIP + '){') invoke(true, true) code.push('}else{') invoke(true, false) code.push('}}else{if(' + FLIP + '){') invoke(false, true) code.push('}else{') invoke(false, false) code.push('}') } code.push('}}return ' + funcName) var codeStr = prefix.join('') + code.join('') var proc = new Function(codeStr) return proc() } exports.partial = bruteForcePlanner(false) exports.full = bruteForcePlanner(true) },{}],64:[function(require,module,exports){ 'use strict' module.exports = boxIntersectIter var pool = require('typedarray-pool') var bits = require('bit-twiddle') var bruteForce = require('./brute') var bruteForcePartial = bruteForce.partial var bruteForceFull = bruteForce.full var sweep = require('./sweep') var findMedian = require('./median') var genPartition = require('./partition') //Twiddle parameters var BRUTE_FORCE_CUTOFF = 128 //Cut off for brute force search var SCAN_CUTOFF = (1<<22) //Cut off for two way scan var SCAN_COMPLETE_CUTOFF = (1<<22) //Partition functions var partitionInteriorContainsInterval = genPartition( '!(lo>=p0)&&!(p1>=hi)', ['p0', 'p1']) var partitionStartEqual = genPartition( 'lo===p0', ['p0']) var partitionStartLessThan = genPartition( 'lo 0) { top -= 1 var iptr = top * IFRAME_SIZE var axis = BOX_ISTACK[iptr] var redStart = BOX_ISTACK[iptr+1] var redEnd = BOX_ISTACK[iptr+2] var blueStart = BOX_ISTACK[iptr+3] var blueEnd = BOX_ISTACK[iptr+4] var state = BOX_ISTACK[iptr+5] var dptr = top * DFRAME_SIZE var lo = BOX_DSTACK[dptr] var hi = BOX_DSTACK[dptr+1] //Unpack state info var flip = (state & 1) var full = !!(state & 16) //Unpack indices var red = xBoxes var redIndex = xIndex var blue = yBoxes var blueIndex = yIndex if(flip) { red = yBoxes redIndex = yIndex blue = xBoxes blueIndex = xIndex } if(state & 2) { redEnd = partitionStartLessThan( d, axis, redStart, redEnd, red, redIndex, hi) if(redStart >= redEnd) { continue } } if(state & 4) { redStart = partitionEndLessThanEqual( d, axis, redStart, redEnd, red, redIndex, lo) if(redStart >= redEnd) { continue } } var redCount = redEnd - redStart var blueCount = blueEnd - blueStart if(full) { if(d * redCount * (redCount + blueCount) < SCAN_COMPLETE_CUTOFF) { retval = sweep.scanComplete( d, axis, visit, redStart, redEnd, red, redIndex, blueStart, blueEnd, blue, blueIndex) if(retval !== void 0) { return retval } continue } } else { if(d * Math.min(redCount, blueCount) < BRUTE_FORCE_CUTOFF) { //If input small, then use brute force retval = bruteForcePartial( d, axis, visit, flip, redStart, redEnd, red, redIndex, blueStart, blueEnd, blue, blueIndex) if(retval !== void 0) { return retval } continue } else if(d * redCount * blueCount < SCAN_CUTOFF) { //If input medium sized, then use sweep and prune retval = sweep.scanBipartite( d, axis, visit, flip, redStart, redEnd, red, redIndex, blueStart, blueEnd, blue, blueIndex) if(retval !== void 0) { return retval } continue } } //First, find all red intervals whose interior contains (lo,hi) var red0 = partitionInteriorContainsInterval( d, axis, redStart, redEnd, red, redIndex, lo, hi) //Lower dimensional case if(redStart < red0) { if(d * (red0 - redStart) < BRUTE_FORCE_CUTOFF) { //Special case for small inputs: use brute force retval = bruteForceFull( d, axis+1, visit, redStart, red0, red, redIndex, blueStart, blueEnd, blue, blueIndex) if(retval !== void 0) { return retval } } else if(axis === d-2) { if(flip) { retval = sweep.sweepBipartite( d, visit, blueStart, blueEnd, blue, blueIndex, redStart, red0, red, redIndex) } else { retval = sweep.sweepBipartite( d, visit, redStart, red0, red, redIndex, blueStart, blueEnd, blue, blueIndex) } if(retval !== void 0) { return retval } } else { iterPush(top++, axis+1, redStart, red0, blueStart, blueEnd, flip, -Infinity, Infinity) iterPush(top++, axis+1, blueStart, blueEnd, redStart, red0, flip^1, -Infinity, Infinity) } } //Divide and conquer phase if(red0 < redEnd) { //Cut blue into 3 parts: // // Points < mid point // Points = mid point // Points > mid point // var blue0 = findMedian( d, axis, blueStart, blueEnd, blue, blueIndex) var mid = blue[elemSize * blue0 + axis] var blue1 = partitionStartEqual( d, axis, blue0, blueEnd, blue, blueIndex, mid) //Right case if(blue1 < blueEnd) { iterPush(top++, axis, red0, redEnd, blue1, blueEnd, (flip|4) + (full ? 16 : 0), mid, hi) } //Left case if(blueStart < blue0) { iterPush(top++, axis, red0, redEnd, blueStart, blue0, (flip|2) + (full ? 16 : 0), lo, mid) } //Center case (the hard part) if(blue0 + 1 === blue1) { //Optimization: Range with exactly 1 point, use a brute force scan if(full) { retval = onePointFull( d, axis, visit, red0, redEnd, red, redIndex, blue0, blue, blueIndex[blue0]) } else { retval = onePointPartial( d, axis, visit, flip, red0, redEnd, red, redIndex, blue0, blue, blueIndex[blue0]) } if(retval !== void 0) { return retval } } else if(blue0 < blue1) { var red1 if(full) { //If full intersection, need to handle special case red1 = partitionContainsPoint( d, axis, red0, redEnd, red, redIndex, mid) if(red0 < red1) { var redX = partitionStartEqual( d, axis, red0, red1, red, redIndex, mid) if(axis === d-2) { //Degenerate sweep intersection: // [red0, redX] with [blue0, blue1] if(red0 < redX) { retval = sweep.sweepComplete( d, visit, red0, redX, red, redIndex, blue0, blue1, blue, blueIndex) if(retval !== void 0) { return retval } } //Normal sweep intersection: // [redX, red1] with [blue0, blue1] if(redX < red1) { retval = sweep.sweepBipartite( d, visit, redX, red1, red, redIndex, blue0, blue1, blue, blueIndex) if(retval !== void 0) { return retval } } } else { if(red0 < redX) { iterPush(top++, axis+1, red0, redX, blue0, blue1, 16, -Infinity, Infinity) } if(redX < red1) { iterPush(top++, axis+1, redX, red1, blue0, blue1, 0, -Infinity, Infinity) iterPush(top++, axis+1, blue0, blue1, redX, red1, 1, -Infinity, Infinity) } } } } else { if(flip) { red1 = partitionContainsPointProper( d, axis, red0, redEnd, red, redIndex, mid) } else { red1 = partitionContainsPoint( d, axis, red0, redEnd, red, redIndex, mid) } if(red0 < red1) { if(axis === d-2) { if(flip) { retval = sweep.sweepBipartite( d, visit, blue0, blue1, blue, blueIndex, red0, red1, red, redIndex) } else { retval = sweep.sweepBipartite( d, visit, red0, red1, red, redIndex, blue0, blue1, blue, blueIndex) } } else { iterPush(top++, axis+1, red0, red1, blue0, blue1, flip, -Infinity, Infinity) iterPush(top++, axis+1, blue0, blue1, red0, red1, flip^1, -Infinity, Infinity) } } } } } } } },{"./brute":63,"./median":65,"./partition":66,"./sweep":68,"bit-twiddle":61,"typedarray-pool":81}],65:[function(require,module,exports){ 'use strict' module.exports = findMedian var genPartition = require('./partition') var partitionStartLessThan = genPartition('lostart && boxes[ptr+axis] > x; --j, ptr-=elemSize) { //Swap var aPtr = ptr var bPtr = ptr+elemSize for(var k=0; k>> 1) var elemSize = 2*d var pivot = mid var value = boxes[elemSize*mid+axis] while(lo < hi) { if(hi - lo < PARTITION_THRESHOLD) { insertionSort(d, axis, lo, hi, boxes, ids) value = boxes[elemSize*mid+axis] break } //Select pivot using median-of-3 var count = hi - lo var pivot0 = (Math.random()*count+lo)|0 var value0 = boxes[elemSize*pivot0 + axis] var pivot1 = (Math.random()*count+lo)|0 var value1 = boxes[elemSize*pivot1 + axis] var pivot2 = (Math.random()*count+lo)|0 var value2 = boxes[elemSize*pivot2 + axis] if(value0 <= value1) { if(value2 >= value1) { pivot = pivot1 value = value1 } else if(value0 >= value2) { pivot = pivot0 value = value0 } else { pivot = pivot2 value = value2 } } else { if(value1 >= value2) { pivot = pivot1 value = value1 } else if(value2 >= value0) { pivot = pivot0 value = value0 } else { pivot = pivot2 value = value2 } } //Swap pivot to end of array var aPtr = elemSize * (hi-1) var bPtr = elemSize * pivot for(var i=0; i= 0) { reads.push('lo=e[k+n]') } if(predicate.indexOf('hi') >= 0) { reads.push('hi=e[k+o]') } fargs.push( code.replace('_', reads.join()) .replace('$', predicate)) return Function.apply(void 0, fargs) } },{}],67:[function(require,module,exports){ 'use strict'; //This code is extracted from ndarray-sort //It is inlined here as a temporary workaround module.exports = wrapper; var INSERT_SORT_CUTOFF = 32 function wrapper(data, n0) { if (n0 <= 4*INSERT_SORT_CUTOFF) { insertionSort(0, n0 - 1, data); } else { quickSort(0, n0 - 1, data); } } function insertionSort(left, right, data) { var ptr = 2*(left+1) for(var i=left+1; i<=right; ++i) { var a = data[ptr++] var b = data[ptr++] var j = i var jptr = ptr-2 while(j-- > left) { var x = data[jptr-2] var y = data[jptr-1] if(x < a) { break } else if(x === a && y < b) { break } data[jptr] = x data[jptr+1] = y jptr -= 2 } data[jptr] = a data[jptr+1] = b } } function swap(i, j, data) { i *= 2 j *= 2 var x = data[i] var y = data[i+1] data[i] = data[j] data[i+1] = data[j+1] data[j] = x data[j+1] = y } function move(i, j, data) { i *= 2 j *= 2 data[i] = data[j] data[i+1] = data[j+1] } function rotate(i, j, k, data) { i *= 2 j *= 2 k *= 2 var x = data[i] var y = data[i+1] data[i] = data[j] data[i+1] = data[j+1] data[j] = data[k] data[j+1] = data[k+1] data[k] = x data[k+1] = y } function shufflePivot(i, j, px, py, data) { i *= 2 j *= 2 data[i] = data[j] data[j] = px data[i+1] = data[j+1] data[j+1] = py } function compare(i, j, data) { i *= 2 j *= 2 var x = data[i], y = data[j] if(x < y) { return false } else if(x === y) { return data[i+1] > data[j+1] } return true } function comparePivot(i, y, b, data) { i *= 2 var x = data[i] if(x < y) { return true } else if(x === y) { return data[i+1] < b } return false } function quickSort(left, right, data) { var sixth = (right - left + 1) / 6 | 0, index1 = left + sixth, index5 = right - sixth, index3 = left + right >> 1, index2 = index3 - sixth, index4 = index3 + sixth, el1 = index1, el2 = index2, el3 = index3, el4 = index4, el5 = index5, less = left + 1, great = right - 1, tmp = 0 if(compare(el1, el2, data)) { tmp = el1 el1 = el2 el2 = tmp } if(compare(el4, el5, data)) { tmp = el4 el4 = el5 el5 = tmp } if(compare(el1, el3, data)) { tmp = el1 el1 = el3 el3 = tmp } if(compare(el2, el3, data)) { tmp = el2 el2 = el3 el3 = tmp } if(compare(el1, el4, data)) { tmp = el1 el1 = el4 el4 = tmp } if(compare(el3, el4, data)) { tmp = el3 el3 = el4 el4 = tmp } if(compare(el2, el5, data)) { tmp = el2 el2 = el5 el5 = tmp } if(compare(el2, el3, data)) { tmp = el2 el2 = el3 el3 = tmp } if(compare(el4, el5, data)) { tmp = el4 el4 = el5 el5 = tmp } var pivot1X = data[2*el2] var pivot1Y = data[2*el2+1] var pivot2X = data[2*el4] var pivot2Y = data[2*el4+1] var ptr0 = 2 * el1; var ptr2 = 2 * el3; var ptr4 = 2 * el5; var ptr5 = 2 * index1; var ptr6 = 2 * index3; var ptr7 = 2 * index5; for (var i1 = 0; i1 < 2; ++i1) { var x = data[ptr0+i1]; var y = data[ptr2+i1]; var z = data[ptr4+i1]; data[ptr5+i1] = x; data[ptr6+i1] = y; data[ptr7+i1] = z; } move(index2, left, data) move(index4, right, data) for (var k = less; k <= great; ++k) { if (comparePivot(k, pivot1X, pivot1Y, data)) { if (k !== less) { swap(k, less, data) } ++less; } else { if (!comparePivot(k, pivot2X, pivot2Y, data)) { while (true) { if (!comparePivot(great, pivot2X, pivot2Y, data)) { if (--great < k) { break; } continue; } else { if (comparePivot(great, pivot1X, pivot1Y, data)) { rotate(k, less, great, data) ++less; --great; } else { swap(k, great, data) --great; } break; } } } } } shufflePivot(left, less-1, pivot1X, pivot1Y, data) shufflePivot(right, great+1, pivot2X, pivot2Y, data) if (less - 2 - left <= INSERT_SORT_CUTOFF) { insertionSort(left, less - 2, data); } else { quickSort(left, less - 2, data); } if (right - (great + 2) <= INSERT_SORT_CUTOFF) { insertionSort(great + 2, right, data); } else { quickSort(great + 2, right, data); } if (great - less <= INSERT_SORT_CUTOFF) { insertionSort(less, great, data); } else { quickSort(less, great, data); } } },{}],68:[function(require,module,exports){ 'use strict' module.exports = { init: sqInit, sweepBipartite: sweepBipartite, sweepComplete: sweepComplete, scanBipartite: scanBipartite, scanComplete: scanComplete } var pool = require('typedarray-pool') var bits = require('bit-twiddle') var isort = require('./sort') //Flag for blue var BLUE_FLAG = (1<<28) //1D sweep event queue stuff (use pool to save space) var INIT_CAPACITY = 1024 var RED_SWEEP_QUEUE = pool.mallocInt32(INIT_CAPACITY) var RED_SWEEP_INDEX = pool.mallocInt32(INIT_CAPACITY) var BLUE_SWEEP_QUEUE = pool.mallocInt32(INIT_CAPACITY) var BLUE_SWEEP_INDEX = pool.mallocInt32(INIT_CAPACITY) var COMMON_SWEEP_QUEUE = pool.mallocInt32(INIT_CAPACITY) var COMMON_SWEEP_INDEX = pool.mallocInt32(INIT_CAPACITY) var SWEEP_EVENTS = pool.mallocDouble(INIT_CAPACITY * 8) //Reserves memory for the 1D sweep data structures function sqInit(count) { var rcount = bits.nextPow2(count) if(RED_SWEEP_QUEUE.length < rcount) { pool.free(RED_SWEEP_QUEUE) RED_SWEEP_QUEUE = pool.mallocInt32(rcount) } if(RED_SWEEP_INDEX.length < rcount) { pool.free(RED_SWEEP_INDEX) RED_SWEEP_INDEX = pool.mallocInt32(rcount) } if(BLUE_SWEEP_QUEUE.length < rcount) { pool.free(BLUE_SWEEP_QUEUE) BLUE_SWEEP_QUEUE = pool.mallocInt32(rcount) } if(BLUE_SWEEP_INDEX.length < rcount) { pool.free(BLUE_SWEEP_INDEX) BLUE_SWEEP_INDEX = pool.mallocInt32(rcount) } if(COMMON_SWEEP_QUEUE.length < rcount) { pool.free(COMMON_SWEEP_QUEUE) COMMON_SWEEP_QUEUE = pool.mallocInt32(rcount) } if(COMMON_SWEEP_INDEX.length < rcount) { pool.free(COMMON_SWEEP_INDEX) COMMON_SWEEP_INDEX = pool.mallocInt32(rcount) } var eventLength = 8 * rcount if(SWEEP_EVENTS.length < eventLength) { pool.free(SWEEP_EVENTS) SWEEP_EVENTS = pool.mallocDouble(eventLength) } } //Remove an item from the active queue in O(1) function sqPop(queue, index, count, item) { var idx = index[item] var top = queue[count-1] queue[idx] = top index[top] = idx } //Insert an item into the active queue in O(1) function sqPush(queue, index, count, item) { queue[count] = item index[item] = count } //Recursion base case: use 1D sweep algorithm function sweepBipartite( d, visit, redStart, redEnd, red, redIndex, blueStart, blueEnd, blue, blueIndex) { //store events as pairs [coordinate, idx] // // red create: -(idx+1) // red destroy: idx // blue create: -(idx+BLUE_FLAG) // blue destroy: idx+BLUE_FLAG // var ptr = 0 var elemSize = 2*d var istart = d-1 var iend = elemSize-1 for(var i=redStart; iright var n = ptr >>> 1 isort(SWEEP_EVENTS, n) var redActive = 0 var blueActive = 0 for(var i=0; i= BLUE_FLAG) { //blue destroy event e = (e-BLUE_FLAG)|0 sqPop(BLUE_SWEEP_QUEUE, BLUE_SWEEP_INDEX, blueActive--, e) } else if(e >= 0) { //red destroy event sqPop(RED_SWEEP_QUEUE, RED_SWEEP_INDEX, redActive--, e) } else if(e <= -BLUE_FLAG) { //blue create event e = (-e-BLUE_FLAG)|0 for(var j=0; jright var n = ptr >>> 1 isort(SWEEP_EVENTS, n) var redActive = 0 var blueActive = 0 var commonActive = 0 for(var i=0; i>1) === (SWEEP_EVENTS[2*i+3]>>1)) { color = 2 i += 1 } if(e < 0) { //Create event var id = -(e>>1) - 1 //Intersect with common for(var j=0; j>1) - 1 if(color === 0) { //Red sqPop(RED_SWEEP_QUEUE, RED_SWEEP_INDEX, redActive--, id) } else if(color === 1) { //Blue sqPop(BLUE_SWEEP_QUEUE, BLUE_SWEEP_INDEX, blueActive--, id) } else if(color === 2) { //Both sqPop(COMMON_SWEEP_QUEUE, COMMON_SWEEP_INDEX, commonActive--, id) } } } } //Sweep and prune/scanline algorithm: // Scan along axis, detect intersections // Brute force all boxes along axis function scanBipartite( d, axis, visit, flip, redStart, redEnd, red, redIndex, blueStart, blueEnd, blue, blueIndex) { var ptr = 0 var elemSize = 2*d var istart = axis var iend = axis+d var redShift = 1 var blueShift = 1 if(flip) { blueShift = BLUE_FLAG } else { redShift = BLUE_FLAG } for(var i=redStart; iright var n = ptr >>> 1 isort(SWEEP_EVENTS, n) var redActive = 0 for(var i=0; i= BLUE_FLAG) { isRed = !flip idx -= BLUE_FLAG } else { isRed = !!flip idx -= 1 } if(isRed) { sqPush(RED_SWEEP_QUEUE, RED_SWEEP_INDEX, redActive++, idx) } else { var blueId = blueIndex[idx] var bluePtr = elemSize * idx var b0 = blue[bluePtr+axis+1] var b1 = blue[bluePtr+axis+1+d] red_loop: for(var j=0; jright var n = ptr >>> 1 isort(SWEEP_EVENTS, n) var redActive = 0 for(var i=0; i= BLUE_FLAG) { RED_SWEEP_QUEUE[redActive++] = idx - BLUE_FLAG } else { idx -= 1 var blueId = blueIndex[idx] var bluePtr = elemSize * idx var b0 = blue[bluePtr+axis+1] var b1 = blue[bluePtr+axis+1+d] red_loop: for(var j=0; j=0; --j) { if(RED_SWEEP_QUEUE[j] === idx) { for(var k=j+1; k 0) { return dupe_number(count|0, value) } break case "object": if(typeof (count.length) === "number") { return dupe_array(count, value, 0) } break } return [] } module.exports = dupe },{}],71:[function(require,module,exports){ (function (global){ var topLevel = typeof global !== 'undefined' ? global : typeof window !== 'undefined' ? window : {} var minDoc = require('min-document'); var doccy; if (typeof document !== 'undefined') { doccy = document; } else { doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4']; if (!doccy) { doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'] = minDoc; } } module.exports = doccy; }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}) },{"min-document":4}],72:[function(require,module,exports){ arguments[4][17][0].apply(exports,arguments) },{"dup":17}],73:[function(require,module,exports){ arguments[4][35][0].apply(exports,arguments) },{"dup":35}],74:[function(require,module,exports){ arguments[4][36][0].apply(exports,arguments) },{"dup":36,"hyperscript-attribute-to-property":73}],75:[function(require,module,exports){ var containers = []; // will store container HTMLElement references var styleElements = []; // will store {prepend: HTMLElement, append: HTMLElement} var usage = 'insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).'; function insertCss(css, options) { options = options || {}; if (css === undefined) { throw new Error(usage); } var position = options.prepend === true ? 'prepend' : 'append'; var container = options.container !== undefined ? options.container : document.querySelector('head'); var containerId = containers.indexOf(container); // first time we see this container, create the necessary entries if (containerId === -1) { containerId = containers.push(container) - 1; styleElements[containerId] = {}; } // try to get the correponding container + position styleElement, create it otherwise var styleElement; if (styleElements[containerId] !== undefined && styleElements[containerId][position] !== undefined) { styleElement = styleElements[containerId][position]; } else { styleElement = styleElements[containerId][position] = createStyleElement(); if (position === 'prepend') { container.insertBefore(styleElement, container.childNodes[0]); } else { container.appendChild(styleElement); } } // strip potential UTF-8 BOM if css was read from a file if (css.charCodeAt(0) === 0xFEFF) { css = css.substr(1, css.length); } // actually add the stylesheet if (styleElement.styleSheet) { styleElement.styleSheet.cssText += css } else { styleElement.textContent += css; } return styleElement; }; function createStyleElement() { var styleElement = document.createElement('style'); styleElement.setAttribute('type', 'text/css'); return styleElement; } module.exports = insertCss; module.exports.insertCss = insertCss; },{}],76:[function(require,module,exports){ arguments[4][40][0].apply(exports,arguments) },{"./lib/morph":78,"assert":2,"dup":40}],77:[function(require,module,exports){ arguments[4][41][0].apply(exports,arguments) },{"dup":41}],78:[function(require,module,exports){ arguments[4][42][0].apply(exports,arguments) },{"./events":77,"dup":42}],79:[function(require,module,exports){ /* global MutationObserver */ var document = require('global/document') var window = require('global/window') var watch = Object.create(null) var KEY_ID = 'onloadid' + (new Date() % 9e6).toString(36) var KEY_ATTR = 'data-' + KEY_ID var INDEX = 0 if (window && window.MutationObserver) { var observer = new MutationObserver(function (mutations) { if (Object.keys(watch).length < 1) return for (var i = 0; i < mutations.length; i++) { if (mutations[i].attributeName === KEY_ATTR) { eachAttr(mutations[i], turnon, turnoff) continue } eachMutation(mutations[i].removedNodes, turnoff) eachMutation(mutations[i].addedNodes, turnon) } }) observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeOldValue: true, attributeFilter: [KEY_ATTR] }) } module.exports = function onload (el, on, off, caller) { on = on || function () {} off = off || function () {} el.setAttribute(KEY_ATTR, 'o' + INDEX) watch['o' + INDEX] = [on, off, 0, caller || onload.caller] INDEX += 1 return el } function turnon (index, el) { if (watch[index][0] && watch[index][2] === 0) { watch[index][0](el) watch[index][2] = 1 } } function turnoff (index, el) { if (watch[index][1] && watch[index][2] === 1) { watch[index][1](el) watch[index][2] = 0 } } function eachAttr (mutation, on, off) { var newValue = mutation.target.getAttribute(KEY_ATTR) if (sameOrigin(mutation.oldValue, newValue)) { watch[newValue] = watch[mutation.oldValue] return } if (watch[mutation.oldValue]) { off(mutation.oldValue, mutation.target) } if (watch[newValue]) { on(newValue, mutation.target) } } function sameOrigin (oldValue, newValue) { if (!oldValue || !newValue) return false return watch[oldValue][3] === watch[newValue][3] } function eachMutation (nodes, fn) { var keys = Object.keys(watch) for (var i = 0; i < nodes.length; i++) { if (nodes[i] && nodes[i].getAttribute && nodes[i].getAttribute(KEY_ATTR)) { var onloadid = nodes[i].getAttribute(KEY_ATTR) keys.forEach(function (k) { if (onloadid === k) { fn(k, nodes[i]) } }) } if (nodes[i].childNodes.length > 0) { eachMutation(nodes[i].childNodes, fn) } } } },{"global/document":71,"global/window":72}],80:[function(require,module,exports){ module.exports = require('insert-css') },{"insert-css":75}],81:[function(require,module,exports){ (function (global,Buffer){ 'use strict' var bits = require('bit-twiddle') var dup = require('dup') //Legacy pool support if(!global.__TYPEDARRAY_POOL) { global.__TYPEDARRAY_POOL = { UINT8 : dup([32, 0]) , UINT16 : dup([32, 0]) , UINT32 : dup([32, 0]) , INT8 : dup([32, 0]) , INT16 : dup([32, 0]) , INT32 : dup([32, 0]) , FLOAT : dup([32, 0]) , DOUBLE : dup([32, 0]) , DATA : dup([32, 0]) , UINT8C : dup([32, 0]) , BUFFER : dup([32, 0]) } } var hasUint8C = (typeof Uint8ClampedArray) !== 'undefined' var POOL = global.__TYPEDARRAY_POOL //Upgrade pool if(!POOL.UINT8C) { POOL.UINT8C = dup([32, 0]) } if(!POOL.BUFFER) { POOL.BUFFER = dup([32, 0]) } //New technique: Only allocate from ArrayBufferView and Buffer var DATA = POOL.DATA , BUFFER = POOL.BUFFER exports.free = function free(array) { if(Buffer.isBuffer(array)) { BUFFER[bits.log2(array.length)].push(array) } else { if(Object.prototype.toString.call(array) !== '[object ArrayBuffer]') { array = array.buffer } if(!array) { return } var n = array.length || array.byteLength var log_n = bits.log2(n)|0 DATA[log_n].push(array) } } function freeArrayBuffer(buffer) { if(!buffer) { return } var n = buffer.length || buffer.byteLength var log_n = bits.log2(n) DATA[log_n].push(buffer) } function freeTypedArray(array) { freeArrayBuffer(array.buffer) } exports.freeUint8 = exports.freeUint16 = exports.freeUint32 = exports.freeInt8 = exports.freeInt16 = exports.freeInt32 = exports.freeFloat32 = exports.freeFloat = exports.freeFloat64 = exports.freeDouble = exports.freeUint8Clamped = exports.freeDataView = freeTypedArray exports.freeArrayBuffer = freeArrayBuffer exports.freeBuffer = function freeBuffer(array) { BUFFER[bits.log2(array.length)].push(array) } exports.malloc = function malloc(n, dtype) { if(dtype === undefined || dtype === 'arraybuffer') { return mallocArrayBuffer(n) } else { switch(dtype) { case 'uint8': return mallocUint8(n) case 'uint16': return mallocUint16(n) case 'uint32': return mallocUint32(n) case 'int8': return mallocInt8(n) case 'int16': return mallocInt16(n) case 'int32': return mallocInt32(n) case 'float': case 'float32': return mallocFloat(n) case 'double': case 'float64': return mallocDouble(n) case 'uint8_clamped': return mallocUint8Clamped(n) case 'buffer': return mallocBuffer(n) case 'data': case 'dataview': return mallocDataView(n) default: return null } } return null } function mallocArrayBuffer(n) { var n = bits.nextPow2(n) var log_n = bits.log2(n) var d = DATA[log_n] if(d.length > 0) { return d.pop() } return new ArrayBuffer(n) } exports.mallocArrayBuffer = mallocArrayBuffer function mallocUint8(n) { return new Uint8Array(mallocArrayBuffer(n), 0, n) } exports.mallocUint8 = mallocUint8 function mallocUint16(n) { return new Uint16Array(mallocArrayBuffer(2*n), 0, n) } exports.mallocUint16 = mallocUint16 function mallocUint32(n) { return new Uint32Array(mallocArrayBuffer(4*n), 0, n) } exports.mallocUint32 = mallocUint32 function mallocInt8(n) { return new Int8Array(mallocArrayBuffer(n), 0, n) } exports.mallocInt8 = mallocInt8 function mallocInt16(n) { return new Int16Array(mallocArrayBuffer(2*n), 0, n) } exports.mallocInt16 = mallocInt16 function mallocInt32(n) { return new Int32Array(mallocArrayBuffer(4*n), 0, n) } exports.mallocInt32 = mallocInt32 function mallocFloat(n) { return new Float32Array(mallocArrayBuffer(4*n), 0, n) } exports.mallocFloat32 = exports.mallocFloat = mallocFloat function mallocDouble(n) { return new Float64Array(mallocArrayBuffer(8*n), 0, n) } exports.mallocFloat64 = exports.mallocDouble = mallocDouble function mallocUint8Clamped(n) { if(hasUint8C) { return new Uint8ClampedArray(mallocArrayBuffer(n), 0, n) } else { return mallocUint8(n) } } exports.mallocUint8Clamped = mallocUint8Clamped function mallocDataView(n) { return new DataView(mallocArrayBuffer(n), 0, n) } exports.mallocDataView = mallocDataView function mallocBuffer(n) { n = bits.nextPow2(n) var log_n = bits.log2(n) var cache = BUFFER[log_n] if(cache.length > 0) { return cache.pop() } return new Buffer(n) } exports.mallocBuffer = mallocBuffer exports.clearCache = function clearCache() { for(var i=0; i<32; ++i) { POOL.UINT8[i].length = 0 POOL.UINT16[i].length = 0 POOL.UINT32[i].length = 0 POOL.INT8[i].length = 0 POOL.INT16[i].length = 0 POOL.INT32[i].length = 0 POOL.FLOAT[i].length = 0 POOL.DOUBLE[i].length = 0 POOL.UINT8C[i].length = 0 DATA[i].length = 0 BUFFER[i].length = 0 } } }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {},require("buffer").Buffer) },{"bit-twiddle":61,"buffer":5,"dup":70}],82:[function(require,module,exports){ var Nano = require('cache-component') var defregl = require('deferred-regl') var mregl = require('./multi.js') var onload = require('on-load') module.exports = Root function Root (regl, opts) { if (!(this instanceof Root)) return new Root(regl, opts) Nano.call(this) this.components = [] this._regl = regl this._opts = opts } Root.prototype = Object.create(Nano.prototype) Root.prototype.create = function () { var c = new Component() this.components.push(c) if (this._mregl) c._setMregl(this._mregl) return c } Root.prototype._render = function () { var self = this if (!this.element) { this.element = document.createElement('div') this.canvas = document.createElement('canvas') this.element.appendChild(this.canvas) onload(this.element, function () { self._load() }, function () { self._unload() }) } return this.element } Root.prototype._update = function () { return false } Root.prototype._load = function () { this._mregl = mregl(this._regl, this.canvas, this._opts) for (var i = 0; i < this.components.length; i++) { this.components[i]._setMregl(this._mregl) } } Root.prototype._unload = function () { this._mregl.destroy() this.element = null this.canvas = null for (var i = 0; i < this.components.length; i++) { this.components[i]._setMregl(null) } this._mregl = null } function Component (opts) { var self = this if (!(self instanceof Component)) return new Component(opts) Nano.call(self) if (!opts) opts = {} self._elwidth = null self._elheight = null self._opts = opts self.element = document.createElement('div') onload(self.element, function () { self._load() }, function () { self._unload() }) self.element.style.display = 'inline-block' if (opts.width) { self.element.style.width = opts.width + 'px' self._elwidth = opts.width } if (opts.height) { self.element.style.height = opts.height + 'px' self._elheight = opts.height } self.regl = defregl() self._regl = null self._mregl = null self._mreglqueue = [] } Component.prototype = Object.create(Nano.prototype) Component.prototype._getMregl = function (fn) { if (this._mregl) fn(this._mregl) else { if (!this._mreglqueue) this._mreglqueue = [] this._mreglqueue.push(fn) } } Component.prototype._setMregl = function (mr) { this._mregl = mr if (this._mreglqueue) { for (var i = 0; i < this._mreglqueue.length; i++) { this._mreglqueue[i](this._mregl) } } this._mreglqueue = null } Component.prototype._update = function (props) { return this._elwidth !== props.width || this._elheight !== props.height } Component.prototype._render = function (props) { var self = this if (props.width !== this._elwidth) { this.element.style.width = props.width + 'px' this._elwidth = props.width } if (props.height !== this._elheight) { this.element.style.height = props.height + 'px' this._elheight = props.height } return this.element } Component.prototype._load = function () { var self = this if (self._regl) return self._getMregl(function (mregl) { self._regl = mregl(self.element) self.regl.setRegl(self._regl) }) } Component.prototype._unload = function () { if (this._regl) { this._regl.destroy() this._regl = null this.regl.setRegl(null) } } },{"./multi.js":83,"cache-component":84,"deferred-regl":12,"on-load":90}],83:[function(require,module,exports){ // copied from multi-regl module.exports = function createMultiplexor (createREGL, canvas, inputs) { var reglInput = {} if (inputs) { Object.keys(inputs).forEach(function (input) { reglInput[input] = inputs[input] }) } var pixelRatio = reglInput.pixelRatio || window.devicePixelRatio reglInput.pixelRatio = pixelRatio var canvasStyle = canvas.style canvasStyle.position = 'fixed' canvasStyle.left = canvasStyle.top = '0px' canvasStyle.width = canvasStyle.height = '100%' canvasStyle['pointer-events'] = 'none' canvasStyle['touch-action'] = 'none' canvasStyle['z-index'] = '1000' function resize () { canvas.width = pixelRatio * window.innerWidth canvas.height = pixelRatio * window.innerHeight if (!setRAF && regl) regl.draw(frame) } resize() window.addEventListener('resize', resize, false) window.addEventListener('scroll', function () { if (!setRAF) regl.draw(frame) }, false) reglInput.canvas = canvas delete reglInput.gl delete reglInput.container var regl = createREGL(reglInput) var subcontexts = [] var viewBox = { x: 0, y: 0, width: 0, height: 0 } function createSubContext (input) { var element if (typeof input === 'object' && input) { if (typeof input.getBoundingClientRect === 'function') { element = input } else if (input.element) { element = input.element } } else if (typeof input === 'string') { element = document.querySelector(element) } if (!element) { element = document.body } var subcontext = { tick: 0, element: element, callbacks: [] } subcontexts.push(subcontext) function wrapBox (boxDesc) { return boxDesc } var scheduled = false function schedule (cb) { subcontext.callbacks.push(cb) if (!scheduled) { scheduled = true window.requestAnimationFrame(draw) } function draw () { regl.draw(frame) scheduled = false } } function subREGL (options) { if ('viewport' in options) { options.viewport = wrapBox(options.viewport) } if ('scissor' in options) { if ('box' in options) { options.scissor.box = wrapBox(options.scissor.box) } if ('enable' in options) { options.scissor.box = true } } var draw = regl.apply(regl, Array.prototype.slice.call(arguments)) if (!setRAF) { return function () { if (setRAF) return draw.apply(this, arguments) var args = arguments schedule(function () { draw.apply(null, args) }) } } else return draw } Object.keys(regl).forEach(function (option) { if (option === 'clear') { subREGL.clear = function () { if (setRAF) return regl[option].apply(this, arguments) subcontext.callbacks = [] var args = arguments schedule(function () { regl.clear.apply(null, args) }) } } else if (option === 'draw') { subREGL.draw = function () { if (setRAF) return regl[option].apply(this, arguments) var args = arguments schedule(function () { regl.draw.apply(null, args) }) } } else subREGL[option] = regl[option] }) subREGL.frame = function subFrame (cb) { setRAF = true subcontext.callbacks.push(cb) regl.frame(frame) return { cancel: function () { subcontext.callbacks.splice(subcontext.callbacks.indexOf(cb), 1) } } } subREGL.destroy = function () { subcontexts.splice(subcontexts.indexOf(subcontext), 1) } subREGL.container = element return subREGL } createSubContext.destroy = function () { regl.destroy() } createSubContext.regl = regl var setViewport = regl({ context: { tick: regl.prop('subcontext.tick') }, viewport: regl.prop('viewbox'), scissor: { enable: true, box: regl.prop('scissorbox') } }) function executeCallbacks (context, props) { var callbacks = props.subcontext.callbacks for (var i = 0; i < callbacks.length; ++i) { callbacks[i](context) } } var setRAF = false function frame (context) { regl.clear({ color: [0, 0, 0, 0] }) var width = window.innerWidth var height = window.innerHeight var pixelRatio = context.pixelRatio for (var i = 0; i < subcontexts.length; ++i) { var sc = subcontexts[i] var rect = sc.element.getBoundingClientRect() if (rect.right < 0 || rect.bottom < 0 || width < rect.left || height < rect.top) { continue } viewBox.x = pixelRatio * (rect.left) viewBox.y = pixelRatio * (height - rect.bottom) viewBox.width = pixelRatio * (rect.right - rect.left) viewBox.height = pixelRatio * (rect.bottom - rect.top) setViewport({ subcontext: sc, viewbox: viewBox, scissorbox: viewBox }, executeCallbacks) sc.tick += 1 } } return createSubContext } },{}],84:[function(require,module,exports){ var document = require('global/document') var morph = require('nanomorph') module.exports = CacheComponent function makeId () { return 'cc-' + Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1) } function CacheComponent () { this._hasWindow = typeof window !== 'undefined' this._proxy = null this._args = null this._ccId = null this._id = null var self = this Object.defineProperty(this, '_element', { get: function () { var el = document.getElementById(self._id) if (el) return el.dataset.cacheComponent === self._ccId ? el : undefined } }) } CacheComponent.prototype.render = function () { var args = new Array(arguments.length) var self = this var el for (var i = 0; i < arguments.length; i++) args[i] = arguments[i] if (!this._hasWindow) { return this._render.apply(this, args) } else if (this._element) { var shouldUpdate = this._update.apply(this, args) if (shouldUpdate) { this._args = args this._proxy = null el = this._brandNode(this._handleId(this._render.apply(this, args))) if (this._willUpdate) this._willUpdate() morph(this._element, el) if (this._didUpdate) window.requestAnimationFrame(function () { self._didUpdate() }) } if (!this._proxy) { this._proxy = this._createProxy() } return this._proxy } else { this._ccId = makeId() this._args = args this._proxy = null el = this._brandNode(this._handleId(this._render.apply(this, args))) if (this._willMount) this._willMount(el) if (this._didMount) window.requestAnimationFrame(function () { self._didMount(el) }) return el } } CacheComponent.prototype._createProxy = function () { var proxy = document.createElement('div') var self = this this._brandNode(proxy) proxy.id = this._id proxy.isSameNode = function (el) { return (el && el.dataset.cacheComponent === self._ccId) } return proxy } CacheComponent.prototype._brandNode = function (node) { node.setAttribute('data-cache-component', this._ccId) return node } CacheComponent.prototype._handleId = function (node) { if (node.id) { this._id = node.id } else { node.id = this._id = this._ccId } return node } CacheComponent.prototype._render = function () { throw new Error('cache-component: _render should be implemented!') } CacheComponent.prototype._update = function () { var length = arguments.length if (length !== this._args.length) return true for (var i = 0; i < length; i++) { if (arguments[i] !== this._args[i]) return true } return false } },{"global/document":85,"nanomorph":87}],85:[function(require,module,exports){ arguments[4][71][0].apply(exports,arguments) },{"dup":71,"min-document":4}],86:[function(require,module,exports){ arguments[4][17][0].apply(exports,arguments) },{"dup":17}],87:[function(require,module,exports){ arguments[4][40][0].apply(exports,arguments) },{"./lib/morph":89,"assert":2,"dup":40}],88:[function(require,module,exports){ arguments[4][41][0].apply(exports,arguments) },{"dup":41}],89:[function(require,module,exports){ arguments[4][42][0].apply(exports,arguments) },{"./events":88,"dup":42}],90:[function(require,module,exports){ arguments[4][79][0].apply(exports,arguments) },{"dup":79,"global/document":85,"global/window":86}]},{},[25]);