/
infofintech
/
system
Обзор
Документация
Войти
/
infofintech
/
system
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
main
aframe.js
75 197 строк
2 MB
Vadim Ponomarev
New version v6.3.7.1
10 июл 2026, 18:35
10 июл 2026, 18:35
326fd11
Код
Авторство
О чём код?
(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.AFRAME = f()}})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(_dereq_,module,exports){ var str = Object.prototype.toString module.exports = anArray function anArray(arr) { return ( arr.BYTES_PER_ELEMENT && str.call(arr.buffer) === '[object ArrayBuffer]' || Array.isArray(arr) ) } },{}],2:[function(_dereq_,module,exports){ module.exports = function numtype(num, def) { return typeof num === 'number' ? num : (typeof def === 'number' ? def : 0) } },{}],3:[function(_dereq_,module,exports){ 'use strict' exports.byteLength = byteLength exports.toByteArray = toByteArray exports.fromByteArray = fromByteArray var lookup = [] var revLookup = [] var Arr = typeof Uint8Array !== 'undefined' ? Uint8Array : Array var code = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/' for (var i = 0, len = code.length; i < len; ++i) { lookup[i] = code[i] revLookup[code.charCodeAt(i)] = i } // Support decoding URL-safe base64 strings, as Node.js does. // See: https://en.wikipedia.org/wiki/Base64#URL_applications revLookup['-'.charCodeAt(0)] = 62 revLookup['_'.charCodeAt(0)] = 63 function getLens (b64) { var len = b64.length if (len % 4 > 0) { throw new Error('Invalid string. Length must be a multiple of 4') } // Trim off extra bytes after placeholder bytes are found // See: https://github.com/beatgammit/base64-js/issues/42 var validLen = b64.indexOf('=') if (validLen === -1) validLen = len var placeHoldersLen = validLen === len ? 0 : 4 - (validLen % 4) return [validLen, placeHoldersLen] } // base64 is 4/3 + up to two characters of the original data function byteLength (b64) { var lens = getLens(b64) var validLen = lens[0] var placeHoldersLen = lens[1] return ((validLen + placeHoldersLen) * 3 / 4) - placeHoldersLen } function _byteLength (b64, validLen, placeHoldersLen) { return ((validLen + placeHoldersLen) * 3 / 4) - placeHoldersLen } function toByteArray (b64) { var tmp var lens = getLens(b64) var validLen = lens[0] var placeHoldersLen = lens[1] var arr = new Arr(_byteLength(b64, validLen, placeHoldersLen)) var curByte = 0 // if there are placeholders, only get up to the last complete 4 chars var len = placeHoldersLen > 0 ? validLen - 4 : validLen for (var i = 0; i < len; i += 4) { tmp = (revLookup[b64.charCodeAt(i)] << 18) | (revLookup[b64.charCodeAt(i + 1)] << 12) | (revLookup[b64.charCodeAt(i + 2)] << 6) | revLookup[b64.charCodeAt(i + 3)] arr[curByte++] = (tmp >> 16) & 0xFF arr[curByte++] = (tmp >> 8) & 0xFF arr[curByte++] = tmp & 0xFF } if (placeHoldersLen === 2) { tmp = (revLookup[b64.charCodeAt(i)] << 2) | (revLookup[b64.charCodeAt(i + 1)] >> 4) arr[curByte++] = tmp & 0xFF } if (placeHoldersLen === 1) { tmp = (revLookup[b64.charCodeAt(i)] << 10) | (revLookup[b64.charCodeAt(i + 1)] << 4) | (revLookup[b64.charCodeAt(i + 2)] >> 2) arr[curByte++] = (tmp >> 8) & 0xFF arr[curByte++] = tmp & 0xFF } return arr } function tripletToBase64 (num) { return lookup[num >> 18 & 0x3F] + lookup[num >> 12 & 0x3F] + lookup[num >> 6 & 0x3F] + lookup[num & 0x3F] } function encodeChunk (uint8, start, end) { var tmp var output = [] for (var i = start; i < end; i += 3) { tmp = ((uint8[i] << 16) & 0xFF0000) + ((uint8[i + 1] << 8) & 0xFF00) + (uint8[i + 2] & 0xFF) output.push(tripletToBase64(tmp)) } return output.join('') } function fromByteArray (uint8) { var tmp var len = uint8.length var extraBytes = len % 3 // if we have 1 byte left, pad 2 bytes var parts = [] var maxChunkLength = 16383 // must be multiple of 3 // go through the array every three bytes, we'll deal with trailing stuff later for (var i = 0, len2 = len - extraBytes; i < len2; i += maxChunkLength) { parts.push(encodeChunk( uint8, i, (i + maxChunkLength) > len2 ? len2 : (i + maxChunkLength) )) } // pad the end with zeros, but make sure to not forget the extra bytes if (extraBytes === 1) { tmp = uint8[len - 1] parts.push( lookup[tmp >> 2] + lookup[(tmp << 4) & 0x3F] + '==' ) } else if (extraBytes === 2) { tmp = (uint8[len - 2] << 8) + uint8[len - 1] parts.push( lookup[tmp >> 10] + lookup[(tmp >> 4) & 0x3F] + lookup[(tmp << 2) & 0x3F] + '=' ) } return parts.join('') } },{}],4:[function(_dereq_,module,exports){ 'use strict'; // For more information about browser field, check out the browser field at https://github.com/substack/browserify-handbook#browser-field. module.exports = { // Create a <link> tag with optional data attributes createLink: function(href, attributes) { var head = document.head || document.getElementsByTagName('head')[0]; var link = document.createElement('link'); link.href = href; link.rel = 'stylesheet'; for (var key in attributes) { if ( ! attributes.hasOwnProperty(key)) { continue; } var value = attributes[key]; link.setAttribute('data-' + key, value); } head.appendChild(link); }, // Create a <style> tag with optional data attributes createStyle: function(cssText, attributes) { var head = document.head || document.getElementsByTagName('head')[0], style = document.createElement('style'); style.type = 'text/css'; for (var key in attributes) { if ( ! attributes.hasOwnProperty(key)) { continue; } var value = attributes[key]; style.setAttribute('data-' + key, value); } if (style.sheet) { // for jsdom and IE9+ style.innerHTML = cssText; style.sheet.cssText = cssText; head.appendChild(style); } else if (style.styleSheet) { // for IE8 and below head.appendChild(style); style.styleSheet.cssText = cssText; } else { // for Chrome, Firefox, and Safari style.appendChild(document.createTextNode(cssText)); head.appendChild(style); } } }; },{}],5:[function(_dereq_,module,exports){ // shim for using process in browser var process = module.exports = {}; // cached from whatever global is present so that test runners that stub it // don't break things. But we need to wrap it in a try catch in case it is // wrapped in strict mode code which doesn't define any globals. It's inside a // function because try/catches deoptimize in certain engines. var cachedSetTimeout; var cachedClearTimeout; function defaultSetTimout() { throw new Error('setTimeout has not been defined'); } function defaultClearTimeout () { throw new Error('clearTimeout has not been defined'); } (function () { try { if (typeof setTimeout === 'function') { cachedSetTimeout = setTimeout; } else { cachedSetTimeout = defaultSetTimout; } } catch (e) { cachedSetTimeout = defaultSetTimout; } try { if (typeof clearTimeout === 'function') { cachedClearTimeout = clearTimeout; } else { cachedClearTimeout = defaultClearTimeout; } } catch (e) { cachedClearTimeout = defaultClearTimeout; } } ()) function runTimeout(fun) { if (cachedSetTimeout === setTimeout) { //normal enviroments in sane situations return setTimeout(fun, 0); } // if setTimeout wasn't available but was latter defined if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) { cachedSetTimeout = setTimeout; return setTimeout(fun, 0); } try { // when when somebody has screwed with setTimeout but no I.E. maddness return cachedSetTimeout(fun, 0); } catch(e){ try { // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally return cachedSetTimeout.call(null, fun, 0); } catch(e){ // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error return cachedSetTimeout.call(this, fun, 0); } } } function runClearTimeout(marker) { if (cachedClearTimeout === clearTimeout) { //normal enviroments in sane situations return clearTimeout(marker); } // if clearTimeout wasn't available but was latter defined if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) { cachedClearTimeout = clearTimeout; return clearTimeout(marker); } try { // when when somebody has screwed with setTimeout but no I.E. maddness return cachedClearTimeout(marker); } catch (e){ try { // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally return cachedClearTimeout.call(null, marker); } catch (e){ // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error. // Some versions of I.E. have different rules for clearTimeout vs setTimeout return cachedClearTimeout.call(this, marker); } } } var queue = []; var draining = false; var currentQueue; var queueIndex = -1; function cleanUpNextTick() { if (!draining || !currentQueue) { return; } draining = false; if (currentQueue.length) { queue = currentQueue.concat(queue); } else { queueIndex = -1; } if (queue.length) { drainQueue(); } } function drainQueue() { if (draining) { return; } var timeout = runTimeout(cleanUpNextTick); draining = true; var len = queue.length; while(len) { currentQueue = queue; queue = []; while (++queueIndex < len) { if (currentQueue) { currentQueue[queueIndex].run(); } } queueIndex = -1; len = queue.length; } currentQueue = null; draining = false; runClearTimeout(timeout); } process.nextTick = function (fun) { var args = new Array(arguments.length - 1); if (arguments.length > 1) { for (var i = 1; i < arguments.length; i++) { args[i - 1] = arguments[i]; } } queue.push(new Item(fun, args)); if (queue.length === 1 && !draining) { runTimeout(drainQueue); } }; // v8 likes predictible objects function Item(fun, array) { this.fun = fun; this.array = array; } Item.prototype.run = function () { this.fun.apply(null, this.array); }; process.title = 'browser'; process.browser = true; process.env = {}; process.argv = []; process.version = ''; // empty string to avoid regexp issues process.versions = {}; function noop() {} process.on = noop; process.addListener = noop; process.once = noop; process.off = noop; process.removeListener = noop; process.removeAllListeners = noop; process.emit = noop; process.prependListener = noop; process.prependOnceListener = noop; process.listeners = function (name) { return [] } process.binding = function (name) { throw new Error('process.binding is not supported'); }; process.cwd = function () { return '/' }; process.chdir = function (dir) { throw new Error('process.chdir is not supported'); }; process.umask = function() { return 0; }; },{}],6:[function(_dereq_,module,exports){ var Buffer = _dereq_('buffer').Buffer; // for use with browserify module.exports = function (a, b) { if (!Buffer.isBuffer(a)) return undefined; if (!Buffer.isBuffer(b)) return undefined; if (typeof a.equals === 'function') return a.equals(b); if (a.length !== b.length) return false; for (var i = 0; i < a.length; i++) { if (a[i] !== b[i]) return false; } return true; }; },{"buffer":7}],7:[function(_dereq_,module,exports){ (function (global){ /*! * The buffer module from node.js, for the browser. * * @author Feross Aboukhadijeh <feross@feross.org> <http://feross.org> * @license MIT */ /* eslint-disable no-proto */ 'use strict' var base64 = _dereq_('base64-js') var ieee754 = _dereq_('ieee754') var isArray = _dereq_('isarray') exports.Buffer = Buffer exports.SlowBuffer = SlowBuffer exports.INSPECT_MAX_BYTES = 50 /** * If `Buffer.TYPED_ARRAY_SUPPORT`: * === true Use Uint8Array implementation (fastest) * === false Use Object implementation (most compatible, even IE6) * * Browsers that support typed arrays are IE 10+, Firefox 4+, Chrome 7+, Safari 5.1+, * Opera 11.6+, iOS 4.2+. * * Due to various browser bugs, sometimes the Object implementation will be used even * when the browser supports typed arrays. * * Note: * * - Firefox 4-29 lacks support for adding new properties to `Uint8Array` instances, * See: https://bugzilla.mozilla.org/show_bug.cgi?id=695438. * * - Chrome 9-10 is missing the `TypedArray.prototype.subarray` function. * * - IE10 has a broken `TypedArray.prototype.subarray` function which returns arrays of * incorrect length in some situations. * We detect these buggy browsers and set `Buffer.TYPED_ARRAY_SUPPORT` to `false` so they * get the Object implementation, which is slower but behaves correctly. */ Buffer.TYPED_ARRAY_SUPPORT = global.TYPED_ARRAY_SUPPORT !== undefined ? global.TYPED_ARRAY_SUPPORT : typedArraySupport() /* * Export kMaxLength after typed array support is determined. */ exports.kMaxLength = kMaxLength() function typedArraySupport () { try { var arr = new Uint8Array(1) arr.__proto__ = {__proto__: Uint8Array.prototype, foo: function () { return 42 }} return arr.foo() === 42 && // typed array instances can be augmented typeof arr.subarray === 'function' && // chrome 9-10 lack `subarray` arr.subarray(1, 1).byteLength === 0 // ie10 has broken `subarray` } catch (e) { return false } } function kMaxLength () { return Buffer.TYPED_ARRAY_SUPPORT ? 0x7fffffff : 0x3fffffff } function createBuffer (that, length) { if (kMaxLength() < length) { throw new RangeError('Invalid typed array length') } if (Buffer.TYPED_ARRAY_SUPPORT) { // Return an augmented `Uint8Array` instance, for best performance that = new Uint8Array(length) that.__proto__ = Buffer.prototype } else { // Fallback: Return an object instance of the Buffer class if (that === null) { that = new Buffer(length) } that.length = length } return that } /** * The Buffer constructor returns instances of `Uint8Array` that have their * prototype changed to `Buffer.prototype`. Furthermore, `Buffer` is a subclass of * `Uint8Array`, so the returned instances will have all the node `Buffer` methods * and the `Uint8Array` methods. Square bracket notation works as expected -- it * returns a single octet. * * The `Uint8Array` prototype remains unmodified. */ function Buffer (arg, encodingOrOffset, length) { if (!Buffer.TYPED_ARRAY_SUPPORT && !(this instanceof Buffer)) { return new Buffer(arg, encodingOrOffset, length) } // Common case. if (typeof arg === 'number') { if (typeof encodingOrOffset === 'string') { throw new Error( 'If encoding is specified then the first argument must be a string' ) } return allocUnsafe(this, arg) } return from(this, arg, encodingOrOffset, length) } Buffer.poolSize = 8192 // not used by this implementation // TODO: Legacy, not needed anymore. Remove in next major version. Buffer._augment = function (arr) { arr.__proto__ = Buffer.prototype return arr } function from (that, value, encodingOrOffset, length) { if (typeof value === 'number') { throw new TypeError('"value" argument must not be a number') } if (typeof ArrayBuffer !== 'undefined' && value instanceof ArrayBuffer) { return fromArrayBuffer(that, value, encodingOrOffset, length) } if (typeof value === 'string') { return fromString(that, value, encodingOrOffset) } return fromObject(that, value) } /** * Functionally equivalent to Buffer(arg, encoding) but throws a TypeError * if value is a number. * Buffer.from(str[, encoding]) * Buffer.from(array) * Buffer.from(buffer) * Buffer.from(arrayBuffer[, byteOffset[, length]]) **/ Buffer.from = function (value, encodingOrOffset, length) { return from(null, value, encodingOrOffset, length) } if (Buffer.TYPED_ARRAY_SUPPORT) { Buffer.prototype.__proto__ = Uint8Array.prototype Buffer.__proto__ = Uint8Array if (typeof Symbol !== 'undefined' && Symbol.species && Buffer[Symbol.species] === Buffer) { // Fix subarray() in ES2016. See: https://github.com/feross/buffer/pull/97 Object.defineProperty(Buffer, Symbol.species, { value: null, configurable: true }) } } function assertSize (size) { if (typeof size !== 'number') { throw new TypeError('"size" argument must be a number') } else if (size < 0) { throw new RangeError('"size" argument must not be negative') } } function alloc (that, size, fill, encoding) { assertSize(size) if (size <= 0) { return createBuffer(that, size) } if (fill !== undefined) { // Only pay attention to encoding if it's a string. This // prevents accidentally sending in a number that would // be interpretted as a start offset. return typeof encoding === 'string' ? createBuffer(that, size).fill(fill, encoding) : createBuffer(that, size).fill(fill) } return createBuffer(that, size) } /** * Creates a new filled Buffer instance. * alloc(size[, fill[, encoding]]) **/ Buffer.alloc = function (size, fill, encoding) { return alloc(null, size, fill, encoding) } function allocUnsafe (that, size) { assertSize(size) that = createBuffer(that, size < 0 ? 0 : checked(size) | 0) if (!Buffer.TYPED_ARRAY_SUPPORT) { for (var i = 0; i < size; ++i) { that[i] = 0 } } return that } /** * Equivalent to Buffer(num), by default creates a non-zero-filled Buffer instance. * */ Buffer.allocUnsafe = function (size) { return allocUnsafe(null, size) } /** * Equivalent to SlowBuffer(num), by default creates a non-zero-filled Buffer instance. */ Buffer.allocUnsafeSlow = function (size) { return allocUnsafe(null, size) } function fromString (that, string, encoding) { if (typeof encoding !== 'string' || encoding === '') { encoding = 'utf8' } if (!Buffer.isEncoding(encoding)) { throw new TypeError('"encoding" must be a valid string encoding') } var length = byteLength(string, encoding) | 0 that = createBuffer(that, length) var actual = that.write(string, encoding) if (actual !== length) { // Writing a hex string, for example, that contains invalid characters will // cause everything after the first invalid character to be ignored. (e.g. // 'abxxcd' will be treated as 'ab') that = that.slice(0, actual) } return that } function fromArrayLike (that, array) { var length = array.length < 0 ? 0 : checked(array.length) | 0 that = createBuffer(that, length) for (var i = 0; i < length; i += 1) { that[i] = array[i] & 255 } return that } function fromArrayBuffer (that, array, byteOffset, length) { array.byteLength // this throws if `array` is not a valid ArrayBuffer if (byteOffset < 0 || array.byteLength < byteOffset) { throw new RangeError('\'offset\' is out of bounds') } if (array.byteLength < byteOffset + (length || 0)) { throw new RangeError('\'length\' is out of bounds') } if (byteOffset === undefined && length === undefined) { array = new Uint8Array(array) } else if (length === undefined) { array = new Uint8Array(array, byteOffset) } else { array = new Uint8Array(array, byteOffset, length) } if (Buffer.TYPED_ARRAY_SUPPORT) { // Return an augmented `Uint8Array` instance, for best performance that = array that.__proto__ = Buffer.prototype } else { // Fallback: Return an object instance of the Buffer class that = fromArrayLike(that, array) } return that } function fromObject (that, obj) { if (Buffer.isBuffer(obj)) { var len = checked(obj.length) | 0 that = createBuffer(that, len) if (that.length === 0) { return that } obj.copy(that, 0, 0, len) return that } if (obj) { if ((typeof ArrayBuffer !== 'undefined' && obj.buffer instanceof ArrayBuffer) || 'length' in obj) { if (typeof obj.length !== 'number' || isnan(obj.length)) { return createBuffer(that, 0) } return fromArrayLike(that, obj) } if (obj.type === 'Buffer' && isArray(obj.data)) { return fromArrayLike(that, obj.data) } } throw new TypeError('First argument must be a string, Buffer, ArrayBuffer, Array, or array-like object.') } function checked (length) { // Note: cannot use `length < kMaxLength()` here because that fails when // length is NaN (which is otherwise coerced to zero.) if (length >= kMaxLength()) { throw new RangeError('Attempt to allocate Buffer larger than maximum ' + 'size: 0x' + kMaxLength().toString(16) + ' bytes') } return length | 0 } function SlowBuffer (length) { if (+length != length) { // eslint-disable-line eqeqeq length = 0 } return Buffer.alloc(+length) } Buffer.isBuffer = function isBuffer (b) { return !!(b != null && b._isBuffer) } Buffer.compare = function compare (a, b) { if (!Buffer.isBuffer(a) || !Buffer.isBuffer(b)) { throw new TypeError('Arguments must be Buffers') } if (a === b) return 0 var x = a.length var y = b.length for (var i = 0, len = Math.min(x, y); i < len; ++i) { if (a[i] !== b[i]) { x = a[i] y = b[i] break } } if (x < y) return -1 if (y < x) return 1 return 0 } Buffer.isEncoding = function isEncoding (encoding) { switch (String(encoding).toLowerCase()) { case 'hex': case 'utf8': case 'utf-8': case 'ascii': case 'latin1': case 'binary': case 'base64': case 'ucs2': case 'ucs-2': case 'utf16le': case 'utf-16le': return true default: return false } } Buffer.concat = function concat (list, length) { if (!isArray(list)) { throw new TypeError('"list" argument must be an Array of Buffers') } if (list.length === 0) { return Buffer.alloc(0) } var i if (length === undefined) { length = 0 for (i = 0; i < list.length; ++i) { length += list[i].length } } var buffer = Buffer.allocUnsafe(length) var pos = 0 for (i = 0; i < list.length; ++i) { var buf = list[i] if (!Buffer.isBuffer(buf)) { throw new TypeError('"list" argument must be an Array of Buffers') } buf.copy(buffer, pos) pos += buf.length } return buffer } function byteLength (string, encoding) { if (Buffer.isBuffer(string)) { return string.length } if (typeof ArrayBuffer !== 'undefined' && typeof ArrayBuffer.isView === 'function' && (ArrayBuffer.isView(string) || string instanceof ArrayBuffer)) { return string.byteLength } if (typeof string !== 'string') { string = '' + string } var len = string.length if (len === 0) return 0 // Use a for loop to avoid recursion var loweredCase = false for (;;) { switch (encoding) { case 'ascii': case 'latin1': case 'binary': return len case 'utf8': case 'utf-8': case undefined: return utf8ToBytes(string).length case 'ucs2': case 'ucs-2': case 'utf16le': case 'utf-16le': return len * 2 case 'hex': return len >>> 1 case 'base64': return base64ToBytes(string).length default: if (loweredCase) return utf8ToBytes(string).length // assume utf8 encoding = ('' + encoding).toLowerCase() loweredCase = true } } } Buffer.byteLength = byteLength function slowToString (encoding, start, end) { var loweredCase = false // No need to verify that "this.length <= MAX_UINT32" since it's a read-only // property of a typed array. // This behaves neither like String nor Uint8Array in that we set start/end // to their upper/lower bounds if the value passed is out of range. // undefined is handled specially as per ECMA-262 6th Edition, // Section 13.3.3.7 Runtime Semantics: KeyedBindingInitialization. if (start === undefined || start < 0) { start = 0 } // Return early if start > this.length. Done here to prevent potential uint32 // coercion fail below. if (start > this.length) { return '' } if (end === undefined || end > this.length) { end = this.length } if (end <= 0) { return '' } // Force coersion to uint32. This will also coerce falsey/NaN values to 0. end >>>= 0 start >>>= 0 if (end <= start) { return '' } if (!encoding) encoding = 'utf8' while (true) { switch (encoding) { case 'hex': return hexSlice(this, start, end) case 'utf8': case 'utf-8': return utf8Slice(this, start, end) case 'ascii': return asciiSlice(this, start, end) case 'latin1': case 'binary': return latin1Slice(this, start, end) case 'base64': return base64Slice(this, start, end) case 'ucs2': case 'ucs-2': case 'utf16le': case 'utf-16le': return utf16leSlice(this, start, end) default: if (loweredCase) throw new TypeError('Unknown encoding: ' + encoding) encoding = (encoding + '').toLowerCase() loweredCase = true } } } // The property is used by `Buffer.isBuffer` and `is-buffer` (in Safari 5-7) to detect // Buffer instances. Buffer.prototype._isBuffer = true function swap (b, n, m) { var i = b[n] b[n] = b[m] b[m] = i } Buffer.prototype.swap16 = function swap16 () { var len = this.length if (len % 2 !== 0) { throw new RangeError('Buffer size must be a multiple of 16-bits') } for (var i = 0; i < len; i += 2) { swap(this, i, i + 1) } return this } Buffer.prototype.swap32 = function swap32 () { var len = this.length if (len % 4 !== 0) { throw new RangeError('Buffer size must be a multiple of 32-bits') } for (var i = 0; i < len; i += 4) { swap(this, i, i + 3) swap(this, i + 1, i + 2) } return this } Buffer.prototype.swap64 = function swap64 () { var len = this.length if (len % 8 !== 0) { throw new RangeError('Buffer size must be a multiple of 64-bits') } for (var i = 0; i < len; i += 8) { swap(this, i, i + 7) swap(this, i + 1, i + 6) swap(this, i + 2, i + 5) swap(this, i + 3, i + 4) } return this } Buffer.prototype.toString = function toString () { var length = this.length | 0 if (length === 0) return '' if (arguments.length === 0) return utf8Slice(this, 0, length) return slowToString.apply(this, arguments) } Buffer.prototype.equals = function equals (b) { if (!Buffer.isBuffer(b)) throw new TypeError('Argument must be a Buffer') if (this === b) return true return Buffer.compare(this, b) === 0 } Buffer.prototype.inspect = function inspect () { var str = '' var max = exports.INSPECT_MAX_BYTES if (this.length > 0) { str = this.toString('hex', 0, max).match(/.{2}/g).join(' ') if (this.length > max) str += ' ... ' } return '<Buffer ' + str + '>' } Buffer.prototype.compare = function compare (target, start, end, thisStart, thisEnd) { if (!Buffer.isBuffer(target)) { throw new TypeError('Argument must be a Buffer') } if (start === undefined) { start = 0 } if (end === undefined) { end = target ? target.length : 0 } if (thisStart === undefined) { thisStart = 0 } if (thisEnd === undefined) { thisEnd = this.length } if (start < 0 || end > target.length || thisStart < 0 || thisEnd > this.length) { throw new RangeError('out of range index') } if (thisStart >= thisEnd && start >= end) { return 0 } if (thisStart >= thisEnd) { return -1 } if (start >= end) { return 1 } start >>>= 0 end >>>= 0 thisStart >>>= 0 thisEnd >>>= 0 if (this === target) return 0 var x = thisEnd - thisStart var y = end - start var len = Math.min(x, y) var thisCopy = this.slice(thisStart, thisEnd) var targetCopy = target.slice(start, end) for (var i = 0; i < len; ++i) { if (thisCopy[i] !== targetCopy[i]) { x = thisCopy[i] y = targetCopy[i] break } } if (x < y) return -1 if (y < x) return 1 return 0 } // Finds either the first index of `val` in `buffer` at offset >= `byteOffset`, // OR the last index of `val` in `buffer` at offset <= `byteOffset`. // // Arguments: // - buffer - a Buffer to search // - val - a string, Buffer, or number // - byteOffset - an index into `buffer`; will be clamped to an int32 // - encoding - an optional encoding, relevant is val is a string // - dir - true for indexOf, false for lastIndexOf function bidirectionalIndexOf (buffer, val, byteOffset, encoding, dir) { // Empty buffer means no match if (buffer.length === 0) return -1 // Normalize byteOffset if (typeof byteOffset === 'string') { encoding = byteOffset byteOffset = 0 } else if (byteOffset > 0x7fffffff) { byteOffset = 0x7fffffff } else if (byteOffset < -0x80000000) { byteOffset = -0x80000000 } byteOffset = +byteOffset // Coerce to Number. if (isNaN(byteOffset)) { // byteOffset: it it's undefined, null, NaN, "foo", etc, search whole buffer byteOffset = dir ? 0 : (buffer.length - 1) } // Normalize byteOffset: negative offsets start from the end of the buffer if (byteOffset < 0) byteOffset = buffer.length + byteOffset if (byteOffset >= buffer.length) { if (dir) return -1 else byteOffset = buffer.length - 1 } else if (byteOffset < 0) { if (dir) byteOffset = 0 else return -1 } // Normalize val if (typeof val === 'string') { val = Buffer.from(val, encoding) } // Finally, search either indexOf (if dir is true) or lastIndexOf if (Buffer.isBuffer(val)) { // Special case: looking for empty string/buffer always fails if (val.length === 0) { return -1 } return arrayIndexOf(buffer, val, byteOffset, encoding, dir) } else if (typeof val === 'number') { val = val & 0xFF // Search for a byte value [0-255] if (Buffer.TYPED_ARRAY_SUPPORT && typeof Uint8Array.prototype.indexOf === 'function') { if (dir) { return Uint8Array.prototype.indexOf.call(buffer, val, byteOffset) } else { return Uint8Array.prototype.lastIndexOf.call(buffer, val, byteOffset) } } return arrayIndexOf(buffer, [ val ], byteOffset, encoding, dir) } throw new TypeError('val must be string, number or Buffer') } function arrayIndexOf (arr, val, byteOffset, encoding, dir) { var indexSize = 1 var arrLength = arr.length var valLength = val.length if (encoding !== undefined) { encoding = String(encoding).toLowerCase() if (encoding === 'ucs2' || encoding === 'ucs-2' || encoding === 'utf16le' || encoding === 'utf-16le') { if (arr.length < 2 || val.length < 2) { return -1 } indexSize = 2 arrLength /= 2 valLength /= 2 byteOffset /= 2 } } function read (buf, i) { if (indexSize === 1) { return buf[i] } else { return buf.readUInt16BE(i * indexSize) } } var i if (dir) { var foundIndex = -1 for (i = byteOffset; i < arrLength; i++) { if (read(arr, i) === read(val, foundIndex === -1 ? 0 : i - foundIndex)) { if (foundIndex === -1) foundIndex = i if (i - foundIndex + 1 === valLength) return foundIndex * indexSize } else { if (foundIndex !== -1) i -= i - foundIndex foundIndex = -1 } } } else { if (byteOffset + valLength > arrLength) byteOffset = arrLength - valLength for (i = byteOffset; i >= 0; i--) { var found = true for (var j = 0; j < valLength; j++) { if (read(arr, i + j) !== read(val, j)) { found = false break } } if (found) return i } } return -1 } Buffer.prototype.includes = function includes (val, byteOffset, encoding) { return this.indexOf(val, byteOffset, encoding) !== -1 } Buffer.prototype.indexOf = function indexOf (val, byteOffset, encoding) { return bidirectionalIndexOf(this, val, byteOffset, encoding, true) } Buffer.prototype.lastIndexOf = function lastIndexOf (val, byteOffset, encoding) { return bidirectionalIndexOf(this, val, byteOffset, encoding, false) } function hexWrite (buf, string, offset, length) { offset = Number(offset) || 0 var remaining = buf.length - offset if (!length) { length = remaining } else { length = Number(length) if (length > remaining) { length = remaining } } // must be an even number of digits var strLen = string.length if (strLen % 2 !== 0) throw new TypeError('Invalid hex string') if (length > strLen / 2) { length = strLen / 2 } for (var i = 0; i < length; ++i) { var parsed = parseInt(string.substr(i * 2, 2), 16) if (isNaN(parsed)) return i buf[offset + i] = parsed } return i } function utf8Write (buf, string, offset, length) { return blitBuffer(utf8ToBytes(string, buf.length - offset), buf, offset, length) } function asciiWrite (buf, string, offset, length) { return blitBuffer(asciiToBytes(string), buf, offset, length) } function latin1Write (buf, string, offset, length) { return asciiWrite(buf, string, offset, length) } function base64Write (buf, string, offset, length) { return blitBuffer(base64ToBytes(string), buf, offset, length) } function ucs2Write (buf, string, offset, length) { return blitBuffer(utf16leToBytes(string, buf.length - offset), buf, offset, length) } Buffer.prototype.write = function write (string, offset, length, encoding) { // Buffer#write(string) if (offset === undefined) { encoding = 'utf8' length = this.length offset = 0 // Buffer#write(string, encoding) } else if (length === undefined && typeof offset === 'string') { encoding = offset length = this.length offset = 0 // Buffer#write(string, offset[, length][, encoding]) } else if (isFinite(offset)) { offset = offset | 0 if (isFinite(length)) { length = length | 0 if (encoding === undefined) encoding = 'utf8' } else { encoding = length length = undefined } // legacy write(string, encoding, offset, length) - remove in v0.13 } else { throw new Error( 'Buffer.write(string, encoding, offset[, length]) is no longer supported' ) } var remaining = this.length - offset if (length === undefined || length > remaining) length = remaining if ((string.length > 0 && (length < 0 || offset < 0)) || offset > this.length) { throw new RangeError('Attempt to write outside buffer bounds') } if (!encoding) encoding = 'utf8' var loweredCase = false for (;;) { switch (encoding) { case 'hex': return hexWrite(this, string, offset, length) case 'utf8': case 'utf-8': return utf8Write(this, string, offset, length) case 'ascii': return asciiWrite(this, string, offset, length) case 'latin1': case 'binary': return latin1Write(this, string, offset, length) case 'base64': // Warning: maxLength not taken into account in base64Write return base64Write(this, string, offset, length) case 'ucs2': case 'ucs-2': case 'utf16le': case 'utf-16le': return ucs2Write(this, string, offset, length) default: if (loweredCase) throw new TypeError('Unknown encoding: ' + encoding) encoding = ('' + encoding).toLowerCase() loweredCase = true } } } Buffer.prototype.toJSON = function toJSON () { return { type: 'Buffer', data: Array.prototype.slice.call(this._arr || this, 0) } } function base64Slice (buf, start, end) { if (start === 0 && end === buf.length) { return base64.fromByteArray(buf) } else { return base64.fromByteArray(buf.slice(start, end)) } } function utf8Slice (buf, start, end) { end = Math.min(buf.length, end) var res = [] var i = start while (i < end) { var firstByte = buf[i] var codePoint = null var bytesPerSequence = (firstByte > 0xEF) ? 4 : (firstByte > 0xDF) ? 3 : (firstByte > 0xBF) ? 2 : 1 if (i + bytesPerSequence <= end) { var secondByte, thirdByte, fourthByte, tempCodePoint switch (bytesPerSequence) { case 1: if (firstByte < 0x80) { codePoint = firstByte } break case 2: secondByte = buf[i + 1] if ((secondByte & 0xC0) === 0x80) { tempCodePoint = (firstByte & 0x1F) << 0x6 | (secondByte & 0x3F) if (tempCodePoint > 0x7F) { codePoint = tempCodePoint } } break case 3: secondByte = buf[i + 1] thirdByte = buf[i + 2] if ((secondByte & 0xC0) === 0x80 && (thirdByte & 0xC0) === 0x80) { tempCodePoint = (firstByte & 0xF) << 0xC | (secondByte & 0x3F) << 0x6 | (thirdByte & 0x3F) if (tempCodePoint > 0x7FF && (tempCodePoint < 0xD800 || tempCodePoint > 0xDFFF)) { codePoint = tempCodePoint } } break case 4: secondByte = buf[i + 1] thirdByte = buf[i + 2] fourthByte = buf[i + 3] if ((secondByte & 0xC0) === 0x80 && (thirdByte & 0xC0) === 0x80 && (fourthByte & 0xC0) === 0x80) { tempCodePoint = (firstByte & 0xF) << 0x12 | (secondByte & 0x3F) << 0xC | (thirdByte & 0x3F) << 0x6 | (fourthByte & 0x3F) if (tempCodePoint > 0xFFFF && tempCodePoint < 0x110000) { codePoint = tempCodePoint } } } } if (codePoint === null) { // we did not generate a valid codePoint so insert a // replacement char (U+FFFD) and advance only 1 byte codePoint = 0xFFFD bytesPerSequence = 1 } else if (codePoint > 0xFFFF) { // encode to utf16 (surrogate pair dance) codePoint -= 0x10000 res.push(codePoint >>> 10 & 0x3FF | 0xD800) codePoint = 0xDC00 | codePoint & 0x3FF } res.push(codePoint) i += bytesPerSequence } return decodeCodePointsArray(res) } // Based on http://stackoverflow.com/a/22747272/680742, the browser with // the lowest limit is Chrome, with 0x10000 args. // We go 1 magnitude less, for safety var MAX_ARGUMENTS_LENGTH = 0x1000 function decodeCodePointsArray (codePoints) { var len = codePoints.length if (len <= MAX_ARGUMENTS_LENGTH) { return String.fromCharCode.apply(String, codePoints) // avoid extra slice() } // Decode in chunks to avoid "call stack size exceeded". var res = '' var i = 0 while (i < len) { res += String.fromCharCode.apply( String, codePoints.slice(i, i += MAX_ARGUMENTS_LENGTH) ) } return res } function asciiSlice (buf, start, end) { var ret = '' end = Math.min(buf.length, end) for (var i = start; i < end; ++i) { ret += String.fromCharCode(buf[i] & 0x7F) } return ret } function latin1Slice (buf, start, end) { var ret = '' end = Math.min(buf.length, end) for (var i = start; i < end; ++i) { ret += String.fromCharCode(buf[i]) } return ret } function hexSlice (buf, start, end) { var len = buf.length if (!start || start < 0) start = 0 if (!end || end < 0 || end > len) end = len var out = '' for (var i = start; i < end; ++i) { out += toHex(buf[i]) } return out } function utf16leSlice (buf, start, end) { var bytes = buf.slice(start, end) var res = '' for (var i = 0; i < bytes.length; i += 2) { res += String.fromCharCode(bytes[i] + bytes[i + 1] * 256) } return res } Buffer.prototype.slice = function slice (start, end) { var len = this.length start = ~~start end = end === undefined ? len : ~~end if (start < 0) { start += len if (start < 0) start = 0 } else if (start > len) { start = len } if (end < 0) { end += len if (end < 0) end = 0 } else if (end > len) { end = len } if (end < start) end = start var newBuf if (Buffer.TYPED_ARRAY_SUPPORT) { newBuf = this.subarray(start, end) newBuf.__proto__ = Buffer.prototype } else { var sliceLen = end - start newBuf = new Buffer(sliceLen, undefined) for (var i = 0; i < sliceLen; ++i) { newBuf[i] = this[i + start] } } return newBuf } /* * Need to make sure that buffer isn't trying to write out of bounds. */ function checkOffset (offset, ext, length) { if ((offset % 1) !== 0 || offset < 0) throw new RangeError('offset is not uint') if (offset + ext > length) throw new RangeError('Trying to access beyond buffer length') } Buffer.prototype.readUIntLE = function readUIntLE (offset, byteLength, noAssert) { offset = offset | 0 byteLength = byteLength | 0 if (!noAssert) checkOffset(offset, byteLength, this.length) var val = this[offset] var mul = 1 var i = 0 while (++i < byteLength && (mul *= 0x100)) { val += this[offset + i] * mul } return val } Buffer.prototype.readUIntBE = function readUIntBE (offset, byteLength, noAssert) { offset = offset | 0 byteLength = byteLength | 0 if (!noAssert) { checkOffset(offset, byteLength, this.length) } var val = this[offset + --byteLength] var mul = 1 while (byteLength > 0 && (mul *= 0x100)) { val += this[offset + --byteLength] * mul } return val } Buffer.prototype.readUInt8 = function readUInt8 (offset, noAssert) { if (!noAssert) checkOffset(offset, 1, this.length) return this[offset] } Buffer.prototype.readUInt16LE = function readUInt16LE (offset, noAssert) { if (!noAssert) checkOffset(offset, 2, this.length) return this[offset] | (this[offset + 1] << 8) } Buffer.prototype.readUInt16BE = function readUInt16BE (offset, noAssert) { if (!noAssert) checkOffset(offset, 2, this.length) return (this[offset] << 8) | this[offset + 1] } Buffer.prototype.readUInt32LE = function readUInt32LE (offset, noAssert) { if (!noAssert) checkOffset(offset, 4, this.length) return ((this[offset]) | (this[offset + 1] << 8) | (this[offset + 2] << 16)) + (this[offset + 3] * 0x1000000) } Buffer.prototype.readUInt32BE = function readUInt32BE (offset, noAssert) { if (!noAssert) checkOffset(offset, 4, this.length) return (this[offset] * 0x1000000) + ((this[offset + 1] << 16) | (this[offset + 2] << 8) | this[offset + 3]) } Buffer.prototype.readIntLE = function readIntLE (offset, byteLength, noAssert) { offset = offset | 0 byteLength = byteLength | 0 if (!noAssert) checkOffset(offset, byteLength, this.length) var val = this[offset] var mul = 1 var i = 0 while (++i < byteLength && (mul *= 0x100)) { val += this[offset + i] * mul } mul *= 0x80 if (val >= mul) val -= Math.pow(2, 8 * byteLength) return val } Buffer.prototype.readIntBE = function readIntBE (offset, byteLength, noAssert) { offset = offset | 0 byteLength = byteLength | 0 if (!noAssert) checkOffset(offset, byteLength, this.length) var i = byteLength var mul = 1 var val = this[offset + --i] while (i > 0 && (mul *= 0x100)) { val += this[offset + --i] * mul } mul *= 0x80 if (val >= mul) val -= Math.pow(2, 8 * byteLength) return val } Buffer.prototype.readInt8 = function readInt8 (offset, noAssert) { if (!noAssert) checkOffset(offset, 1, this.length) if (!(this[offset] & 0x80)) return (this[offset]) return ((0xff - this[offset] + 1) * -1) } Buffer.prototype.readInt16LE = function readInt16LE (offset, noAssert) { if (!noAssert) checkOffset(offset, 2, this.length) var val = this[offset] | (this[offset + 1] << 8) return (val & 0x8000) ? val | 0xFFFF0000 : val } Buffer.prototype.readInt16BE = function readInt16BE (offset, noAssert) { if (!noAssert) checkOffset(offset, 2, this.length) var val = this[offset + 1] | (this[offset] << 8) return (val & 0x8000) ? val | 0xFFFF0000 : val } Buffer.prototype.readInt32LE = function readInt32LE (offset, noAssert) { if (!noAssert) checkOffset(offset, 4, this.length) return (this[offset]) | (this[offset + 1] << 8) | (this[offset + 2] << 16) | (this[offset + 3] << 24) } Buffer.prototype.readInt32BE = function readInt32BE (offset, noAssert) { if (!noAssert) checkOffset(offset, 4, this.length) return (this[offset] << 24) | (this[offset + 1] << 16) | (this[offset + 2] << 8) | (this[offset + 3]) } Buffer.prototype.readFloatLE = function readFloatLE (offset, noAssert) { if (!noAssert) checkOffset(offset, 4, this.length) return ieee754.read(this, offset, true, 23, 4) } Buffer.prototype.readFloatBE = function readFloatBE (offset, noAssert) { if (!noAssert) checkOffset(offset, 4, this.length) return ieee754.read(this, offset, false, 23, 4) } Buffer.prototype.readDoubleLE = function readDoubleLE (offset, noAssert) { if (!noAssert) checkOffset(offset, 8, this.length) return ieee754.read(this, offset, true, 52, 8) } Buffer.prototype.readDoubleBE = function readDoubleBE (offset, noAssert) { if (!noAssert) checkOffset(offset, 8, this.length) return ieee754.read(this, offset, false, 52, 8) } function checkInt (buf, value, offset, ext, max, min) { if (!Buffer.isBuffer(buf)) throw new TypeError('"buffer" argument must be a Buffer instance') if (value > max || value < min) throw new RangeError('"value" argument is out of bounds') if (offset + ext > buf.length) throw new RangeError('Index out of range') } Buffer.prototype.writeUIntLE = function writeUIntLE (value, offset, byteLength, noAssert) { value = +value offset = offset | 0 byteLength = byteLength | 0 if (!noAssert) { var maxBytes = Math.pow(2, 8 * byteLength) - 1 checkInt(this, value, offset, byteLength, maxBytes, 0) } var mul = 1 var i = 0 this[offset] = value & 0xFF while (++i < byteLength && (mul *= 0x100)) { this[offset + i] = (value / mul) & 0xFF } return offset + byteLength } Buffer.prototype.writeUIntBE = function writeUIntBE (value, offset, byteLength, noAssert) { value = +value offset = offset | 0 byteLength = byteLength | 0 if (!noAssert) { var maxBytes = Math.pow(2, 8 * byteLength) - 1 checkInt(this, value, offset, byteLength, maxBytes, 0) } var i = byteLength - 1 var mul = 1 this[offset + i] = value & 0xFF while (--i >= 0 && (mul *= 0x100)) { this[offset + i] = (value / mul) & 0xFF } return offset + byteLength } Buffer.prototype.writeUInt8 = function writeUInt8 (value, offset, noAssert) { value = +value offset = offset | 0 if (!noAssert) checkInt(this, value, offset, 1, 0xff, 0) if (!Buffer.TYPED_ARRAY_SUPPORT) value = Math.floor(value) this[offset] = (value & 0xff) return offset + 1 } function objectWriteUInt16 (buf, value, offset, littleEndian) { if (value < 0) value = 0xffff + value + 1 for (var i = 0, j = Math.min(buf.length - offset, 2); i < j; ++i) { buf[offset + i] = (value & (0xff << (8 * (littleEndian ? i : 1 - i)))) >>> (littleEndian ? i : 1 - i) * 8 } } Buffer.prototype.writeUInt16LE = function writeUInt16LE (value, offset, noAssert) { value = +value offset = offset | 0 if (!noAssert) checkInt(this, value, offset, 2, 0xffff, 0) if (Buffer.TYPED_ARRAY_SUPPORT) { this[offset] = (value & 0xff) this[offset + 1] = (value >>> 8) } else { objectWriteUInt16(this, value, offset, true) } return offset + 2 } Buffer.prototype.writeUInt16BE = function writeUInt16BE (value, offset, noAssert) { value = +value offset = offset | 0 if (!noAssert) checkInt(this, value, offset, 2, 0xffff, 0) if (Buffer.TYPED_ARRAY_SUPPORT) { this[offset] = (value >>> 8) this[offset + 1] = (value & 0xff) } else { objectWriteUInt16(this, value, offset, false) } return offset + 2 } function objectWriteUInt32 (buf, value, offset, littleEndian) { if (value < 0) value = 0xffffffff + value + 1 for (var i = 0, j = Math.min(buf.length - offset, 4); i < j; ++i) { buf[offset + i] = (value >>> (littleEndian ? i : 3 - i) * 8) & 0xff } } Buffer.prototype.writeUInt32LE = function writeUInt32LE (value, offset, noAssert) { value = +value offset = offset | 0 if (!noAssert) checkInt(this, value, offset, 4, 0xffffffff, 0) if (Buffer.TYPED_ARRAY_SUPPORT) { this[offset + 3] = (value >>> 24) this[offset + 2] = (value >>> 16) this[offset + 1] = (value >>> 8) this[offset] = (value & 0xff) } else { objectWriteUInt32(this, value, offset, true) } return offset + 4 } Buffer.prototype.writeUInt32BE = function writeUInt32BE (value, offset, noAssert) { value = +value offset = offset | 0 if (!noAssert) checkInt(this, value, offset, 4, 0xffffffff, 0) if (Buffer.TYPED_ARRAY_SUPPORT) { this[offset] = (value >>> 24) this[offset + 1] = (value >>> 16) this[offset + 2] = (value >>> 8) this[offset + 3] = (value & 0xff) } else { objectWriteUInt32(this, value, offset, false) } return offset + 4 } Buffer.prototype.writeIntLE = function writeIntLE (value, offset, byteLength, noAssert) { value = +value offset = offset | 0 if (!noAssert) { var limit = Math.pow(2, 8 * byteLength - 1) checkInt(this, value, offset, byteLength, limit - 1, -limit) } var i = 0 var mul = 1 var sub = 0 this[offset] = value & 0xFF while (++i < byteLength && (mul *= 0x100)) { if (value < 0 && sub === 0 && this[offset + i - 1] !== 0) { sub = 1 } this[offset + i] = ((value / mul) >> 0) - sub & 0xFF } return offset + byteLength } Buffer.prototype.writeIntBE = function writeIntBE (value, offset, byteLength, noAssert) { value = +value offset = offset | 0 if (!noAssert) { var limit = Math.pow(2, 8 * byteLength - 1) checkInt(this, value, offset, byteLength, limit - 1, -limit) } var i = byteLength - 1 var mul = 1 var sub = 0 this[offset + i] = value & 0xFF while (--i >= 0 && (mul *= 0x100)) { if (value < 0 && sub === 0 && this[offset + i + 1] !== 0) { sub = 1 } this[offset + i] = ((value / mul) >> 0) - sub & 0xFF } return offset + byteLength } Buffer.prototype.writeInt8 = function writeInt8 (value, offset, noAssert) { value = +value offset = offset | 0 if (!noAssert) checkInt(this, value, offset, 1, 0x7f, -0x80) if (!Buffer.TYPED_ARRAY_SUPPORT) value = Math.floor(value) if (value < 0) value = 0xff + value + 1 this[offset] = (value & 0xff) return offset + 1 } Buffer.prototype.writeInt16LE = function writeInt16LE (value, offset, noAssert) { value = +value offset = offset | 0 if (!noAssert) checkInt(this, value, offset, 2, 0x7fff, -0x8000) if (Buffer.TYPED_ARRAY_SUPPORT) { this[offset] = (value & 0xff) this[offset + 1] = (value >>> 8) } else { objectWriteUInt16(this, value, offset, true) } return offset + 2 } Buffer.prototype.writeInt16BE = function writeInt16BE (value, offset, noAssert) { value = +value offset = offset | 0 if (!noAssert) checkInt(this, value, offset, 2, 0x7fff, -0x8000) if (Buffer.TYPED_ARRAY_SUPPORT) { this[offset] = (value >>> 8) this[offset + 1] = (value & 0xff) } else { objectWriteUInt16(this, value, offset, false) } return offset + 2 } Buffer.prototype.writeInt32LE = function writeInt32LE (value, offset, noAssert) { value = +value offset = offset | 0 if (!noAssert) checkInt(this, value, offset, 4, 0x7fffffff, -0x80000000) if (Buffer.TYPED_ARRAY_SUPPORT) { this[offset] = (value & 0xff) this[offset + 1] = (value >>> 8) this[offset + 2] = (value >>> 16) this[offset + 3] = (value >>> 24) } else { objectWriteUInt32(this, value, offset, true) } return offset + 4 } Buffer.prototype.writeInt32BE = function writeInt32BE (value, offset, noAssert) { value = +value offset = offset | 0 if (!noAssert) checkInt(this, value, offset, 4, 0x7fffffff, -0x80000000) if (value < 0) value = 0xffffffff + value + 1 if (Buffer.TYPED_ARRAY_SUPPORT) { this[offset] = (value >>> 24) this[offset + 1] = (value >>> 16) this[offset + 2] = (value >>> 8) this[offset + 3] = (value & 0xff) } else { objectWriteUInt32(this, value, offset, false) } return offset + 4 } function checkIEEE754 (buf, value, offset, ext, max, min) { if (offset + ext > buf.length) throw new RangeError('Index out of range') if (offset < 0) throw new RangeError('Index out of range') } function writeFloat (buf, value, offset, littleEndian, noAssert) { if (!noAssert) { checkIEEE754(buf, value, offset, 4, 3.4028234663852886e+38, -3.4028234663852886e+38) } ieee754.write(buf, value, offset, littleEndian, 23, 4) return offset + 4 } Buffer.prototype.writeFloatLE = function writeFloatLE (value, offset, noAssert) { return writeFloat(this, value, offset, true, noAssert) } Buffer.prototype.writeFloatBE = function writeFloatBE (value, offset, noAssert) { return writeFloat(this, value, offset, false, noAssert) } function writeDouble (buf, value, offset, littleEndian, noAssert) { if (!noAssert) { checkIEEE754(buf, value, offset, 8, 1.7976931348623157E+308, -1.7976931348623157E+308) } ieee754.write(buf, value, offset, littleEndian, 52, 8) return offset + 8 } Buffer.prototype.writeDoubleLE = function writeDoubleLE (value, offset, noAssert) { return writeDouble(this, value, offset, true, noAssert) } Buffer.prototype.writeDoubleBE = function writeDoubleBE (value, offset, noAssert) { return writeDouble(this, value, offset, false, noAssert) } // copy(targetBuffer, targetStart=0, sourceStart=0, sourceEnd=buffer.length) Buffer.prototype.copy = function copy (target, targetStart, start, end) { if (!start) start = 0 if (!end && end !== 0) end = this.length if (targetStart >= target.length) targetStart = target.length if (!targetStart) targetStart = 0 if (end > 0 && end < start) end = start // Copy 0 bytes; we're done if (end === start) return 0 if (target.length === 0 || this.length === 0) return 0 // Fatal error conditions if (targetStart < 0) { throw new RangeError('targetStart out of bounds') } if (start < 0 || start >= this.length) throw new RangeError('sourceStart out of bounds') if (end < 0) throw new RangeError('sourceEnd out of bounds') // Are we oob? if (end > this.length) end = this.length if (target.length - targetStart < end - start) { end = target.length - targetStart + start } var len = end - start var i if (this === target && start < targetStart && targetStart < end) { // descending copy from end for (i = len - 1; i >= 0; --i) { target[i + targetStart] = this[i + start] } } else if (len < 1000 || !Buffer.TYPED_ARRAY_SUPPORT) { // ascending copy from start for (i = 0; i < len; ++i) { target[i + targetStart] = this[i + start] } } else { Uint8Array.prototype.set.call( target, this.subarray(start, start + len), targetStart ) } return len } // Usage: // buffer.fill(number[, offset[, end]]) // buffer.fill(buffer[, offset[, end]]) // buffer.fill(string[, offset[, end]][, encoding]) Buffer.prototype.fill = function fill (val, start, end, encoding) { // Handle string cases: if (typeof val === 'string') { if (typeof start === 'string') { encoding = start start = 0 end = this.length } else if (typeof end === 'string') { encoding = end end = this.length } if (val.length === 1) { var code = val.charCodeAt(0) if (code < 256) { val = code } } if (encoding !== undefined && typeof encoding !== 'string') { throw new TypeError('encoding must be a string') } if (typeof encoding === 'string' && !Buffer.isEncoding(encoding)) { throw new TypeError('Unknown encoding: ' + encoding) } } else if (typeof val === 'number') { val = val & 255 } // Invalid ranges are not set to a default, so can range check early. if (start < 0 || this.length < start || this.length < end) { throw new RangeError('Out of range index') } if (end <= start) { return this } start = start >>> 0 end = end === undefined ? this.length : end >>> 0 if (!val) val = 0 var i if (typeof val === 'number') { for (i = start; i < end; ++i) { this[i] = val } } else { var bytes = Buffer.isBuffer(val) ? val : utf8ToBytes(new Buffer(val, encoding).toString()) var len = bytes.length for (i = 0; i < end - start; ++i) { this[i + start] = bytes[i % len] } } return this } // HELPER FUNCTIONS // ================ var INVALID_BASE64_RE = /[^+\/0-9A-Za-z-_]/g function base64clean (str) { // Node strips out invalid characters like \n and \t from the string, base64-js does not str = stringtrim(str).replace(INVALID_BASE64_RE, '') // Node converts strings with length < 2 to '' if (str.length < 2) return '' // Node allows for non-padded base64 strings (missing trailing ===), base64-js does not while (str.length % 4 !== 0) { str = str + '=' } return str } function stringtrim (str) { if (str.trim) return str.trim() return str.replace(/^\s+|\s+$/g, '') } function toHex (n) { if (n < 16) return '0' + n.toString(16) return n.toString(16) } function utf8ToBytes (string, units) { units = units || Infinity var codePoint var length = string.length var leadSurrogate = null var bytes = [] for (var i = 0; i < length; ++i) { codePoint = string.charCodeAt(i) // is surrogate component if (codePoint > 0xD7FF && codePoint < 0xE000) { // last char was a lead if (!leadSurrogate) { // no lead yet if (codePoint > 0xDBFF) { // unexpected trail if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD) continue } else if (i + 1 === length) { // unpaired lead if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD) continue } // valid lead leadSurrogate = codePoint continue } // 2 leads in a row if (codePoint < 0xDC00) { if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD) leadSurrogate = codePoint continue } // valid surrogate pair codePoint = (leadSurrogate - 0xD800 << 10 | codePoint - 0xDC00) + 0x10000 } else if (leadSurrogate) { // valid bmp char, but last char was a lead if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD) } leadSurrogate = null // encode utf8 if (codePoint < 0x80) { if ((units -= 1) < 0) break bytes.push(codePoint) } else if (codePoint < 0x800) { if ((units -= 2) < 0) break bytes.push( codePoint >> 0x6 | 0xC0, codePoint & 0x3F | 0x80 ) } else if (codePoint < 0x10000) { if ((units -= 3) < 0) break bytes.push( codePoint >> 0xC | 0xE0, codePoint >> 0x6 & 0x3F | 0x80, codePoint & 0x3F | 0x80 ) } else if (codePoint < 0x110000) { if ((units -= 4) < 0) break bytes.push( codePoint >> 0x12 | 0xF0, codePoint >> 0xC & 0x3F | 0x80, codePoint >> 0x6 & 0x3F | 0x80, codePoint & 0x3F | 0x80 ) } else { throw new Error('Invalid code point') } } return bytes } function asciiToBytes (str) { var byteArray = [] for (var i = 0; i < str.length; ++i) { // Node's code seems to be doing this and not & 0x7F.. byteArray.push(str.charCodeAt(i) & 0xFF) } return byteArray } function utf16leToBytes (str, units) { var c, hi, lo var byteArray = [] for (var i = 0; i < str.length; ++i) { if ((units -= 2) < 0) break c = str.charCodeAt(i) hi = c >> 8 lo = c % 256 byteArray.push(lo) byteArray.push(hi) } return byteArray } function base64ToBytes (str) { return base64.toByteArray(base64clean(str)) } function blitBuffer (src, dst, offset, length) { for (var i = 0; i < length; ++i) { if ((i + offset >= dst.length) || (i >= src.length)) break dst[i + offset] = src[i] } return i } function isnan (val) { return val !== val // eslint-disable-line no-self-compare } }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}) },{"base64-js":3,"ieee754":18,"isarray":8}],8:[function(_dereq_,module,exports){ var toString = {}.toString; module.exports = Array.isArray || function (arr) { return toString.call(arr) == '[object Array]'; }; },{}],9:[function(_dereq_,module,exports){ // Polyfill for creating CustomEvents on IE9/10/11 // code pulled from: // https://github.com/d4tocchini/customevent-polyfill // https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent#Polyfill (function() { if (typeof window === 'undefined') { return; } try { var ce = new window.CustomEvent('test', { cancelable: true }); ce.preventDefault(); if (ce.defaultPrevented !== true) { // IE has problems with .preventDefault() on custom events // http://stackoverflow.com/questions/23349191 throw new Error('Could not prevent default'); } } catch (e) { var CustomEvent = function(event, params) { var evt, origPrevent; params = params || {}; params.bubbles = !!params.bubbles; params.cancelable = !!params.cancelable; evt = document.createEvent('CustomEvent'); evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail ); origPrevent = evt.preventDefault; evt.preventDefault = function() { origPrevent.call(this); try { Object.defineProperty(this, 'defaultPrevented', { get: function() { return true; } }); } catch (e) { this.defaultPrevented = true; } }; return evt; }; CustomEvent.prototype = window.Event.prototype; window.CustomEvent = CustomEvent; // expose definition to window } })(); },{}],10:[function(_dereq_,module,exports){ /** * This is the web browser implementation of `debug()`. * * Expose `debug()` as the module. */ exports = module.exports = _dereq_('./debug'); exports.log = log; exports.formatArgs = formatArgs; exports.save = save; exports.load = load; exports.useColors = useColors; exports.storage = 'undefined' != typeof chrome && 'undefined' != typeof chrome.storage ? chrome.storage.local : localstorage(); /** * Colors. */ exports.colors = [ 'lightseagreen', 'forestgreen', 'goldenrod', 'dodgerblue', 'darkorchid', 'crimson' ]; /** * Currently only WebKit-based Web Inspectors, Firefox >= v31, * and the Firebug extension (any Firefox version) are known * to support "%c" CSS customizations. * * TODO: add a `localStorage` variable to explicitly enable/disable colors */ function useColors() { // is webkit? http://stackoverflow.com/a/16459606/376773 return ('WebkitAppearance' in document.documentElement.style) || // is firebug? http://stackoverflow.com/a/398120/376773 (window.console && (console.firebug || (console.exception && console.table))) || // is firefox >= v31? // https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages (navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) && parseInt(RegExp.$1, 10) >= 31); } /** * Map %j to `JSON.stringify()`, since no Web Inspectors do that by default. */ exports.formatters.j = function(v) { return JSON.stringify(v); }; /** * Colorize log arguments if enabled. * * @api public */ function formatArgs() { var args = arguments; var useColors = this.useColors; args[0] = (useColors ? '%c' : '') + this.namespace + (useColors ? ' %c' : ' ') + args[0] + (useColors ? '%c ' : ' '); if (!useColors) return args; var c = 'color: ' + this.color; args = [args[0], c, 'color: inherit'].concat(Array.prototype.slice.call(args, 1)); // the final "%c" is somewhat tricky, because there could be other // arguments passed either before or after the %c, so we need to // figure out the correct index to insert the CSS into var index = 0; var lastC = 0; args[0].replace(/%[a-z%]/g, function(match) { if ('%%' === match) return; index++; if ('%c' === match) { // we only are interested in the *last* %c // (the user may have provided their own) lastC = index; } }); args.splice(lastC, 0, c); return args; } /** * Invokes `console.log()` when available. * No-op when `console.log` is not a "function". * * @api public */ function log() { // this hackery is required for IE8/9, where // the `console.log` function doesn't have 'apply' return 'object' === typeof console && console.log && Function.prototype.apply.call(console.log, console, arguments); } /** * Save `namespaces`. * * @param {String} namespaces * @api private */ function save(namespaces) { try { if (null == namespaces) { exports.storage.removeItem('debug'); } else { exports.storage.debug = namespaces; } } catch(e) {} } /** * Load `namespaces`. * * @return {String} returns the previously persisted debug modes * @api private */ function load() { var r; try { r = exports.storage.debug; } catch(e) {} return r; } /** * Enable namespaces listed in `localStorage.debug` initially. */ exports.enable(load()); /** * Localstorage attempts to return the localstorage. * * This is necessary because safari throws * when a user disables cookies/localstorage * and you attempt to access it. * * @return {LocalStorage} * @api private */ function localstorage(){ try { return window.localStorage; } catch (e) {} } },{"./debug":11}],11:[function(_dereq_,module,exports){ /** * This is the common logic for both the Node.js and web browser * implementations of `debug()`. * * Expose `debug()` as the module. */ exports = module.exports = debug; exports.coerce = coerce; exports.disable = disable; exports.enable = enable; exports.enabled = enabled; /** * The currently active debug mode names, and names to skip. */ exports.names = []; exports.skips = []; /** * Map of special "%n" handling functions, for the debug "format" argument. * * Valid key names are a single, lowercased letter, i.e. "n". */ exports.formatters = {}; /** * Previously assigned color. */ var prevColor = 0; /** * Select a color. * * @return {Number} * @api private */ function selectColor() { return exports.colors[prevColor++ % exports.colors.length]; } /** * Create a debugger with the given `namespace`. * * @param {String} namespace * @return {Function} * @api public */ function debug(namespace) { // define the `disabled` version function disabled() { } disabled.enabled = false; // define the `enabled` version function enabled() { var self = enabled; // add the `color` if not set if (null == self.useColors) self.useColors = exports.useColors(); if (null == self.color && self.useColors) self.color = selectColor(); var args = Array.prototype.slice.call(arguments); args[0] = exports.coerce(args[0]); if ('string' !== typeof args[0]) { // anything else let's inspect with %o args = ['%o'].concat(args); } // apply any `formatters` transformations var index = 0; args[0] = args[0].replace(/%([a-z%])/g, function(match, format) { // if we encounter an escaped % then don't increase the array index if (match === '%%') return match; index++; var formatter = exports.formatters[format]; if ('function' === typeof formatter) { var val = args[index]; match = formatter.call(self, val); // now we need to remove `args[index]` since it's inlined in the `format` args.splice(index, 1); index--; } return match; }); if ('function' === typeof exports.formatArgs) { args = exports.formatArgs.apply(self, args); } var logFn = enabled.log || exports.log || console.log.bind(console); logFn.apply(self, args); } enabled.enabled = true; var fn = exports.enabled(namespace) ? enabled : disabled; fn.namespace = namespace; return fn; } /** * Enables a debug mode by namespaces. This can include modes * separated by a colon and wildcards. * * @param {String} namespaces * @api public */ function enable(namespaces) { exports.save(namespaces); var split = (namespaces || '').split(/[\s,]+/); var len = split.length; for (var i = 0; i < len; i++) { if (!split[i]) continue; // ignore empty strings namespaces = split[i].replace(/\*/g, '.*?'); if (namespaces[0] === '-') { exports.skips.push(new RegExp('^' + namespaces.substr(1) + '$')); } else { exports.names.push(new RegExp('^' + namespaces + '$')); } } } /** * Disable debug output. * * @api public */ function disable() { exports.enable(''); } /** * Returns true if the given mode name is enabled, false otherwise. * * @param {String} name * @return {Boolean} * @api public */ function enabled(name) { var i, len; for (i = 0, len = exports.skips.length; i < len; i++) { if (exports.skips[i].test(name)) { return false; } } for (i = 0, len = exports.names.length; i < len; i++) { if (exports.names[i].test(name)) { return true; } } return false; } /** * Coerce `val`. * * @param {Mixed} val * @return {Mixed} * @api private */ function coerce(val) { if (val instanceof Error) return val.stack || val.message; return val; } },{}],12:[function(_dereq_,module,exports){ 'use strict'; var isObj = _dereq_('is-obj'); var hasOwnProperty = Object.prototype.hasOwnProperty; var propIsEnumerable = Object.prototype.propertyIsEnumerable; function toObject(val) { if (val === null || val === undefined) { throw new TypeError('Sources cannot be null or undefined'); } return Object(val); } function assignKey(to, from, key) { var val = from[key]; if (val === undefined || val === null) { return; } if (hasOwnProperty.call(to, key)) { if (to[key] === undefined || to[key] === null) { throw new TypeError('Cannot convert undefined or null to object (' + key + ')'); } } if (!hasOwnProperty.call(to, key) || !isObj(val)) { to[key] = val; } else { to[key] = assign(Object(to[key]), from[key]); } } function assign(to, from) { if (to === from) { return to; } from = Object(from); for (var key in from) { if (hasOwnProperty.call(from, key)) { assignKey(to, from, key); } } if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(from); for (var i = 0; i < symbols.length; i++) { if (propIsEnumerable.call(from, symbols[i])) { assignKey(to, from, symbols[i]); } } } return to; } module.exports = function deepAssign(target) { target = toObject(target); for (var s = 1; s < arguments.length; s++) { assign(target, arguments[s]); } return target; }; },{"is-obj":23}],13:[function(_dereq_,module,exports){ /*! (C) WebReflection Mit Style License */ (function(t,n,r,i){"use strict";function st(e,t){for(var n=0,r=e.length;n<r;n++)gt(e[n],t)}function ot(e){for(var t=0,n=e.length,r;t<n;t++)r=e[t],it(r,w[at(r)])}function ut(e){return function(t){F(t)&&(gt(t,e),st(t.querySelectorAll(E),e))}}function at(e){var t=R.call(e,"is"),n=e.nodeName.toUpperCase(),r=x.call(b,t?m+t.toUpperCase():v+n);return t&&-1<r&&!ft(n,t)?-1:r}function ft(e,t){return-1<E.indexOf(e+'[is="'+t+'"]')}function lt(e){var t=e.currentTarget,n=e.attrChange,r=e.attrName,i=e.target;Y&&(!i||i===t)&&t.attributeChangedCallback&&r!=="style"&&e.prevValue!==e.newValue&&t.attributeChangedCallback(r,n===e[f]?null:e.prevValue,n===e[c]?null:e.newValue)}function ct(e){var t=ut(e);return function(e){$.push(t,e.target)}}function ht(e){G&&(G=!1,e.currentTarget.removeEventListener(p,ht)),st((e.target||n).querySelectorAll(E),e.detail===u?u:o),j&&vt()}function pt(e,t){var n=this;U.call(n,e,t),Z.call(n,{target:n})}function dt(e,t){P(e,t),nt?nt.observe(e,X):(Q&&(e.setAttribute=pt,e[s]=tt(e),e.addEventListener(d,Z)),e.addEventListener(h,lt)),e.createdCallback&&Y&&(e.created=!0,e.createdCallback(),e.created=!1)}function vt(){for(var e,t=0,n=I.length;t<n;t++)e=I[t],S.contains(e)||(n--,I.splice(t--,1),gt(e,u))}function mt(e){throw new Error("A "+e+" type is already registered")}function gt(e,t){var n,r=at(e);-1<r&&(rt(e,w[r]),r=0,t===o&&!e[o]?(e[u]=!1,e[o]=!0,r=1,j&&x.call(I,e)<0&&I.push(e)):t===u&&!e[u]&&(e[o]=!1,e[u]=!0,r=1),r&&(n=e[t+"Callback"])&&n.call(e))}if(i in n)return;var s="__"+i+(Math.random()*1e5>>0),o="attached",u="detached",a="extends",f="ADDITION",l="MODIFICATION",c="REMOVAL",h="DOMAttrModified",p="DOMContentLoaded",d="DOMSubtreeModified",v="<",m="=",g=/^[A-Z][A-Z0-9]*(?:-[A-Z0-9]+)+$/,y=["ANNOTATION-XML","COLOR-PROFILE","FONT-FACE","FONT-FACE-SRC","FONT-FACE-URI","FONT-FACE-FORMAT","FONT-FACE-NAME","MISSING-GLYPH"],b=[],w=[],E="",S=n.documentElement,x=b.indexOf||function(e){for(var t=this.length;t--&&this[t]!==e;);return t},T=r.prototype,N=T.hasOwnProperty,C=T.isPrototypeOf,k=r.defineProperty,L=r.getOwnPropertyDescriptor,A=r.getOwnPropertyNames,O=r.getPrototypeOf,M=r.setPrototypeOf,_=!!r.__proto__,D=r.create||function yt(e){return e?(yt.prototype=e,new yt):this},P=M||(_?function(e,t){return e.__proto__=t,e}:A&&L?function(){function e(e,t){for(var n,r=A(t),i=0,s=r.length;i<s;i++)n=r[i],N.call(e,n)||k(e,n,L(t,n))}return function(t,n){do e(t,n);while((n=O(n))&&!C.call(n,t));return t}}():function(e,t){for(var n in t)e[n]=t[n];return e}),H=t.MutationObserver||t.WebKitMutationObserver,B=(t.HTMLElement||t.Element||t.Node).prototype,j=!C.call(B,S),F=j?function(e){return e.nodeType===1}:function(e){return C.call(B,e)},I=j&&[],q=B.cloneNode,R=B.getAttribute,U=B.setAttribute,z=B.removeAttribute,W=n.createElement,X=H&&{attributes:!0,characterData:!0,attributeOldValue:!0},V=H||function(e){Q=!1,S.removeEventListener(h,V)},$,J=t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||t.msRequestAnimationFrame||function(e){setTimeout(e,10)},K=!1,Q=!0,G=!0,Y=!0,Z,et,tt,nt,rt,it;M||_?(rt=function(e,t){C.call(t,e)||dt(e,t)},it=dt):(rt=function(e,t){e[s]||(e[s]=r(!0),dt(e,t))},it=rt),j?(Q=!1,function(){var t=L(B,"addEventListener"),n=t.value,r=function(e){var t=new CustomEvent(h,{bubbles:!0});t.attrName=e,t.prevValue=R.call(this,e),t.newValue=null,t[c]=t.attrChange=2,z.call(this,e),this.dispatchEvent(t)},i=function(t,n){var r=this.hasAttribute(t),i=r&&R.call(this,t);e=new CustomEvent(h,{bubbles:!0}),U.call(this,t,n),e.attrName=t,e.prevValue=r?i:null,e.newValue=n,r?e[l]=e.attrChange=1:e[f]=e.attrChange=0,this.dispatchEvent(e)},o=function(e){var t=e.currentTarget,n=t[s],r=e.propertyName,i;n.hasOwnProperty(r)&&(n=n[r],i=new CustomEvent(h,{bubbles:!0}),i.attrName=n.name,i.prevValue=n.value||null,i.newValue=n.value=t[r]||null,i.prevValue==null?i[f]=i.attrChange=0:i[l]=i.attrChange=1,t.dispatchEvent(i))};t.value=function(e,t,u){e===h&&this.attributeChangedCallback&&this.setAttribute!==i&&(this[s]={className:{name:"class",value:this.className}},this.setAttribute=i,this.removeAttribute=r,n.call(this,"propertychange",o)),n.call(this,e,t,u)},k(B,"addEventListener",t)}()):H||(S.addEventListener(h,V),S.setAttribute(s,1),S.removeAttribute(s),Q&&(Z=function(e){var t=this,n,r,i;if(t===e.target){n=t[s],t[s]=r=tt(t);for(i in r){if(!(i in n))return et(0,t,i,n[i],r[i],f);if(r[i]!==n[i])return et(1,t,i,n[i],r[i],l)}for(i in n)if(!(i in r))return et(2,t,i,n[i],r[i],c)}},et=function(e,t,n,r,i,s){var o={attrChange:e,currentTarget:t,attrName:n,prevValue:r,newValue:i};o[s]=e,lt(o)},tt=function(e){for(var t,n,r={},i=e.attributes,s=0,o=i.length;s<o;s++)t=i[s],n=t.name,n!=="setAttribute"&&(r[n]=t.value);return r})),n[i]=function(t,r){c=t.toUpperCase(),K||(K=!0,H?(nt=function(e,t){function n(e,t){for(var n=0,r=e.length;n<r;t(e[n++]));}return new H(function(r){for(var i,s,o,u=0,a=r.length;u<a;u++)i=r[u],i.type==="childList"?(n(i.addedNodes,e),n(i.removedNodes,t)):(s=i.target,Y&&s.attributeChangedCallback&&i.attributeName!=="style"&&(o=R.call(s,i.attributeName),o!==i.oldValue&&s.attributeChangedCallback(i.attributeName,i.oldValue,o)))})}(ut(o),ut(u)),nt.observe(n,{childList:!0,subtree:!0})):($=[],J(function d(){while($.length)$.shift().call(null,$.shift());J(d)}),n.addEventListener("DOMNodeInserted",ct(o)),n.addEventListener("DOMNodeRemoved",ct(u))),n.addEventListener(p,ht),n.addEventListener("readystatechange",ht),n.createElement=function(e,t){var r=W.apply(n,arguments),i=""+e,s=x.call(b,(t?m:v)+(t||i).toUpperCase()),o=-1<s;return t&&(r.setAttribute("is",t=t.toLowerCase()),o&&(o=ft(i.toUpperCase(),t))),Y=!n.createElement.innerHTMLHelper,o&&it(r,w[s]),r},B.cloneNode=function(e){var t=q.call(this,!!e),n=at(t);return-1<n&&it(t,w[n]),e&&ot(t.querySelectorAll(E)),t}),-2<x.call(b,m+c)+x.call(b,v+c)&&mt(t);if(!g.test(c)||-1<x.call(y,c))throw new Error("The type "+t+" is invalid");var i=function(){return f?n.createElement(l,c):n.createElement(l)},s=r||T,f=N.call(s,a),l=f?r[a].toUpperCase():c,c,h;return f&&-1<x.call(b,v+l)&&mt(l),h=b.push((f?m:v)+c)-1,E=E.concat(E.length?",":"",f?l+'[is="'+t.toLowerCase()+'"]':l),i.prototype=w[h]=N.call(s,"prototype")?s.prototype:D(B),st(n.querySelectorAll(E),o),i}})(window,document,Object,"registerElement"); },{}],14:[function(_dereq_,module,exports){ module.exports = function(dtype) { switch (dtype) { case 'int8': return Int8Array case 'int16': return Int16Array case 'int32': return Int32Array case 'uint8': return Uint8Array case 'uint16': return Uint16Array case 'uint32': return Uint32Array case 'float32': return Float32Array case 'float64': return Float64Array case 'array': return Array case 'uint8_clamped': return Uint8ClampedArray } } },{}],15:[function(_dereq_,module,exports){ /*eslint new-cap:0*/ var dtype = _dereq_('dtype') module.exports = flattenVertexData function flattenVertexData (data, output, offset) { if (!data) throw new TypeError('must specify data as first parameter') offset = +(offset || 0) | 0 if (Array.isArray(data) && (data[0] && typeof data[0][0] === 'number')) { var dim = data[0].length var length = data.length * dim var i, j, k, l // no output specified, create a new typed array if (!output || typeof output === 'string') { output = new (dtype(output || 'float32'))(length + offset) } var dstLength = output.length - offset if (length !== dstLength) { throw new Error('source length ' + length + ' (' + dim + 'x' + data.length + ')' + ' does not match destination length ' + dstLength) } for (i = 0, k = offset; i < data.length; i++) { for (j = 0; j < dim; j++) { output[k++] = data[i][j] === null ? NaN : data[i][j] } } } else { if (!output || typeof output === 'string') { // no output, create a new one var Ctor = dtype(output || 'float32') // handle arrays separately due to possible nulls if (Array.isArray(data) || output === 'array') { output = new Ctor(data.length + offset) for (i = 0, k = offset, l = output.length; k < l; k++, i++) { output[k] = data[i] === null ? NaN : data[i] } } else { if (offset === 0) { output = new Ctor(data) } else { output = new Ctor(data.length + offset) output.set(data, offset) } } } else { // store output in existing array output.set(data, offset) } } return output } },{"dtype":14}],16:[function(_dereq_,module,exports){ 'use strict'; var isCallable = _dereq_('is-callable'); var toStr = Object.prototype.toString; var hasOwnProperty = Object.prototype.hasOwnProperty; var forEachArray = function forEachArray(array, iterator, receiver) { for (var i = 0, len = array.length; i < len; i++) { if (hasOwnProperty.call(array, i)) { if (receiver == null) { iterator(array[i], i, array); } else { iterator.call(receiver, array[i], i, array); } } } }; var forEachString = function forEachString(string, iterator, receiver) { for (var i = 0, len = string.length; i < len; i++) { // no such thing as a sparse string. if (receiver == null) { iterator(string.charAt(i), i, string); } else { iterator.call(receiver, string.charAt(i), i, string); } } }; var forEachObject = function forEachObject(object, iterator, receiver) { for (var k in object) { if (hasOwnProperty.call(object, k)) { if (receiver == null) { iterator(object[k], k, object); } else { iterator.call(receiver, object[k], k, object); } } } }; var forEach = function forEach(list, iterator, thisArg) { if (!isCallable(iterator)) { throw new TypeError('iterator must be a function'); } var receiver; if (arguments.length >= 3) { receiver = thisArg; } if (toStr.call(list) === '[object Array]') { forEachArray(list, iterator, receiver); } else if (typeof list === 'string') { forEachString(list, iterator, receiver); } else { forEachObject(list, iterator, receiver); } }; module.exports = forEach; },{"is-callable":21}],17:[function(_dereq_,module,exports){ (function (global){ var win; if (typeof window !== "undefined") { win = window; } else if (typeof global !== "undefined") { win = global; } else if (typeof self !== "undefined"){ win = self; } else { win = {}; } module.exports = win; }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}) },{}],18:[function(_dereq_,module,exports){ exports.read = function (buffer, offset, isLE, mLen, nBytes) { var e, m var eLen = (nBytes * 8) - mLen - 1 var eMax = (1 << eLen) - 1 var eBias = eMax >> 1 var nBits = -7 var i = isLE ? (nBytes - 1) : 0 var d = isLE ? -1 : 1 var s = buffer[offset + i] i += d e = s & ((1 << (-nBits)) - 1) s >>= (-nBits) nBits += eLen for (; nBits > 0; e = (e * 256) + buffer[offset + i], i += d, nBits -= 8) {} m = e & ((1 << (-nBits)) - 1) e >>= (-nBits) nBits += mLen for (; nBits > 0; m = (m * 256) + buffer[offset + i], i += d, nBits -= 8) {} if (e === 0) { e = 1 - eBias } else if (e === eMax) { return m ? NaN : ((s ? -1 : 1) * Infinity) } else { m = m + Math.pow(2, mLen) e = e - eBias } return (s ? -1 : 1) * m * Math.pow(2, e - mLen) } exports.write = function (buffer, value, offset, isLE, mLen, nBytes) { var e, m, c var eLen = (nBytes * 8) - mLen - 1 var eMax = (1 << eLen) - 1 var eBias = eMax >> 1 var rt = (mLen === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0) var i = isLE ? 0 : (nBytes - 1) var d = isLE ? 1 : -1 var s = value < 0 || (value === 0 && 1 / value < 0) ? 1 : 0 value = Math.abs(value) if (isNaN(value) || value === Infinity) { m = isNaN(value) ? 1 : 0 e = eMax } else { e = Math.floor(Math.log(value) / Math.LN2) if (value * (c = Math.pow(2, -e)) < 1) { e-- c *= 2 } if (e + eBias >= 1) { value += rt / c } else { value += rt * Math.pow(2, 1 - eBias) } if (value * c >= 2) { e++ c /= 2 } if (e + eBias >= eMax) { m = 0 e = eMax } else if (e + eBias >= 1) { m = ((value * c) - 1) * Math.pow(2, mLen) e = e + eBias } else { m = value * Math.pow(2, eBias - 1) * Math.pow(2, mLen) e = 0 } } for (; mLen >= 8; buffer[offset + i] = m & 0xff, i += d, m /= 256, mLen -= 8) {} e = (e << mLen) | m eLen += mLen for (; eLen > 0; buffer[offset + i] = e & 0xff, i += d, e /= 256, eLen -= 8) {} buffer[offset + i - d] |= s * 128 } },{}],19:[function(_dereq_,module,exports){ if (typeof Object.create === 'function') { // implementation from standard node.js 'util' module module.exports = function inherits(ctor, superCtor) { ctor.super_ = superCtor ctor.prototype = Object.create(superCtor.prototype, { constructor: { value: ctor, enumerable: false, writable: true, configurable: true } }); }; } else { // old school shim for old browsers module.exports = function inherits(ctor, superCtor) { ctor.super_ = superCtor var TempCtor = function () {} TempCtor.prototype = superCtor.prototype ctor.prototype = new TempCtor() ctor.prototype.constructor = ctor } } },{}],20:[function(_dereq_,module,exports){ /*! * Determine if an object is a Buffer * * @author Feross Aboukhadijeh <https://feross.org> * @license MIT */ // The _isBuffer check is for Safari 5-7 support, because it's missing // Object.prototype.constructor. Remove this eventually module.exports = function (obj) { return obj != null && (isBuffer(obj) || isSlowBuffer(obj) || !!obj._isBuffer) } function isBuffer (obj) { return !!obj.constructor && typeof obj.constructor.isBuffer === 'function' && obj.constructor.isBuffer(obj) } // For Node v0.10 support. Remove this eventually. function isSlowBuffer (obj) { return typeof obj.readFloatLE === 'function' && typeof obj.slice === 'function' && isBuffer(obj.slice(0, 0)) } },{}],21:[function(_dereq_,module,exports){ 'use strict'; var fnToStr = Function.prototype.toString; var constructorRegex = /^\s*class\b/; var isES6ClassFn = function isES6ClassFunction(value) { try { var fnStr = fnToStr.call(value); return constructorRegex.test(fnStr); } catch (e) { return false; // not a function } }; var tryFunctionObject = function tryFunctionToStr(value) { try { if (isES6ClassFn(value)) { return false; } fnToStr.call(value); return true; } catch (e) { return false; } }; var toStr = Object.prototype.toString; var fnClass = '[object Function]'; var genClass = '[object GeneratorFunction]'; var hasToStringTag = typeof Symbol === 'function' && typeof Symbol.toStringTag === 'symbol'; module.exports = function isCallable(value) { if (!value) { return false; } if (typeof value !== 'function' && typeof value !== 'object') { return false; } if (typeof value === 'function' && !value.prototype) { return true; } if (hasToStringTag) { return tryFunctionObject(value); } if (isES6ClassFn(value)) { return false; } var strClass = toStr.call(value); return strClass === fnClass || strClass === genClass; }; },{}],22:[function(_dereq_,module,exports){ module.exports = isFunction var toString = Object.prototype.toString function isFunction (fn) { var string = toString.call(fn) return string === '[object Function]' || (typeof fn === 'function' && string !== '[object RegExp]') || (typeof window !== 'undefined' && // IE8 and below (fn === window.setTimeout || fn === window.alert || fn === window.confirm || fn === window.prompt)) }; },{}],23:[function(_dereq_,module,exports){ 'use strict'; module.exports = function (x) { var type = typeof x; return x !== null && (type === 'object' || type === 'function'); }; },{}],24:[function(_dereq_,module,exports){ var wordWrap = _dereq_('word-wrapper') var xtend = _dereq_('xtend') var number = _dereq_('as-number') var X_HEIGHTS = ['x', 'e', 'a', 'o', 'n', 's', 'r', 'c', 'u', 'm', 'v', 'w', 'z'] var M_WIDTHS = ['m', 'w'] var CAP_HEIGHTS = ['H', 'I', 'N', 'E', 'F', 'K', 'L', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'] var TAB_ID = '\t'.charCodeAt(0) var SPACE_ID = ' '.charCodeAt(0) var ALIGN_LEFT = 0, ALIGN_CENTER = 1, ALIGN_RIGHT = 2 module.exports = function createLayout(opt) { return new TextLayout(opt) } function TextLayout(opt) { this.glyphs = [] this._measure = this.computeMetrics.bind(this) this.update(opt) } TextLayout.prototype.update = function(opt) { opt = xtend({ measure: this._measure }, opt) this._opt = opt this._opt.tabSize = number(this._opt.tabSize, 4) if (!opt.font) throw new Error('must provide a valid bitmap font') var glyphs = this.glyphs var text = opt.text||'' var font = opt.font this._setupSpaceGlyphs(font) var lines = wordWrap.lines(text, opt) var minWidth = opt.width || 0 //clear glyphs glyphs.length = 0 //get max line width var maxLineWidth = lines.reduce(function(prev, line) { return Math.max(prev, line.width, minWidth) }, 0) //the pen position var x = 0 var y = 0 var lineHeight = number(opt.lineHeight, font.common.lineHeight) var baseline = font.common.base var descender = lineHeight-baseline var letterSpacing = opt.letterSpacing || 0 var height = lineHeight * lines.length - descender var align = getAlignType(this._opt.align) //draw text along baseline y -= height //the metrics for this text layout this._width = maxLineWidth this._height = height this._descender = lineHeight - baseline this._baseline = baseline this._xHeight = getXHeight(font) this._capHeight = getCapHeight(font) this._lineHeight = lineHeight this._ascender = lineHeight - descender - this._xHeight //layout each glyph var self = this lines.forEach(function(line, lineIndex) { var start = line.start var end = line.end var lineWidth = line.width var lastGlyph //for each glyph in that line... for (var i=start; i<end; i++) { var id = text.charCodeAt(i) var glyph = self.getGlyph(font, id) if (glyph) { if (lastGlyph) x += getKerning(font, lastGlyph.id, glyph.id) var tx = x if (align === ALIGN_CENTER) tx += (maxLineWidth-lineWidth)/2 else if (align === ALIGN_RIGHT) tx += (maxLineWidth-lineWidth) glyphs.push({ position: [tx, y], data: glyph, index: i, line: lineIndex }) //move pen forward x += glyph.xadvance + letterSpacing lastGlyph = glyph } } //next line down y += lineHeight x = 0 }) this._linesTotal = lines.length; } TextLayout.prototype._setupSpaceGlyphs = function(font) { //These are fallbacks, when the font doesn't include //' ' or '\t' glyphs this._fallbackSpaceGlyph = null this._fallbackTabGlyph = null if (!font.chars || font.chars.length === 0) return //try to get space glyph //then fall back to the 'm' or 'w' glyphs //then fall back to the first glyph available var space = getGlyphById(font, SPACE_ID) || getMGlyph(font) || font.chars[0] //and create a fallback for tab var tabWidth = this._opt.tabSize * space.xadvance this._fallbackSpaceGlyph = space this._fallbackTabGlyph = xtend(space, { x: 0, y: 0, xadvance: tabWidth, id: TAB_ID, xoffset: 0, yoffset: 0, width: 0, height: 0 }) } TextLayout.prototype.getGlyph = function(font, id) { var glyph = getGlyphById(font, id) if (glyph) return glyph else if (id === TAB_ID) return this._fallbackTabGlyph else if (id === SPACE_ID) return this._fallbackSpaceGlyph return null } TextLayout.prototype.computeMetrics = function(text, start, end, width) { var letterSpacing = this._opt.letterSpacing || 0 var font = this._opt.font var curPen = 0 var curWidth = 0 var count = 0 var glyph var lastGlyph if (!font.chars || font.chars.length === 0) { return { start: start, end: start, width: 0 } } end = Math.min(text.length, end) for (var i=start; i < end; i++) { var id = text.charCodeAt(i) var glyph = this.getGlyph(font, id) if (glyph) { //move pen forward var xoff = glyph.xoffset var kern = lastGlyph ? getKerning(font, lastGlyph.id, glyph.id) : 0 curPen += kern var nextPen = curPen + glyph.xadvance + letterSpacing var nextWidth = curPen + glyph.width //we've hit our limit; we can't move onto the next glyph if (nextWidth >= width || nextPen >= width) break //otherwise continue along our line curPen = nextPen curWidth = nextWidth lastGlyph = glyph } count++ } //make sure rightmost edge lines up with rendered glyphs if (lastGlyph) curWidth += lastGlyph.xoffset return { start: start, end: start + count, width: curWidth } } //getters for the private vars ;['width', 'height', 'descender', 'ascender', 'xHeight', 'baseline', 'capHeight', 'lineHeight' ].forEach(addGetter) function addGetter(name) { Object.defineProperty(TextLayout.prototype, name, { get: wrapper(name), configurable: true }) } //create lookups for private vars function wrapper(name) { return (new Function([ 'return function '+name+'() {', ' return this._'+name, '}' ].join('\n')))() } function getGlyphById(font, id) { if (!font.chars || font.chars.length === 0) return null var glyphIdx = findChar(font.chars, id) if (glyphIdx >= 0) return font.chars[glyphIdx] return null } function getXHeight(font) { for (var i=0; i<X_HEIGHTS.length; i++) { var id = X_HEIGHTS[i].charCodeAt(0) var idx = findChar(font.chars, id) if (idx >= 0) return font.chars[idx].height } return 0 } function getMGlyph(font) { for (var i=0; i<M_WIDTHS.length; i++) { var id = M_WIDTHS[i].charCodeAt(0) var idx = findChar(font.chars, id) if (idx >= 0) return font.chars[idx] } return 0 } function getCapHeight(font) { for (var i=0; i<CAP_HEIGHTS.length; i++) { var id = CAP_HEIGHTS[i].charCodeAt(0) var idx = findChar(font.chars, id) if (idx >= 0) return font.chars[idx].height } return 0 } function getKerning(font, left, right) { if (!font.kernings || font.kernings.length === 0) return 0 var table = font.kernings for (var i=0; i<table.length; i++) { var kern = table[i] if (kern.first === left && kern.second === right) return kern.amount } return 0 } function getAlignType(align) { if (align === 'center') return ALIGN_CENTER else if (align === 'right') return ALIGN_RIGHT return ALIGN_LEFT } function findChar (array, value, start) { start = start || 0 for (var i = start; i < array.length; i++) { if (array[i].id === value) { return i } } return -1 } },{"as-number":2,"word-wrapper":51,"xtend":54}],25:[function(_dereq_,module,exports){ (function (Buffer){ var xhr = _dereq_('xhr') var noop = function(){} var parseASCII = _dereq_('parse-bmfont-ascii') var parseXML = _dereq_('parse-bmfont-xml') var readBinary = _dereq_('parse-bmfont-binary') var isBinaryFormat = _dereq_('./lib/is-binary') var xtend = _dereq_('xtend') var xml2 = (function hasXML2() { return window.XMLHttpRequest && "withCredentials" in new XMLHttpRequest })() module.exports = function(opt, cb) { cb = typeof cb === 'function' ? cb : noop if (typeof opt === 'string') opt = { uri: opt } else if (!opt) opt = {} var expectBinary = opt.binary if (expectBinary) opt = getBinaryOpts(opt) xhr(opt, function(err, res, body) { if (err) return cb(err) if (!/^2/.test(res.statusCode)) return cb(new Error('http status code: '+res.statusCode)) if (!body) return cb(new Error('no body result')) var binary = false //if the response type is an array buffer, //we need to convert it into a regular Buffer object if (isArrayBuffer(body)) { var array = new Uint8Array(body) body = new Buffer(array, 'binary') } //now check the string/Buffer response //and see if it has a binary BMF header if (isBinaryFormat(body)) { binary = true //if we have a string, turn it into a Buffer if (typeof body === 'string') body = new Buffer(body, 'binary') } //we are not parsing a binary format, just ASCII/XML/etc if (!binary) { //might still be a buffer if responseType is 'arraybuffer' if (Buffer.isBuffer(body)) body = body.toString(opt.encoding) body = body.trim() } var result try { var type = res.headers['content-type'] if (binary) result = readBinary(body) else if (/json/.test(type) || body.charAt(0) === '{') result = JSON.parse(body) else if (/xml/.test(type) || body.charAt(0) === '<') result = parseXML(body) else result = parseASCII(body) } catch (e) { cb(new Error('error parsing font '+e.message)) cb = noop } cb(null, result) }) } function isArrayBuffer(arr) { var str = Object.prototype.toString return str.call(arr) === '[object ArrayBuffer]' } function getBinaryOpts(opt) { //IE10+ and other modern browsers support array buffers if (xml2) return xtend(opt, { responseType: 'arraybuffer' }) if (typeof window.XMLHttpRequest === 'undefined') throw new Error('your browser does not support XHR loading') //IE9 and XML1 browsers could still use an override var req = new window.XMLHttpRequest() req.overrideMimeType('text/plain; charset=x-user-defined') return xtend({ xhr: req }, opt) } }).call(this,_dereq_("buffer").Buffer) },{"./lib/is-binary":26,"buffer":7,"parse-bmfont-ascii":28,"parse-bmfont-binary":29,"parse-bmfont-xml":30,"xhr":52,"xtend":54}],26:[function(_dereq_,module,exports){ (function (Buffer){ var equal = _dereq_('buffer-equal') var HEADER = new Buffer([66, 77, 70, 3]) module.exports = function(buf) { if (typeof buf === 'string') return buf.substring(0, 3) === 'BMF' return buf.length > 4 && equal(buf.slice(0, 4), HEADER) } }).call(this,_dereq_("buffer").Buffer) },{"buffer":7,"buffer-equal":6}],27:[function(_dereq_,module,exports){ /* eslint-disable no-unused-vars */ 'use strict'; var hasOwnProperty = Object.prototype.hasOwnProperty; var propIsEnumerable = Object.prototype.propertyIsEnumerable; function toObject(val) { if (val === null || val === undefined) { throw new TypeError('Object.assign cannot be called with null or undefined'); } return Object(val); } module.exports = Object.assign || function (target, source) { var from; var to = toObject(target); var symbols; for (var s = 1; s < arguments.length; s++) { from = Object(arguments[s]); for (var key in from) { if (hasOwnProperty.call(from, key)) { to[key] = from[key]; } } if (Object.getOwnPropertySymbols) { symbols = Object.getOwnPropertySymbols(from); for (var i = 0; i < symbols.length; i++) { if (propIsEnumerable.call(from, symbols[i])) { to[symbols[i]] = from[symbols[i]]; } } } } return to; }; },{}],28:[function(_dereq_,module,exports){ module.exports = function parseBMFontAscii(data) { if (!data) throw new Error('no data provided') data = data.toString().trim() var output = { pages: [], chars: [], kernings: [] } var lines = data.split(/\r\n?|\n/g) if (lines.length === 0) throw new Error('no data in BMFont file') for (var i = 0; i < lines.length; i++) { var lineData = splitLine(lines[i], i) if (!lineData) //skip empty lines continue if (lineData.key === 'page') { if (typeof lineData.data.id !== 'number') throw new Error('malformed file at line ' + i + ' -- needs page id=N') if (typeof lineData.data.file !== 'string') throw new Error('malformed file at line ' + i + ' -- needs page file="path"') output.pages[lineData.data.id] = lineData.data.file } else if (lineData.key === 'chars' || lineData.key === 'kernings') { //... do nothing for these two ... } else if (lineData.key === 'char') { output.chars.push(lineData.data) } else if (lineData.key === 'kerning') { output.kernings.push(lineData.data) } else { output[lineData.key] = lineData.data } } return output } function splitLine(line, idx) { line = line.replace(/\t+/g, ' ').trim() if (!line) return null var space = line.indexOf(' ') if (space === -1) throw new Error("no named row at line " + idx) var key = line.substring(0, space) line = line.substring(space + 1) //clear "letter" field as it is non-standard and //requires additional complexity to parse " / = symbols line = line.replace(/letter=[\'\"]\S+[\'\"]/gi, '') line = line.split("=") line = line.map(function(str) { return str.trim().match((/(".*?"|[^"\s]+)+(?=\s*|\s*$)/g)) }) var data = [] for (var i = 0; i < line.length; i++) { var dt = line[i] if (i === 0) { data.push({ key: dt[0], data: "" }) } else if (i === line.length - 1) { data[data.length - 1].data = parseData(dt[0]) } else { data[data.length - 1].data = parseData(dt[0]) data.push({ key: dt[1], data: "" }) } } var out = { key: key, data: {} } data.forEach(function(v) { out.data[v.key] = v.data; }) return out } function parseData(data) { if (!data || data.length === 0) return "" if (data.indexOf('"') === 0 || data.indexOf("'") === 0) return data.substring(1, data.length - 1) if (data.indexOf(',') !== -1) return parseIntList(data) return parseInt(data, 10) } function parseIntList(data) { return data.split(',').map(function(val) { return parseInt(val, 10) }) } },{}],29:[function(_dereq_,module,exports){ var HEADER = [66, 77, 70] module.exports = function readBMFontBinary(buf) { if (buf.length < 6) throw new Error('invalid buffer length for BMFont') var header = HEADER.every(function(byte, i) { return buf.readUInt8(i) === byte }) if (!header) throw new Error('BMFont missing BMF byte header') var i = 3 var vers = buf.readUInt8(i++) if (vers > 3) throw new Error('Only supports BMFont Binary v3 (BMFont App v1.10)') var target = { kernings: [], chars: [] } for (var b=0; b<5; b++) i += readBlock(target, buf, i) return target } function readBlock(target, buf, i) { if (i > buf.length-1) return 0 var blockID = buf.readUInt8(i++) var blockSize = buf.readInt32LE(i) i += 4 switch(blockID) { case 1: target.info = readInfo(buf, i) break case 2: target.common = readCommon(buf, i) break case 3: target.pages = readPages(buf, i, blockSize) break case 4: target.chars = readChars(buf, i, blockSize) break case 5: target.kernings = readKernings(buf, i, blockSize) break } return 5 + blockSize } function readInfo(buf, i) { var info = {} info.size = buf.readInt16LE(i) var bitField = buf.readUInt8(i+2) info.smooth = (bitField >> 7) & 1 info.unicode = (bitField >> 6) & 1 info.italic = (bitField >> 5) & 1 info.bold = (bitField >> 4) & 1 //fixedHeight is only mentioned in binary spec if ((bitField >> 3) & 1) info.fixedHeight = 1 info.charset = buf.readUInt8(i+3) || '' info.stretchH = buf.readUInt16LE(i+4) info.aa = buf.readUInt8(i+6) info.padding = [ buf.readInt8(i+7), buf.readInt8(i+8), buf.readInt8(i+9), buf.readInt8(i+10) ] info.spacing = [ buf.readInt8(i+11), buf.readInt8(i+12) ] info.outline = buf.readUInt8(i+13) info.face = readStringNT(buf, i+14) return info } function readCommon(buf, i) { var common = {} common.lineHeight = buf.readUInt16LE(i) common.base = buf.readUInt16LE(i+2) common.scaleW = buf.readUInt16LE(i+4) common.scaleH = buf.readUInt16LE(i+6) common.pages = buf.readUInt16LE(i+8) var bitField = buf.readUInt8(i+10) common.packed = 0 common.alphaChnl = buf.readUInt8(i+11) common.redChnl = buf.readUInt8(i+12) common.greenChnl = buf.readUInt8(i+13) common.blueChnl = buf.readUInt8(i+14) return common } function readPages(buf, i, size) { var pages = [] var text = readNameNT(buf, i) var len = text.length+1 var count = size / len for (var c=0; c<count; c++) { pages[c] = buf.slice(i, i+text.length).toString('utf8') i += len } return pages } function readChars(buf, i, blockSize) { var chars = [] var count = blockSize / 20 for (var c=0; c<count; c++) { var char = {} var off = c*20 char.id = buf.readUInt32LE(i + 0 + off) char.x = buf.readUInt16LE(i + 4 + off) char.y = buf.readUInt16LE(i + 6 + off) char.width = buf.readUInt16LE(i + 8 + off) char.height = buf.readUInt16LE(i + 10 + off) char.xoffset = buf.readInt16LE(i + 12 + off) char.yoffset = buf.readInt16LE(i + 14 + off) char.xadvance = buf.readInt16LE(i + 16 + off) char.page = buf.readUInt8(i + 18 + off) char.chnl = buf.readUInt8(i + 19 + off) chars[c] = char } return chars } function readKernings(buf, i, blockSize) { var kernings = [] var count = blockSize / 10 for (var c=0; c<count; c++) { var kern = {} var off = c*10 kern.first = buf.readUInt32LE(i + 0 + off) kern.second = buf.readUInt32LE(i + 4 + off) kern.amount = buf.readInt16LE(i + 8 + off) kernings[c] = kern } return kernings } function readNameNT(buf, offset) { var pos=offset for (; pos<buf.length; pos++) { if (buf[pos] === 0x00) break } return buf.slice(offset, pos) } function readStringNT(buf, offset) { return readNameNT(buf, offset).toString('utf8') } },{}],30:[function(_dereq_,module,exports){ var parseAttributes = _dereq_('./parse-attribs') var parseFromString = _dereq_('xml-parse-from-string') //In some cases element.attribute.nodeName can return //all lowercase values.. so we need to map them to the correct //case var NAME_MAP = { scaleh: 'scaleH', scalew: 'scaleW', stretchh: 'stretchH', lineheight: 'lineHeight', alphachnl: 'alphaChnl', redchnl: 'redChnl', greenchnl: 'greenChnl', bluechnl: 'blueChnl' } module.exports = function parse(data) { data = data.toString() var xmlRoot = parseFromString(data) var output = { pages: [], chars: [], kernings: [] } //get config settings ;['info', 'common'].forEach(function(key) { var element = xmlRoot.getElementsByTagName(key)[0] if (element) output[key] = parseAttributes(getAttribs(element)) }) //get page info var pageRoot = xmlRoot.getElementsByTagName('pages')[0] if (!pageRoot) throw new Error('malformed file -- no <pages> element') var pages = pageRoot.getElementsByTagName('page') for (var i=0; i<pages.length; i++) { var p = pages[i] var id = parseInt(p.getAttribute('id'), 10) var file = p.getAttribute('file') if (isNaN(id)) throw new Error('malformed file -- page "id" attribute is NaN') if (!file) throw new Error('malformed file -- needs page "file" attribute') output.pages[parseInt(id, 10)] = file } //get kernings / chars ;['chars', 'kernings'].forEach(function(key) { var element = xmlRoot.getElementsByTagName(key)[0] if (!element) return var childTag = key.substring(0, key.length-1) var children = element.getElementsByTagName(childTag) for (var i=0; i<children.length; i++) { var child = children[i] output[key].push(parseAttributes(getAttribs(child))) } }) return output } function getAttribs(element) { var attribs = getAttribList(element) return attribs.reduce(function(dict, attrib) { var key = mapName(attrib.nodeName) dict[key] = attrib.nodeValue return dict }, {}) } function getAttribList(element) { //IE8+ and modern browsers var attribs = [] for (var i=0; i<element.attributes.length; i++) attribs.push(element.attributes[i]) return attribs } function mapName(nodeName) { return NAME_MAP[nodeName.toLowerCase()] || nodeName } },{"./parse-attribs":31,"xml-parse-from-string":53}],31:[function(_dereq_,module,exports){ //Some versions of GlyphDesigner have a typo //that causes some bugs with parsing. //Need to confirm with recent version of the software //to see whether this is still an issue or not. var GLYPH_DESIGNER_ERROR = 'chasrset' module.exports = function parseAttributes(obj) { if (GLYPH_DESIGNER_ERROR in obj) { obj['charset'] = obj[GLYPH_DESIGNER_ERROR] delete obj[GLYPH_DESIGNER_ERROR] } for (var k in obj) { if (k === 'face' || k === 'charset') continue else if (k === 'padding' || k === 'spacing') obj[k] = parseIntList(obj[k]) else obj[k] = parseInt(obj[k], 10) } return obj } function parseIntList(data) { return data.split(',').map(function(val) { return parseInt(val, 10) }) } },{}],32:[function(_dereq_,module,exports){ var trim = _dereq_('trim') , forEach = _dereq_('for-each') , isArray = function(arg) { return Object.prototype.toString.call(arg) === '[object Array]'; } module.exports = function (headers) { if (!headers) return {} var result = {} forEach( trim(headers).split('\n') , function (row) { var index = row.indexOf(':') , key = trim(row.slice(0, index)).toLowerCase() , value = trim(row.slice(index + 1)) if (typeof(result[key]) === 'undefined') { result[key] = value } else if (isArray(result[key])) { result[key].push(value) } else { result[key] = [ result[key], value ] } } ) return result } },{"for-each":16,"trim":49}],33:[function(_dereq_,module,exports){ (function (global){ var performance = global.performance || {}; var present = (function () { var names = ['now', 'webkitNow', 'msNow', 'mozNow', 'oNow']; while (names.length) { var name = names.shift(); if (name in performance) { return performance[name].bind(performance); } } var dateNow = Date.now || function () { return new Date().getTime(); }; var navigationStart = (performance.timing || {}).navigationStart || dateNow(); return function () { return dateNow() - navigationStart; }; }()); present.performanceNow = performance.now; present.noConflict = function () { performance.now = present.performanceNow; }; present.conflict = function () { performance.now = present; }; present.conflict(); module.exports = present; }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}) },{}],34:[function(_dereq_,module,exports){ (function (setImmediate){ (function(root) { // Store setTimeout reference so promise-polyfill will be unaffected by // other code modifying setTimeout (like sinon.useFakeTimers()) var setTimeoutFunc = setTimeout; // Use polyfill for setImmediate for performance gains var asap = (typeof setImmediate === 'function' && setImmediate) || function(fn) { setTimeoutFunc(fn, 1); }; // Polyfill for Function.prototype.bind function bind(fn, thisArg) { return function() { fn.apply(thisArg, arguments); } } var isArray = Array.isArray || function(value) { return Object.prototype.toString.call(value) === "[object Array]" }; function Promise(fn) { if (typeof this !== 'object') throw new TypeError('Promises must be constructed via new'); if (typeof fn !== 'function') throw new TypeError('not a function'); this._state = null; this._value = null; this._deferreds = [] doResolve(fn, bind(resolve, this), bind(reject, this)) } function handle(deferred) { var me = this; if (this._state === null) { this._deferreds.push(deferred); return } asap(function() { var cb = me._state ? deferred.onFulfilled : deferred.onRejected if (cb === null) { (me._state ? deferred.resolve : deferred.reject)(me._value); return; } var ret; try { ret = cb(me._value); } catch (e) { deferred.reject(e); return; } deferred.resolve(ret); }) } function resolve(newValue) { try { //Promise Resolution Procedure: https://github.com/promises-aplus/promises-spec#the-promise-resolution-procedure if (newValue === this) throw new TypeError('A promise cannot be resolved with itself.'); if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) { var then = newValue.then; if (typeof then === 'function') { doResolve(bind(then, newValue), bind(resolve, this), bind(reject, this)); return; } } this._state = true; this._value = newValue; finale.call(this); } catch (e) { reject.call(this, e); } } function reject(newValue) { this._state = false; this._value = newValue; finale.call(this); } function finale() { for (var i = 0, len = this._deferreds.length; i < len; i++) { handle.call(this, this._deferreds[i]); } this._deferreds = null; } function Handler(onFulfilled, onRejected, resolve, reject){ this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null; this.onRejected = typeof onRejected === 'function' ? onRejected : null; this.resolve = resolve; this.reject = reject; } /** * Take a potentially misbehaving resolver function and make sure * onFulfilled and onRejected are only called once. * * Makes no guarantees about asynchrony. */ function doResolve(fn, onFulfilled, onRejected) { var done = false; try { fn(function (value) { if (done) return; done = true; onFulfilled(value); }, function (reason) { if (done) return; done = true; onRejected(reason); }) } catch (ex) { if (done) return; done = true; onRejected(ex); } } Promise.prototype['catch'] = function (onRejected) { return this.then(null, onRejected); }; Promise.prototype.then = function(onFulfilled, onRejected) { var me = this; return new Promise(function(resolve, reject) { handle.call(me, new Handler(onFulfilled, onRejected, resolve, reject)); }) }; Promise.all = function () { var args = Array.prototype.slice.call(arguments.length === 1 && isArray(arguments[0]) ? arguments[0] : arguments); return new Promise(function (resolve, reject) { if (args.length === 0) return resolve([]); var remaining = args.length; function res(i, val) { try { if (val && (typeof val === 'object' || typeof val === 'function')) { var then = val.then; if (typeof then === 'function') { then.call(val, function (val) { res(i, val) }, reject); return; } } args[i] = val; if (--remaining === 0) { resolve(args); } } catch (ex) { reject(ex); } } for (var i = 0; i < args.length; i++) { res(i, args[i]); } }); }; Promise.resolve = function (value) { if (value && typeof value === 'object' && value.constructor === Promise) { return value; } return new Promise(function (resolve) { resolve(value); }); }; Promise.reject = function (value) { return new Promise(function (resolve, reject) { reject(value); }); }; Promise.race = function (values) { return new Promise(function (resolve, reject) { for(var i = 0, len = values.length; i < len; i++) { values[i].then(resolve, reject); } }); }; /** * Set the immediate function to execute callbacks * @param fn {function} Function to execute * @private */ Promise._setImmediateFn = function _setImmediateFn(fn) { asap = fn; }; if (typeof module !== 'undefined' && module.exports) { module.exports = Promise; } else if (!root.Promise) { root.Promise = Promise; } })(this); }).call(this,_dereq_("timers").setImmediate) },{"timers":47}],35:[function(_dereq_,module,exports){ var dtype = _dereq_('dtype') var anArray = _dereq_('an-array') var isBuffer = _dereq_('is-buffer') var CW = [0, 2, 3] var CCW = [2, 1, 3] module.exports = function createQuadElements(array, opt) { //if user didn't specify an output array if (!array || !(anArray(array) || isBuffer(array))) { opt = array || {} array = null } if (typeof opt === 'number') //backwards-compatible opt = { count: opt } else opt = opt || {} var type = typeof opt.type === 'string' ? opt.type : 'uint16' var count = typeof opt.count === 'number' ? opt.count : 1 var start = (opt.start || 0) var dir = opt.clockwise !== false ? CW : CCW, a = dir[0], b = dir[1], c = dir[2] var numIndices = count * 6 var indices = array || new (dtype(type))(numIndices) for (var i = 0, j = 0; i < numIndices; i += 6, j += 4) { var x = i + start indices[x + 0] = j + 0 indices[x + 1] = j + 1 indices[x + 2] = j + 2 indices[x + 3] = j + a indices[x + 4] = j + b indices[x + 5] = j + c } return indices } },{"an-array":1,"dtype":14,"is-buffer":20}],36:[function(_dereq_,module,exports){ /* * anime.js v3.0.0 * (c) 2019 Julian Garnier * Released under the MIT license * animejs.com */ 'use strict'; // Defaults var defaultInstanceSettings = { update: null, begin: null, loopBegin: null, changeBegin: null, change: null, changeComplete: null, loopComplete: null, complete: null, loop: 1, direction: 'normal', autoplay: true, timelineOffset: 0 }; var defaultTweenSettings = { duration: 1000, delay: 0, endDelay: 0, easing: 'easeOutElastic(1, .5)', round: 0 }; var validTransforms = ['translateX', 'translateY', 'translateZ', 'rotate', 'rotateX', 'rotateY', 'rotateZ', 'scale', 'scaleX', 'scaleY', 'scaleZ', 'skew', 'skewX', 'skewY', 'perspective']; // Caching var cache = { CSS: {}, springs: {} }; // Utils function minMax(val, min, max) { return Math.min(Math.max(val, min), max); } function stringContains(str, text) { return str.indexOf(text) > -1; } function applyArguments(func, args) { return func.apply(null, args); } var hexRegex = /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i; var rgbPrefixRegex = /^rgb/; var hslRegex = /^hsl/; var is = { arr: function (a) { return Array.isArray(a); }, obj: function (a) { return stringContains(Object.prototype.toString.call(a), 'Object'); }, pth: function (a) { return is.obj(a) && a.hasOwnProperty('totalLength'); }, svg: function (a) { return a instanceof SVGElement; }, inp: function (a) { return a instanceof HTMLInputElement; }, dom: function (a) { return a.nodeType || is.svg(a); }, str: function (a) { return typeof a === 'string'; }, fnc: function (a) { return typeof a === 'function'; }, und: function (a) { return typeof a === 'undefined'; }, hex: function (a) { return hexRegex.test(a); }, rgb: function (a) { return rgbPrefixRegex.test(a); }, hsl: function (a) { return hslRegex.test(a); }, col: function (a) { return (is.hex(a) || is.rgb(a) || is.hsl(a)); }, key: function (a) { return !defaultInstanceSettings.hasOwnProperty(a) && !defaultTweenSettings.hasOwnProperty(a) && a !== 'targets' && a !== 'keyframes'; } }; // Easings var easingFunctionRegex = /\(([^)]+)\)/; function parseEasingParameters(string) { var match = easingFunctionRegex.exec(string); return match ? match[1].split(',').map(function (p) { return parseFloat(p); }) : []; } // Spring solver inspired by Webkit Copyright © 2016 Apple Inc. All rights reserved. https://webkit.org/demos/spring/spring.js function spring(string, duration) { var params = parseEasingParameters(string); var mass = minMax(is.und(params[0]) ? 1 : params[0], .1, 100); var stiffness = minMax(is.und(params[1]) ? 100 : params[1], .1, 100); var damping = minMax(is.und(params[2]) ? 10 : params[2], .1, 100); var velocity = minMax(is.und(params[3]) ? 0 : params[3], .1, 100); var w0 = Math.sqrt(stiffness / mass); var zeta = damping / (2 * Math.sqrt(stiffness * mass)); var wd = zeta < 1 ? w0 * Math.sqrt(1 - zeta * zeta) : 0; var a = 1; var b = zeta < 1 ? (zeta * w0 + -velocity) / wd : -velocity + w0; function solver(t) { var progress = duration ? (duration * t) / 1000 : t; if (zeta < 1) { progress = Math.exp(-progress * zeta * w0) * (a * Math.cos(wd * progress) + b * Math.sin(wd * progress)); } else { progress = (a + b * progress) * Math.exp(-progress * w0); } if (t === 0 || t === 1) { return t; } return 1 - progress; } function getDuration() { var cached = cache.springs[string]; if (cached) { return cached; } var frame = 1/6; var elapsed = 0; var rest = 0; while(true) { elapsed += frame; if (solver(elapsed) === 1) { rest++; if (rest >= 16) { break; } } else { rest = 0; } } var duration = elapsed * frame * 1000; cache.springs[string] = duration; return duration; } return duration ? solver : getDuration; } // Elastic easing adapted from jQueryUI http://api.jqueryui.com/easings/ function elastic(amplitude, period) { if ( amplitude === void 0 ) amplitude = 1; if ( period === void 0 ) period = .5; var a = minMax(amplitude, 1, 10); var p = minMax(period, .1, 2); return function (t) { return (t === 0 || t === 1) ? t : -a * Math.pow(2, 10 * (t - 1)) * Math.sin((((t - 1) - (p / (Math.PI * 2) * Math.asin(1 / a))) * (Math.PI * 2)) / p); } } // Basic steps easing implementation https://developer.mozilla.org/fr/docs/Web/CSS/transition-timing-function function steps(steps) { if ( steps === void 0 ) steps = 10; return function (t) { return Math.round(t * steps) * (1 / steps); }; } // BezierEasing https://github.com/gre/bezier-easing var bezier = (function () { var kSplineTableSize = 11; var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0); function A(aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1 } function B(aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1 } function C(aA1) { return 3.0 * aA1 } function calcBezier(aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT } function getSlope(aT, aA1, aA2) { return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1) } function binarySubdivide(aX, aA, aB, mX1, mX2) { var currentX, currentT, i = 0; do { currentT = aA + (aB - aA) / 2.0; currentX = calcBezier(currentT, mX1, mX2) - aX; if (currentX > 0.0) { aB = currentT; } else { aA = currentT; } } while (Math.abs(currentX) > 0.0000001 && ++i < 10); return currentT; } function newtonRaphsonIterate(aX, aGuessT, mX1, mX2) { for (var i = 0; i < 4; ++i) { var currentSlope = getSlope(aGuessT, mX1, mX2); if (currentSlope === 0.0) { return aGuessT; } var currentX = calcBezier(aGuessT, mX1, mX2) - aX; aGuessT -= currentX / currentSlope; } return aGuessT; } function bezier(mX1, mY1, mX2, mY2) { if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) { return; } var sampleValues = new Float32Array(kSplineTableSize); if (mX1 !== mY1 || mX2 !== mY2) { for (var i = 0; i < kSplineTableSize; ++i) { sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2); } } function getTForX(aX) { var intervalStart = 0; var currentSample = 1; var lastSample = kSplineTableSize - 1; for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) { intervalStart += kSampleStepSize; } --currentSample; var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]); var guessForT = intervalStart + dist * kSampleStepSize; var initialSlope = getSlope(guessForT, mX1, mX2); if (initialSlope >= 0.001) { return newtonRaphsonIterate(aX, guessForT, mX1, mX2); } else if (initialSlope === 0.0) { return guessForT; } else { return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2); } } return function (x) { if (mX1 === mY1 && mX2 === mY2) { return x; } if (x === 0 || x === 1) { return x; } return calcBezier(getTForX(x), mY1, mY2); } } return bezier; })(); var penner = (function () { var names = ['Quad', 'Cubic', 'Quart', 'Quint', 'Sine', 'Expo', 'Circ', 'Back', 'Elastic']; // Approximated Penner equations http://matthewlein.com/ceaser/ var curves = { In: [ [0.550, 0.085, 0.680, 0.530], /* inQuad */ [0.550, 0.055, 0.675, 0.190], /* inCubic */ [0.895, 0.030, 0.685, 0.220], /* inQuart */ [0.755, 0.050, 0.855, 0.060], /* inQuint */ [0.470, 0.000, 0.745, 0.715], /* inSine */ [0.950, 0.050, 0.795, 0.035], /* inExpo */ [0.600, 0.040, 0.980, 0.335], /* inCirc */ [0.600,-0.280, 0.735, 0.045], /* inBack */ elastic /* inElastic */ ], Out: [ [0.250, 0.460, 0.450, 0.940], /* outQuad */ [0.215, 0.610, 0.355, 1.000], /* outCubic */ [0.165, 0.840, 0.440, 1.000], /* outQuart */ [0.230, 1.000, 0.320, 1.000], /* outQuint */ [0.390, 0.575, 0.565, 1.000], /* outSine */ [0.190, 1.000, 0.220, 1.000], /* outExpo */ [0.075, 0.820, 0.165, 1.000], /* outCirc */ [0.175, 0.885, 0.320, 1.275], /* outBack */ function (a, p) { return function (t) { return 1 - elastic(a, p)(1 - t); }; } /* outElastic */ ], InOut: [ [0.455, 0.030, 0.515, 0.955], /* inOutQuad */ [0.645, 0.045, 0.355, 1.000], /* inOutCubic */ [0.770, 0.000, 0.175, 1.000], /* inOutQuart */ [0.860, 0.000, 0.070, 1.000], /* inOutQuint */ [0.445, 0.050, 0.550, 0.950], /* inOutSine */ [1.000, 0.000, 0.000, 1.000], /* inOutExpo */ [0.785, 0.135, 0.150, 0.860], /* inOutCirc */ [0.680,-0.550, 0.265, 1.550], /* inOutBack */ function (a, p) { return function (t) { return t < .5 ? elastic(a, p)(t * 2) / 2 : 1 - elastic(a, p)(t * -2 + 2) / 2; }; } /* inOutElastic */ ] }; var eases = { linear: [0.250, 0.250, 0.750, 0.750] }; for (var coords in curves) { for (var i = 0, len = curves[coords].length; i < len; i++) { eases['ease'+coords+names[i]] = curves[coords][i]; } } return eases; })(); function parseEasings(easing, duration) { if (is.fnc(easing)) { return easing; } var name = easing.split('(')[0]; var ease = penner[name]; var args = parseEasingParameters(easing); switch (name) { case 'spring' : return spring(easing, duration); case 'cubicBezier' : return applyArguments(bezier, args); case 'steps' : return applyArguments(steps, args); default : return is.fnc(ease) ? applyArguments(ease, args) : applyArguments(bezier, ease); } } // Strings function selectString(str) { try { var nodes = document.querySelectorAll(str); return nodes; } catch(e) { return; } } // Arrays var auxArrayFilter = []; function filterArray(arr, callback) { var result = auxArrayFilter; var len = arr.length; var thisArg = arguments.length >= 2 ? arguments[1] : void 0; for (var i = 0; i < len; i++) { if (i in arr) { var val = arr[i]; if (callback.call(thisArg, val, i, arr)) { result.push(val); } } } // arr turns into the auxArray and we return the previously aux array. auxArrayFilter = arr; auxArrayFilter.length = 0; return result; } function flattenArray (arr, result) { if (!result) { result = []; } for (var i = 0, length = arr.length; i < length; i++) { var value = arr[i]; if (Array.isArray(value)) { flattenArray(value, result); } else { result.push(value); } } return result; } function toArray(o) { if (is.arr(o)) { return o; } if (is.str(o)) { o = selectString(o) || o; } if (o instanceof NodeList || o instanceof HTMLCollection) { return [].slice.call(o); } return [o]; } function arrayContains(arr, val) { return arr.some(function (a) { return a === val; }); } // Objects function cloneObject(o) { var clone = {}; for (var p in o) { clone[p] = o[p]; } return clone; } function replaceObjectProps(o1, o2) { var o = cloneObject(o1); for (var p in o1) { o[p] = o2.hasOwnProperty(p) ? o2[p] : o1[p]; } return o; } function mergeObjects(o1, o2) { var o = cloneObject(o1); for (var p in o2) { o[p] = is.und(o1[p]) ? o2[p] : o1[p]; } return o; } // Colors var rgbRegex = /rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g; function rgbToRgba(rgbValue) { var rgb = rgbRegex.exec(rgbValue); return rgb ? ("rgba(" + (rgb[1]) + ",1)") : rgbValue; } var hexToRgbaHexRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i; var hexToRgbaRgbRegex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i; function hexToRgba(hexValue) { var hex = hexValue.replace(hexToRgbaHexRegex, function (m, r, g, b) { return r + r + g + g + b + b; } ); var rgb = hexToRgbaRgbRegex.exec(hex); var r = parseInt(rgb[1], 16); var g = parseInt(rgb[2], 16); var b = parseInt(rgb[3], 16); return ("rgba(" + r + "," + g + "," + b + ",1)"); } var hslToRgbaHsl1Regex = /hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g; var hslToRgbaHsl2Regex = /hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g; function hslToRgba(hslValue) { var hsl = hslToRgbaHsl1Regex.exec(hslValue) || hslToRgbaHsl2Regex.exec(hslValue); var h = parseInt(hsl[1], 10) / 360; var s = parseInt(hsl[2], 10) / 100; var l = parseInt(hsl[3], 10) / 100; var a = hsl[4] || 1; function hue2rgb(p, q, t) { if (t < 0) { t += 1; } if (t > 1) { t -= 1; } if (t < 1/6) { return p + (q - p) * 6 * t; } if (t < 1/2) { return q; } if (t < 2/3) { return p + (q - p) * (2/3 - t) * 6; } return p; } var r, g, b; if (s == 0) { r = g = b = l; } else { var q = l < 0.5 ? l * (1 + s) : l + s - l * s; var p = 2 * l - q; r = hue2rgb(p, q, h + 1/3); g = hue2rgb(p, q, h); b = hue2rgb(p, q, h - 1/3); } return ("rgba(" + (r * 255) + "," + (g * 255) + "," + (b * 255) + "," + a + ")"); } function colorToRgb(val) { if (is.rgb(val)) { return rgbToRgba(val); } if (is.hex(val)) { return hexToRgba(val); } if (is.hsl(val)) { return hslToRgba(val); } } // Units var unitRegex = /([\+\-]?[0-9#\.]+)(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/; function getUnit(val) { var split = unitRegex.exec(val); if (split) { return split[2]; } } function getTransformUnit(propName) { if (stringContains(propName, 'translate') || propName === 'perspective') { return 'px'; } if (stringContains(propName, 'rotate') || stringContains(propName, 'skew')) { return 'deg'; } } // Values function getFunctionValue(val, animatable) { if (!is.fnc(val)) { return val; } return val(animatable.target, animatable.id, animatable.total); } function getAttribute(el, prop) { return el.getAttribute(prop); } function convertPxToUnit(el, value, unit) { var valueUnit = getUnit(value); if (arrayContains([unit, 'deg', 'rad', 'turn'], valueUnit)) { return value; } var cached = cache.CSS[value + unit]; if (!is.und(cached)) { return cached; } var baseline = 100; var tempEl = document.createElement(el.tagName); var parentEl = (el.parentNode && (el.parentNode !== document)) ? el.parentNode : document.body; parentEl.appendChild(tempEl); tempEl.style.position = 'absolute'; tempEl.style.width = baseline + unit; var factor = baseline / tempEl.offsetWidth; parentEl.removeChild(tempEl); var convertedUnit = factor * parseFloat(value); cache.CSS[value + unit] = convertedUnit; return convertedUnit; } function getCSSValue(el, prop, unit) { if (prop in el.style) { var uppercasePropName = prop.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase(); var value = el.style[prop] || getComputedStyle(el).getPropertyValue(uppercasePropName) || '0'; return unit ? convertPxToUnit(el, value, unit) : value; } } function getAnimationType(el, prop) { if (is.dom(el) && !is.inp(el) && (getAttribute(el, prop) || (is.svg(el) && el[prop]))) { return 'attribute'; } if (is.dom(el) && arrayContains(validTransforms, prop)) { return 'transform'; } if (is.dom(el) && (prop !== 'transform' && getCSSValue(el, prop))) { return 'css'; } if (el[prop] != null) { return 'object'; } } var transformRegex = /(\w+)\(([^)]*)\)/g; function getElementTransforms(el) { if (!is.dom(el)) { return; } var str = el.style.transform || ''; var transforms = new Map(); var m; while (m = transformRegex.exec(str)) { transforms.set(m[1], m[2]); } return transforms; } function getTransformValue(el, propName, animatable, unit) { var defaultVal = stringContains(propName, 'scale') ? 1 : 0 + getTransformUnit(propName); var value = getElementTransforms(el).get(propName) || defaultVal; if (animatable) { animatable.transforms.list.set(propName, value); animatable.transforms['last'] = propName; } return unit ? convertPxToUnit(el, value, unit) : value; } function getOriginalTargetValue(target, propName, unit, animatable) { switch (getAnimationType(target, propName)) { case 'transform': return getTransformValue(target, propName, animatable, unit); case 'css': return getCSSValue(target, propName, unit); case 'attribute': return getAttribute(target, propName); default: return target[propName] || 0; } } var operatorRegex = /^(\*=|\+=|-=)/; function getRelativeValue(to, from) { var operator = operatorRegex.exec(to); if (!operator) { return to; } var u = getUnit(to) || 0; var x = parseFloat(from); var y = parseFloat(to.replace(operator[0], '')); switch (operator[0][0]) { case '+': return x + y + u; case '-': return x - y + u; case '*': return x * y + u; } } var whitespaceRegex = /\s/g; function validateValue(val, unit) { if (is.col(val)) { return colorToRgb(val); } var originalUnit = getUnit(val); var unitLess = originalUnit ? val.substr(0, val.length - originalUnit.length) : val; return unit && !whitespaceRegex.test(val) ? unitLess + unit : unitLess; } // getTotalLength() equivalent for circle, rect, polyline, polygon and line shapes // adapted from https://gist.github.com/SebLambla/3e0550c496c236709744 function getDistance(p1, p2) { return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2)); } function getCircleLength(el) { return Math.PI * 2 * getAttribute(el, 'r'); } function getRectLength(el) { return (getAttribute(el, 'width') * 2) + (getAttribute(el, 'height') * 2); } function getLineLength(el) { return getDistance( {x: getAttribute(el, 'x1'), y: getAttribute(el, 'y1')}, {x: getAttribute(el, 'x2'), y: getAttribute(el, 'y2')} ); } function getPolylineLength(el) { var points = el.points; var totalLength = 0; var previousPos; for (var i = 0 ; i < points.numberOfItems; i++) { var currentPos = points.getItem(i); if (i > 0) { totalLength += getDistance(previousPos, currentPos); } previousPos = currentPos; } return totalLength; } function getPolygonLength(el) { var points = el.points; return getPolylineLength(el) + getDistance(points.getItem(points.numberOfItems - 1), points.getItem(0)); } // Path animation function getTotalLength(el) { if (el.getTotalLength) { return el.getTotalLength(); } switch(el.tagName.toLowerCase()) { case 'circle': return getCircleLength(el); case 'rect': return getRectLength(el); case 'line': return getLineLength(el); case 'polyline': return getPolylineLength(el); case 'polygon': return getPolygonLength(el); } } function setDashoffset(el) { var pathLength = getTotalLength(el); el.setAttribute('stroke-dasharray', pathLength); return pathLength; } // Motion path function getParentSvgEl(el) { var parentEl = el.parentNode; while (is.svg(parentEl)) { parentEl = parentEl.parentNode; if (!is.svg(parentEl.parentNode)) { break; } } return parentEl; } function getParentSvg(pathEl, svgData) { var svg = svgData || {}; var parentSvgEl = svg.el || getParentSvgEl(pathEl); var rect = parentSvgEl.getBoundingClientRect(); var viewBoxAttr = getAttribute(parentSvgEl, 'viewBox'); var width = rect.width; var height = rect.height; var viewBox = svg.viewBox || (viewBoxAttr ? viewBoxAttr.split(' ') : [0, 0, width, height]); return { el: parentSvgEl, viewBox: viewBox, x: viewBox[0] / 1, y: viewBox[1] / 1, w: width / viewBox[2], h: height / viewBox[3] } } function getPath(path, percent) { var pathEl = is.str(path) ? selectString(path)[0] : path; var p = percent || 100; return function(property) { return { property: property, el: pathEl, svg: getParentSvg(pathEl), totalLength: getTotalLength(pathEl) * (p / 100) } } } function getPathProgress(path, progress) { function point(offset) { if ( offset === void 0 ) offset = 0; var l = progress + offset >= 1 ? progress + offset : 0; return path.el.getPointAtLength(l); } var svg = getParentSvg(path.el, path.svg); var p = point(); var p0 = point(-1); var p1 = point(+1); switch (path.property) { case 'x': return (p.x - svg.x) * svg.w; case 'y': return (p.y - svg.y) * svg.h; case 'angle': return Math.atan2(p1.y - p0.y, p1.x - p0.x) * 180 / Math.PI; } } // Decompose value var valueRegex = /-?\d*\.?\d+/g; function decomposeValue(val, unit) { var value = validateValue((is.pth(val) ? val.totalLength : val), unit) + ''; return { original: value, numbers: value.match(valueRegex) ? value.match(valueRegex).map(Number) : [0], strings: (is.str(val) || unit) ? value.split(valueRegex) : [] } } // Animatables function parseTargets(targets) { var targetsArray = targets ? (flattenArray(is.arr(targets) ? targets.map(toArray) : toArray(targets))) : []; return filterArray(targetsArray, function (item, pos, self) { return self.indexOf(item) === pos; }); } function getAnimatables(targets) { var parsed = parseTargets(targets); return parsed.map(function (t, i) { return {target: t, id: i, total: parsed.length, transforms: { list: getElementTransforms(t) } }; }); } // Properties var springRegex = /^spring/; function normalizePropertyTweens(prop, tweenSettings) { var settings = cloneObject(tweenSettings); // Override duration if easing is a spring if (springRegex.test(settings.easing)) { settings.duration = spring(settings.easing); } if (is.arr(prop)) { var l = prop.length; var isFromTo = (l === 2 && !is.obj(prop[0])); if (!isFromTo) { // Duration divided by the number of tweens if (!is.fnc(tweenSettings.duration)) { settings.duration = tweenSettings.duration / l; } } else { // Transform [from, to] values shorthand to a valid tween value prop = {value: prop}; } } var propArray = is.arr(prop) ? prop : [prop]; return propArray.map(function (v, i) { var obj = (is.obj(v) && !is.pth(v)) ? v : {value: v}; // Default delay value should only be applied to the first tween if (is.und(obj.delay)) { obj.delay = !i ? tweenSettings.delay : 0; } // Default endDelay value should only be applied to the last tween if (is.und(obj.endDelay)) { obj.endDelay = i === propArray.length - 1 ? tweenSettings.endDelay : 0; } return obj; }).map(function (k) { return mergeObjects(k, settings); }); } function flattenKeyframes(keyframes) { var propertyNames = filterArray(flattenArray(keyframes.map(function (key) { return Object.keys(key); })), function (p) { return is.key(p); }) .reduce(function (a,b) { if (a.indexOf(b) < 0) { a.push(b); } return a; }, []); var properties = {}; var loop = function ( i ) { var propName = propertyNames[i]; properties[propName] = keyframes.map(function (key) { var newKey = {}; for (var p in key) { if (is.key(p)) { if (p == propName) { newKey.value = key[p]; } } else { newKey[p] = key[p]; } } return newKey; }); }; for (var i = 0; i < propertyNames.length; i++) loop( i ); return properties; } function getProperties(tweenSettings, params) { var properties = []; var keyframes = params.keyframes; if (keyframes) { params = mergeObjects(flattenKeyframes(keyframes), params); } for (var p in params) { if (is.key(p)) { properties.push({ name: p, tweens: normalizePropertyTweens(params[p], tweenSettings) }); } } return properties; } // Tweens function normalizeTweenValues(tween, animatable) { var t = {}; for (var p in tween) { var value = getFunctionValue(tween[p], animatable); if (is.arr(value)) { value = value.map(function (v) { return getFunctionValue(v, animatable); }); if (value.length === 1) { value = value[0]; } } t[p] = value; } t.duration = parseFloat(t.duration); t.delay = parseFloat(t.delay); return t; } function normalizeTweens(prop, animatable) { var previousTween; return prop.tweens.map(function (t) { var tween = normalizeTweenValues(t, animatable); var tweenValue = tween.value; var to = is.arr(tweenValue) ? tweenValue[1] : tweenValue; var toUnit = getUnit(to); var originalValue = getOriginalTargetValue(animatable.target, prop.name, toUnit, animatable); var previousValue = previousTween ? previousTween.to.original : originalValue; var from = is.arr(tweenValue) ? tweenValue[0] : previousValue; var fromUnit = getUnit(from) || getUnit(originalValue); var unit = toUnit || fromUnit; if (is.und(to)) { to = previousValue; } tween.from = decomposeValue(from, unit); tween.to = decomposeValue(getRelativeValue(to, from), unit); tween.start = previousTween ? previousTween.end : 0; tween.end = tween.start + tween.delay + tween.duration + tween.endDelay; tween.easing = parseEasings(tween.easing, tween.duration); tween.isPath = is.pth(tweenValue); tween.isColor = is.col(tween.from.original); if (tween.isColor) { tween.round = 1; } previousTween = tween; return tween; }); } // Tween progress var setProgressValue = { css: function (t, p, v) { return t.style[p] = v; }, attribute: function (t, p, v) { return t.setAttribute(p, v); }, object: function (t, p, v) { return t[p] = v; }, transform: function (t, p, v, transforms, manual) { transforms.list.set(p, v); if (p === transforms.last || manual) { var str = ''; transforms.list.forEach(function (value, prop) { str += prop + "(" + value + ") "; }); t.style.transform = str; } } }; // Set Value helper function setTargetsValue(targets, properties) { var animatables = getAnimatables(targets); for (var i = 0, len = animatables.length; i < len; i++) { var animatable = animatables[i]; for (var property in properties) { var value = getFunctionValue(properties[property], animatable); var target = animatable.target; var valueUnit = getUnit(value); var originalValue = getOriginalTargetValue(target, property, valueUnit, animatable); var unit = valueUnit || getUnit(originalValue); var to = getRelativeValue(validateValue(value, unit), originalValue); var animType = getAnimationType(target, property); setProgressValue[animType](target, property, to, animatable.transforms, true); } } } // Animations function createAnimation(animatable, prop) { var animType = getAnimationType(animatable.target, prop.name); if (animType) { var tweens = normalizeTweens(prop, animatable); var lastTween = tweens[tweens.length - 1]; return { type: animType, property: prop.name, animatable: animatable, tweens: tweens, duration: lastTween.end, delay: tweens[0].delay, endDelay: lastTween.endDelay } } } function getAnimations(animatables, properties) { return filterArray(flattenArray(animatables.map(function (animatable) { return properties.map(function (prop) { return createAnimation(animatable, prop); }); })), function (a) { return !is.und(a); }); } // Create Instance function getInstanceTimings(animations, tweenSettings) { var animLength = animations.length; var getTlOffset = function (anim) { return anim.timelineOffset ? anim.timelineOffset : 0; }; var timings = {}; timings.duration = animLength ? Math.max.apply(Math, animations.map(function (anim) { return getTlOffset(anim) + anim.duration; })) : tweenSettings.duration; timings.delay = animLength ? Math.min.apply(Math, animations.map(function (anim) { return getTlOffset(anim) + anim.delay; })) : tweenSettings.delay; timings.endDelay = animLength ? timings.duration - Math.max.apply(Math, animations.map(function (anim) { return getTlOffset(anim) + anim.duration - anim.endDelay; })) : tweenSettings.endDelay; return timings; } var instanceID = 0; function createNewInstance(params) { var instanceSettings = replaceObjectProps(defaultInstanceSettings, params); var tweenSettings = replaceObjectProps(defaultTweenSettings, params); var properties = getProperties(tweenSettings, params); var animatables = getAnimatables(params.targets); var animations = getAnimations(animatables, properties); var timings = getInstanceTimings(animations, tweenSettings); var id = instanceID; instanceID++; return mergeObjects(instanceSettings, { id: id, children: [], animatables: animatables, animations: animations, duration: timings.duration, delay: timings.delay, endDelay: timings.endDelay }); } // Core var activeInstances = []; var pausedInstances = []; var raf; var engine = (function () { function play() { raf = requestAnimationFrame(step); } function step(t) { var activeInstancesLength = activeInstances.length; if (activeInstancesLength) { var i = 0; while (i < activeInstancesLength) { var activeInstance = activeInstances[i]; if (!activeInstance.paused) { activeInstance.tick(t); } else { var instanceIndex = activeInstances.indexOf(activeInstance); if (instanceIndex > -1) { activeInstances.splice(instanceIndex, 1); activeInstancesLength = activeInstances.length; } } i++; } play(); } else { raf = cancelAnimationFrame(raf); } } return play; })(); function handleVisibilityChange() { if (document.hidden) { for (var i = 0, len = activeInstances.length; i < len; i++) { activeInstance[i].pause(); } pausedInstances = activeInstances.slice(0); activeInstances = []; } else { for (var i$1 = 0, len$1 = pausedInstances.length; i$1 < len$1; i$1++) { pausedInstances[i$1].play(); } } } document.addEventListener('visibilitychange', handleVisibilityChange); // Public Instance function anime(params) { if ( params === void 0 ) params = {}; var startTime = 0, lastTime = 0, now = 0; var children, childrenLength = 0; var resolve = null; function makePromise() { return window.Promise && new Promise(function (_resolve) { return resolve = _resolve; }); } var promise = makePromise(); var instance = createNewInstance(params); function toggleInstanceDirection() { instance.reversed = !instance.reversed; for (var i = 0, len = children.length; i < len; i++) { children[i].reversed = instance.reversed; } } function adjustTime(time) { return instance.reversed ? instance.duration - time : time; } function resetTime() { startTime = 0; lastTime = adjustTime(instance.currentTime) * (1 / anime.speed); } function seekCild(time, child) { if (child) { child.seek(time - child.timelineOffset); } } function syncInstanceChildren(time) { if (!instance.reversePlayback) { for (var i = 0; i < childrenLength; i++) { seekCild(time, children[i]); } } else { for (var i$1 = childrenLength; i$1--;) { seekCild(time, children[i$1]); } } } function setAnimationsProgress(insTime) { var i = 0; var animations = instance.animations; var animationsLength = animations.length; while (i < animationsLength) { var anim = animations[i]; var animatable = anim.animatable; var tweens = anim.tweens; var tweenLength = tweens.length - 1; var tween = tweens[tweenLength]; // Only check for keyframes if there is more than one tween if (tweenLength) { tween = filterArray(tweens, function (t) { return (insTime < t.end); })[0] || tween; } var elapsed = minMax(insTime - tween.start - tween.delay, 0, tween.duration) / tween.duration; var eased = isNaN(elapsed) ? 1 : tween.easing(elapsed); var strings = tween.to.strings; var round = tween.round; var numbers = []; var toNumbersLength = tween.to.numbers.length; var progress = (void 0); for (var n = 0; n < toNumbersLength; n++) { var value = (void 0); var toNumber = tween.to.numbers[n]; var fromNumber = tween.from.numbers[n] || 0; if (!tween.isPath) { value = fromNumber + (eased * (toNumber - fromNumber)); } else { value = getPathProgress(tween.value, eased * toNumber); } if (round) { if (!(tween.isColor && n > 2)) { value = Math.round(value * round) / round; } } numbers.push(value); } // Manual Array.reduce for better performances var stringsLength = strings.length; if (!stringsLength) { progress = numbers[0]; } else { progress = strings[0]; for (var s = 0; s < stringsLength; s++) { var a = strings[s]; var b = strings[s + 1]; var n$1 = numbers[s]; if (!isNaN(n$1)) { if (!b) { progress += n$1 + ' '; } else { progress += n$1 + b; } } } } setProgressValue[anim.type](animatable.target, anim.property, progress, animatable.transforms); anim.currentValue = progress; i++; } } function setCallback(cb) { if (instance[cb] && !instance.passThrough) { instance[cb](instance); } } function countIteration() { if (instance.remaining && instance.remaining !== true) { instance.remaining--; } } function setInstanceProgress(engineTime) { var insDuration = instance.duration; var insDelay = instance.delay; var insEndDelay = insDuration - instance.endDelay; var insTime = adjustTime(engineTime); instance.progress = minMax((insTime / insDuration) * 100, 0, 100); instance.reversePlayback = insTime < instance.currentTime; if (children) { syncInstanceChildren(insTime); } if (!instance.began && instance.currentTime > 0) { instance.began = true; setCallback('begin'); setCallback('loopBegin'); } if (insTime <= insDelay && instance.currentTime !== 0) { setAnimationsProgress(0); } if ((insTime >= insEndDelay && instance.currentTime !== insDuration) || !insDuration) { setAnimationsProgress(insDuration); } if (insTime > insDelay && insTime < insEndDelay) { if (!instance.changeBegan) { instance.changeBegan = true; instance.changeCompleted = false; setCallback('changeBegin'); } setCallback('change'); setAnimationsProgress(insTime); } else { if (instance.changeBegan) { instance.changeCompleted = true; instance.changeBegan = false; setCallback('changeComplete'); } } instance.currentTime = minMax(insTime, 0, insDuration); if (instance.began) { setCallback('update'); } if (engineTime >= insDuration) { lastTime = 0; countIteration(); if (instance.remaining) { startTime = now; setCallback('loopComplete'); setCallback('loopBegin'); if (instance.direction === 'alternate') { toggleInstanceDirection(); } } else { instance.paused = true; if (!instance.completed) { instance.completed = true; setCallback('loopComplete'); setCallback('complete'); if ('Promise' in window) { resolve(); promise = makePromise(); } } } } } instance.reset = function() { var direction = instance.direction; instance.passThrough = false; instance.currentTime = 0; instance.progress = 0; instance.paused = true; instance.began = false; instance.changeBegan = false; instance.completed = false; instance.changeCompleted = false; instance.reversePlayback = false; instance.reversed = direction === 'reverse'; instance.remaining = instance.loop; children = instance.children; childrenLength = children.length; for (var i = childrenLength; i--;) { instance.children[i].reset(); } if (instance.reversed && instance.loop !== true || (direction === 'alternate' && instance.loop === 1)) { instance.remaining++; } setAnimationsProgress(0); }; // Set Value helper instance.set = function(targets, properties) { setTargetsValue(targets, properties); return instance; }; instance.tick = function(t) { now = t; if (!startTime) { startTime = now; } setInstanceProgress((now + (lastTime - startTime)) * anime.speed); }; instance.seek = function(time) { setInstanceProgress(adjustTime(time)); }; instance.pause = function() { instance.paused = true; resetTime(); }; instance.play = function() { if (!instance.paused) { return; } instance.paused = false; activeInstances.push(instance); resetTime(); if (!raf) { engine(); } }; instance.reverse = function() { toggleInstanceDirection(); resetTime(); }; instance.restart = function() { instance.reset(); instance.play(); }; instance.finished = promise; instance.reset(); if (instance.autoplay) { instance.play(); } return instance; } // Remove targets from animation function removeTargetsFromAnimations(targetsArray, animations) { for (var a = animations.length; a--;) { if (arrayContains(targetsArray, animations[a].animatable.target)) { animations.splice(a, 1); } } } function removeTargets(targets) { var targetsArray = parseTargets(targets); for (var i = activeInstances.length; i--;) { var instance = activeInstances[i]; var animations = instance.animations; var children = instance.children; removeTargetsFromAnimations(targetsArray, animations); for (var c = children.length; c--;) { var child = children[c]; var childAnimations = child.animations; removeTargetsFromAnimations(targetsArray, childAnimations); if (!childAnimations.length && !child.children.length) { children.splice(c, 1); } } if (!animations.length && !children.length) { instance.pause(); } } } // Stagger helpers function stagger(val, params) { if ( params === void 0 ) params = {}; var direction = params.direction || 'normal'; var easing = params.easing ? parseEasings(params.easing) : null; var grid = params.grid; var axis = params.axis; var fromIndex = params.from || 0; var fromFirst = fromIndex === 'first'; var fromCenter = fromIndex === 'center'; var fromLast = fromIndex === 'last'; var isRange = is.arr(val); var val1 = isRange ? parseFloat(val[0]) : parseFloat(val); var val2 = isRange ? parseFloat(val[1]) : 0; var unit = getUnit(isRange ? val[1] : val) || 0; var start = params.start || 0 + (isRange ? val1 : 0); var values = []; var maxValue = 0; return function (el, i, t) { if (fromFirst) { fromIndex = 0; } if (fromCenter) { fromIndex = (t - 1) / 2; } if (fromLast) { fromIndex = t - 1; } if (!values.length) { for (var index = 0; index < t; index++) { if (!grid) { values.push(Math.abs(fromIndex - index)); } else { var fromX = !fromCenter ? fromIndex%grid[0] : (grid[0]-1)/2; var fromY = !fromCenter ? Math.floor(fromIndex/grid[0]) : (grid[1]-1)/2; var toX = index%grid[0]; var toY = Math.floor(index/grid[0]); var distanceX = fromX - toX; var distanceY = fromY - toY; var value = Math.sqrt(distanceX * distanceX + distanceY * distanceY); if (axis === 'x') { value = -distanceX; } if (axis === 'y') { value = -distanceY; } values.push(value); } maxValue = Math.max.apply(Math, values); } if (easing) { values = values.map(function (val) { return easing(val / maxValue) * maxValue; }); } if (direction === 'reverse') { values = values.map(function (val) { return axis ? (val < 0) ? val * -1 : -val : Math.abs(maxValue - val); }); } } var spacing = isRange ? (val2 - val1) / maxValue : val1; return start + (spacing * (Math.round(values[i] * 100) / 100)) + unit; } } // Timeline function timeline(params) { if ( params === void 0 ) params = {}; var tl = anime(params); tl.duration = 0; tl.add = function(instanceParams, timelineOffset) { var tlIndex = activeInstances.indexOf(tl); var children = tl.children; if (tlIndex > -1) { activeInstances.splice(tlIndex, 1); } function passThrough(ins) { ins.passThrough = true; } for (var i = 0; i < children.length; i++) { passThrough(children[i]); } var insParams = mergeObjects(instanceParams, replaceObjectProps(defaultTweenSettings, params)); insParams.targets = insParams.targets || params.targets; var tlDuration = tl.duration; insParams.autoplay = false; insParams.direction = tl.direction; insParams.timelineOffset = is.und(timelineOffset) ? tlDuration : getRelativeValue(timelineOffset, tlDuration); passThrough(tl); tl.seek(insParams.timelineOffset); var ins = anime(insParams); passThrough(ins); children.push(ins); var timings = getInstanceTimings(children, params); tl.delay = timings.delay; tl.endDelay = timings.endDelay; tl.duration = timings.duration; tl.seek(0); tl.reset(); if (tl.autoplay) { tl.play(); } return tl; }; return tl; } anime.version = '3.0.0'; anime.speed = 1; anime.running = activeInstances; anime.remove = removeTargets; anime.get = getOriginalTargetValue; anime.set = setTargetsValue; anime.convertPx = convertPxToUnit; anime.path = getPath; anime.setDashoffset = setDashoffset; anime.stagger = stagger; anime.timeline = timeline; anime.easing = parseEasings; anime.penner = penner; anime.random = function (min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; }; module.exports = anime; },{}],37:[function(_dereq_,module,exports){ // threejs.org/license (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) : typeof define === 'function' && define.amd ? define(['exports'], factory) : (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.THREE = {})); }(this, (function (exports) { 'use strict'; // Polyfills if (Number.EPSILON === undefined) { Number.EPSILON = Math.pow(2, -52); } if (Number.isInteger === undefined) { // Missing in IE // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isInteger Number.isInteger = function (value) { return typeof value === 'number' && isFinite(value) && Math.floor(value) === value; }; } // if (Math.sign === undefined) { // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/sign Math.sign = function (x) { return x < 0 ? -1 : x > 0 ? 1 : +x; }; } if ('name' in Function.prototype === false) { // Missing in IE // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name Object.defineProperty(Function.prototype, 'name', { get: function get() { return this.toString().match(/^\s*function\s*([^\(\s]*)/)[1]; } }); } if (Object.assign === undefined) { // Missing in IE // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign Object.assign = function (target) { if (target === undefined || target === null) { throw new TypeError('Cannot convert undefined or null to object'); } var output = Object(target); for (var index = 1; index < arguments.length; index++) { var source = arguments[index]; if (source !== undefined && source !== null) { for (var nextKey in source) { if (Object.prototype.hasOwnProperty.call(source, nextKey)) { output[nextKey] = source[nextKey]; } } } } return output; }; } /** * Copyright (c) 2014-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var runtime = function (exports) { var Op = Object.prototype; var hasOwn = Op.hasOwnProperty; var undefined$1; // More compressible than void 0. var $Symbol = typeof Symbol === "function" ? Symbol : {}; var iteratorSymbol = $Symbol.iterator || "@@iterator"; var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator"; var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); return obj[key]; } try { // IE 8 has a broken Object.defineProperty that only works on DOM objects. define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator. var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator; var generator = Object.create(protoGenerator.prototype); var context = new Context(tryLocsList || []); // The ._invoke method unifies the implementations of the .next, // .throw, and .return methods. generator._invoke = makeInvokeMethod(innerFn, self, context); return generator; } exports.wrap = wrap; // Try/catch helper to minimize deoptimizations. Returns a completion // record like context.tryEntries[i].completion. This interface could // have been (and was previously) designed to take a closure to be // invoked without arguments, but in all the cases we care about we // already have an existing method we want to call, so there's no need // to create a new function object. We can even get away with assuming // the method takes exactly one argument, since that happens to be true // in every case, so we don't have to touch the arguments object. The // only additional allocation required is the completion record, which // has a stable shape and so hopefully should be cheap to allocate. function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } var GenStateSuspendedStart = "suspendedStart"; var GenStateSuspendedYield = "suspendedYield"; var GenStateExecuting = "executing"; var GenStateCompleted = "completed"; // Returning this object from the innerFn has the same effect as // breaking out of the dispatch switch statement. var ContinueSentinel = {}; // Dummy constructor functions that we use as the .constructor and // .constructor.prototype properties for functions that return Generator // objects. For full spec compliance, you may wish to configure your // minifier not to mangle the names of these two functions. function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} // This is a polyfill for %IteratorPrototype% for environments that // don't natively support it. var IteratorPrototype = {}; IteratorPrototype[iteratorSymbol] = function () { return this; }; var getProto = Object.getPrototypeOf; var NativeIteratorPrototype = getProto && getProto(getProto(values([]))); if (NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) { // This environment has a native %IteratorPrototype%; use it instead // of the polyfill. IteratorPrototype = NativeIteratorPrototype; } var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype; GeneratorFunctionPrototype.constructor = GeneratorFunction; GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"); // Helper for defining the .next, .throw, and .return methods of the // Iterator interface in terms of a single ._invoke method. function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } exports.isGeneratorFunction = function (genFun) { var ctor = typeof genFun === "function" && genFun.constructor; return ctor ? ctor === GeneratorFunction || // For the native GeneratorFunction constructor, the best we can // do is to check its .name property. (ctor.displayName || ctor.name) === "GeneratorFunction" : false; }; exports.mark = function (genFun) { if (Object.setPrototypeOf) { Object.setPrototypeOf(genFun, GeneratorFunctionPrototype); } else { genFun.__proto__ = GeneratorFunctionPrototype; define(genFun, toStringTagSymbol, "GeneratorFunction"); } genFun.prototype = Object.create(Gp); return genFun; }; // Within the body of any async function, `await x` is transformed to // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test // `hasOwn.call(value, "__await")` to determine if the yielded value is // meant to be awaited. exports.awrap = function (arg) { return { __await: arg }; }; function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (record.type === "throw") { reject(record.arg); } else { var result = record.arg; var value = result.value; if (value && typeof value === "object" && hasOwn.call(value, "__await")) { return PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }); } return PromiseImpl.resolve(value).then(function (unwrapped) { // When a yielded Promise is resolved, its final value becomes // the .value of the Promise<{value,done}> result for the // current iteration. result.value = unwrapped; resolve(result); }, function (error) { // If a rejected Promise was yielded, throw the rejection back // into the async generator function so it can be handled there. return invoke("throw", error, resolve, reject); }); } } var previousPromise; function enqueue(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = // If enqueue has been called before, then we want to wait until // all previous Promises have been resolved before calling invoke, // so that results are always delivered in the correct order. If // enqueue has not been called before, then it is important to // call invoke immediately, without waiting on a callback to fire, // so that the async generator function has the opportunity to do // any necessary setup in a predictable way. This predictability // is why the Promise constructor synchronously invokes its // executor callback, and why async functions synchronously // execute code before the first await. Since we implement simple // async functions in terms of async generators, it is especially // important to get this right, even though it requires care. previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, // Avoid propagating failures to Promises returned by later // invocations of the iterator. callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } // Define the unified helper method that is used to implement .next, // .throw, and .return (see defineIteratorMethods). this._invoke = enqueue; } defineIteratorMethods(AsyncIterator.prototype); AsyncIterator.prototype[asyncIteratorSymbol] = function () { return this; }; exports.AsyncIterator = AsyncIterator; // Note that simple async functions are implemented on top of // AsyncIterator objects; they just return a Promise for the value of // the final result produced by the iterator. exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { if (PromiseImpl === void 0) PromiseImpl = Promise; var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter // If outerFn is a generator, return the full iterator. : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }; function makeInvokeMethod(innerFn, self, context) { var state = GenStateSuspendedStart; return function invoke(method, arg) { if (state === GenStateExecuting) { throw new Error("Generator is already running"); } if (state === GenStateCompleted) { if (method === "throw") { throw arg; } // Be forgiving, per 25.3.3.3.3 of the spec: // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume return doneResult(); } context.method = method; context.arg = arg; while (true) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (context.method === "next") { // Setting context._sent for legacy support of Babel's // function.sent implementation. context.sent = context._sent = context.arg; } else if (context.method === "throw") { if (state === GenStateSuspendedStart) { state = GenStateCompleted; throw context.arg; } context.dispatchException(context.arg); } else if (context.method === "return") { context.abrupt("return", context.arg); } state = GenStateExecuting; var record = tryCatch(innerFn, self, context); if (record.type === "normal") { // If an exception is thrown from innerFn, we leave state === // GenStateExecuting and loop back for another invocation. state = context.done ? GenStateCompleted : GenStateSuspendedYield; if (record.arg === ContinueSentinel) { continue; } return { value: record.arg, done: context.done }; } else if (record.type === "throw") { state = GenStateCompleted; // Dispatch the exception by looping back around to the // context.dispatchException(context.arg) call above. context.method = "throw"; context.arg = record.arg; } } }; } // Call delegate.iterator[context.method](context.arg) and handle the // result, either by returning a { value, done } result from the // delegate iterator, or by modifying context.method and context.arg, // setting context.delegate to null, and returning the ContinueSentinel. function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (method === undefined$1) { // A .throw or .return when the delegate iterator has no .throw // method always terminates the yield* loop. context.delegate = null; if (context.method === "throw") { // Note: ["return"] must be used for ES3 parsing compatibility. if (delegate.iterator["return"]) { // If the delegate iterator has a return method, give it a // chance to clean up. context.method = "return"; context.arg = undefined$1; maybeInvokeDelegate(delegate, context); if (context.method === "throw") { // If maybeInvokeDelegate(context) changed context.method from // "return" to "throw", let that override the TypeError below. return ContinueSentinel; } } context.method = "throw"; context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if (record.type === "throw") { context.method = "throw"; context.arg = record.arg; context.delegate = null; return ContinueSentinel; } var info = record.arg; if (!info) { context.method = "throw"; context.arg = new TypeError("iterator result is not an object"); context.delegate = null; return ContinueSentinel; } if (info.done) { // Assign the result of the finished delegate to the temporary // variable specified by delegate.resultName (see delegateYield). context[delegate.resultName] = info.value; // Resume execution at the desired location (see delegateYield). context.next = delegate.nextLoc; // If context.method was "throw" but the delegate handled the // exception, let the outer generator proceed normally. If // context.method was "next", forget context.arg since it has been // "consumed" by the delegate iterator. If context.method was // "return", allow the original .return call to continue in the // outer generator. if (context.method !== "return") { context.method = "next"; context.arg = undefined$1; } } else { // Re-yield the result returned by the delegate method. return info; } // The delegate iterator is finished, so forget it and continue with // the outer generator. context.delegate = null; return ContinueSentinel; } // Define Generator.prototype.{next,throw,return} in terms of the // unified ._invoke helper method. defineIteratorMethods(Gp); define(Gp, toStringTagSymbol, "Generator"); // A Generator should always return itself as the iterator object when the // @@iterator function is called on it. Some browsers' implementations of the // iterator prototype chain incorrectly implement this, causing the Generator // object to not be returned from this call. This ensures that doesn't happen. // See https://github.com/facebook/regenerator/issues/274 for more details. Gp[iteratorSymbol] = function () { return this; }; Gp.toString = function () { return "[object Generator]"; }; function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; if (1 in locs) { entry.catchLoc = locs[1]; } if (2 in locs) { entry.finallyLoc = locs[2]; entry.afterLoc = locs[3]; } this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal"; delete record.arg; entry.completion = record; } function Context(tryLocsList) { // The root entry object (effectively a try statement without a catch // or a finally block) gives us a place to store values thrown from // locations where there is no enclosing try statement. this.tryEntries = [{ tryLoc: "root" }]; tryLocsList.forEach(pushTryEntry, this); this.reset(true); } exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } keys.reverse(); // Rather than returning an object with a next method, we keep // things simple and return the next function itself. return function next() { while (keys.length) { var key = keys.pop(); if (key in object) { next.value = key; next.done = false; return next; } } // To avoid creating an additional object, we just hang the .value // and .done properties off the next function object itself. This // also ensures that the minifier will not anonymize the function. next.done = true; return next; }; }; function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) { return iteratorMethod.call(iterable); } if (typeof iterable.next === "function") { return iterable; } if (!isNaN(iterable.length)) { var i = -1, next = function next() { while (++i < iterable.length) { if (hasOwn.call(iterable, i)) { next.value = iterable[i]; next.done = false; return next; } } next.value = undefined$1; next.done = true; return next; }; return next.next = next; } } // Return an iterator with no values. return { next: doneResult }; } exports.values = values; function doneResult() { return { value: undefined$1, done: true }; } Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { this.prev = 0; this.next = 0; // Resetting context._sent for legacy support of Babel's // function.sent implementation. this.sent = this._sent = undefined$1; this.done = false; this.delegate = null; this.method = "next"; this.arg = undefined$1; this.tryEntries.forEach(resetTryEntry); if (!skipTempReset) { for (var name in this) { // Not sure about the optimal order of these conditions: if (name.charAt(0) === "t" && hasOwn.call(this, name) && !isNaN(+name.slice(1))) { this[name] = undefined$1; } } } }, stop: function stop() { this.done = true; var rootEntry = this.tryEntries[0]; var rootRecord = rootEntry.completion; if (rootRecord.type === "throw") { throw rootRecord.arg; } return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) { throw exception; } var context = this; function handle(loc, caught) { record.type = "throw"; record.arg = exception; context.next = loc; if (caught) { // If the dispatched exception was caught by a catch block, // then let that catch block handle the exception normally. context.method = "next"; context.arg = undefined$1; } return !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; var record = entry.completion; if (entry.tryLoc === "root") { // Exception thrown outside of any try block that could handle // it, so set the completion value of the entire function to // throw the exception. return handle("end"); } if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"); var hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) { return handle(entry.catchLoc, true); } else if (this.prev < entry.finallyLoc) { return handle(entry.finallyLoc); } } else if (hasCatch) { if (this.prev < entry.catchLoc) { return handle(entry.catchLoc, true); } } else if (hasFinally) { if (this.prev < entry.finallyLoc) { return handle(entry.finallyLoc); } } else { throw new Error("try statement without catch or finally"); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } if (finallyEntry && (type === "break" || type === "continue") && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc) { // Ignore the finally entry if control is not jumping to a // location outside the try/catch block. finallyEntry = null; } var record = finallyEntry ? finallyEntry.completion : {}; record.type = type; record.arg = arg; if (finallyEntry) { this.method = "next"; this.next = finallyEntry.finallyLoc; return ContinueSentinel; } return this.complete(record); }, complete: function complete(record, afterLoc) { if (record.type === "throw") { throw record.arg; } if (record.type === "break" || record.type === "continue") { this.next = record.arg; } else if (record.type === "return") { this.rval = this.arg = record.arg; this.method = "return"; this.next = "end"; } else if (record.type === "normal" && afterLoc) { this.next = afterLoc; } return ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) { this.complete(entry.completion, entry.afterLoc); resetTryEntry(entry); return ContinueSentinel; } } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (record.type === "throw") { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } // The context.catch method must only be called with a location // argument that corresponds to a known catch block. throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }; if (this.method === "next") { // Deliberately forget the last sent value so that we don't // accidentally pass it on to the delegate. this.arg = undefined$1; } return ContinueSentinel; } }; // Regardless of whether this script is executing as a CommonJS module // or not, return the runtime object so that we can declare the variable // regeneratorRuntime in the outer scope, which allows this module to be // injected easily by `bin/regenerator --include-runtime script.js`. return exports; }( // If this script is executing as a CommonJS module, use module.exports // as the regeneratorRuntime namespace. Otherwise create a new empty // object. Either way, the resulting object will be used to initialize // the regeneratorRuntime variable at the top of this file. typeof module === "object" ? module.exports : {}); try { regeneratorRuntime = runtime; } catch (accidentalStrictMode) { // This module should not be running in strict mode, so the above // assignment should always work unless something is misconfigured. Just // in case runtime.js accidentally runs in strict mode, we can escape // strict mode using a global Function call. This could conceivably fail // if a Content Security Policy forbids using Function, but in that case // the proper solution is to fix the accidental strict mode problem. If // you've misconfigured your bundler to force strict mode and applied a // CSP to forbid Function, and you're not willing to fix either of those // problems, please detail your unique predicament in a GitHub issue. Function("r", "regeneratorRuntime = r")(runtime); } var REVISION = '125'; var MOUSE = { LEFT: 0, MIDDLE: 1, RIGHT: 2, ROTATE: 0, DOLLY: 1, PAN: 2 }; var TOUCH = { ROTATE: 0, PAN: 1, DOLLY_PAN: 2, DOLLY_ROTATE: 3 }; var CullFaceNone = 0; var CullFaceBack = 1; var CullFaceFront = 2; var CullFaceFrontBack = 3; var BasicShadowMap = 0; var PCFShadowMap = 1; var PCFSoftShadowMap = 2; var VSMShadowMap = 3; var FrontSide = 0; var BackSide = 1; var DoubleSide = 2; var FlatShading = 1; var SmoothShading = 2; var NoBlending = 0; var NormalBlending = 1; var AdditiveBlending = 2; var SubtractiveBlending = 3; var MultiplyBlending = 4; var CustomBlending = 5; var AddEquation = 100; var SubtractEquation = 101; var ReverseSubtractEquation = 102; var MinEquation = 103; var MaxEquation = 104; var ZeroFactor = 200; var OneFactor = 201; var SrcColorFactor = 202; var OneMinusSrcColorFactor = 203; var SrcAlphaFactor = 204; var OneMinusSrcAlphaFactor = 205; var DstAlphaFactor = 206; var OneMinusDstAlphaFactor = 207; var DstColorFactor = 208; var OneMinusDstColorFactor = 209; var SrcAlphaSaturateFactor = 210; var NeverDepth = 0; var AlwaysDepth = 1; var LessDepth = 2; var LessEqualDepth = 3; var EqualDepth = 4; var GreaterEqualDepth = 5; var GreaterDepth = 6; var NotEqualDepth = 7; var MultiplyOperation = 0; var MixOperation = 1; var AddOperation = 2; var NoToneMapping = 0; var LinearToneMapping = 1; var ReinhardToneMapping = 2; var CineonToneMapping = 3; var ACESFilmicToneMapping = 4; var CustomToneMapping = 5; var UVMapping = 300; var CubeReflectionMapping = 301; var CubeRefractionMapping = 302; var EquirectangularReflectionMapping = 303; var EquirectangularRefractionMapping = 304; var CubeUVReflectionMapping = 306; var CubeUVRefractionMapping = 307; var RepeatWrapping = 1000; var ClampToEdgeWrapping = 1001; var MirroredRepeatWrapping = 1002; var NearestFilter = 1003; var NearestMipmapNearestFilter = 1004; var NearestMipMapNearestFilter = 1004; var NearestMipmapLinearFilter = 1005; var NearestMipMapLinearFilter = 1005; var LinearFilter = 1006; var LinearMipmapNearestFilter = 1007; var LinearMipMapNearestFilter = 1007; var LinearMipmapLinearFilter = 1008; var LinearMipMapLinearFilter = 1008; var UnsignedByteType = 1009; var ByteType = 1010; var ShortType = 1011; var UnsignedShortType = 1012; var IntType = 1013; var UnsignedIntType = 1014; var FloatType = 1015; var HalfFloatType = 1016; var UnsignedShort4444Type = 1017; var UnsignedShort5551Type = 1018; var UnsignedShort565Type = 1019; var UnsignedInt248Type = 1020; var AlphaFormat = 1021; var RGBFormat = 1022; var RGBAFormat = 1023; var LuminanceFormat = 1024; var LuminanceAlphaFormat = 1025; var RGBEFormat = RGBAFormat; var DepthFormat = 1026; var DepthStencilFormat = 1027; var RedFormat = 1028; var RedIntegerFormat = 1029; var RGFormat = 1030; var RGIntegerFormat = 1031; var RGBIntegerFormat = 1032; var RGBAIntegerFormat = 1033; var RGB_S3TC_DXT1_Format = 33776; var RGBA_S3TC_DXT1_Format = 33777; var RGBA_S3TC_DXT3_Format = 33778; var RGBA_S3TC_DXT5_Format = 33779; var RGB_PVRTC_4BPPV1_Format = 35840; var RGB_PVRTC_2BPPV1_Format = 35841; var RGBA_PVRTC_4BPPV1_Format = 35842; var RGBA_PVRTC_2BPPV1_Format = 35843; var RGB_ETC1_Format = 36196; var RGB_ETC2_Format = 37492; var RGBA_ETC2_EAC_Format = 37496; var RGBA_ASTC_4x4_Format = 37808; var RGBA_ASTC_5x4_Format = 37809; var RGBA_ASTC_5x5_Format = 37810; var RGBA_ASTC_6x5_Format = 37811; var RGBA_ASTC_6x6_Format = 37812; var RGBA_ASTC_8x5_Format = 37813; var RGBA_ASTC_8x6_Format = 37814; var RGBA_ASTC_8x8_Format = 37815; var RGBA_ASTC_10x5_Format = 37816; var RGBA_ASTC_10x6_Format = 37817; var RGBA_ASTC_10x8_Format = 37818; var RGBA_ASTC_10x10_Format = 37819; var RGBA_ASTC_12x10_Format = 37820; var RGBA_ASTC_12x12_Format = 37821; var RGBA_BPTC_Format = 36492; var SRGB8_ALPHA8_ASTC_4x4_Format = 37840; var SRGB8_ALPHA8_ASTC_5x4_Format = 37841; var SRGB8_ALPHA8_ASTC_5x5_Format = 37842; var SRGB8_ALPHA8_ASTC_6x5_Format = 37843; var SRGB8_ALPHA8_ASTC_6x6_Format = 37844; var SRGB8_ALPHA8_ASTC_8x5_Format = 37845; var SRGB8_ALPHA8_ASTC_8x6_Format = 37846; var SRGB8_ALPHA8_ASTC_8x8_Format = 37847; var SRGB8_ALPHA8_ASTC_10x5_Format = 37848; var SRGB8_ALPHA8_ASTC_10x6_Format = 37849; var SRGB8_ALPHA8_ASTC_10x8_Format = 37850; var SRGB8_ALPHA8_ASTC_10x10_Format = 37851; var SRGB8_ALPHA8_ASTC_12x10_Format = 37852; var SRGB8_ALPHA8_ASTC_12x12_Format = 37853; var LoopOnce = 2200; var LoopRepeat = 2201; var LoopPingPong = 2202; var InterpolateDiscrete = 2300; var InterpolateLinear = 2301; var InterpolateSmooth = 2302; var ZeroCurvatureEnding = 2400; var ZeroSlopeEnding = 2401; var WrapAroundEnding = 2402; var NormalAnimationBlendMode = 2500; var AdditiveAnimationBlendMode = 2501; var TrianglesDrawMode = 0; var TriangleStripDrawMode = 1; var TriangleFanDrawMode = 2; var LinearEncoding = 3000; var sRGBEncoding = 3001; var GammaEncoding = 3007; var RGBEEncoding = 3002; var LogLuvEncoding = 3003; var RGBM7Encoding = 3004; var RGBM16Encoding = 3005; var RGBDEncoding = 3006; var BasicDepthPacking = 3200; var RGBADepthPacking = 3201; var TangentSpaceNormalMap = 0; var ObjectSpaceNormalMap = 1; var ZeroStencilOp = 0; var KeepStencilOp = 7680; var ReplaceStencilOp = 7681; var IncrementStencilOp = 7682; var DecrementStencilOp = 7683; var IncrementWrapStencilOp = 34055; var DecrementWrapStencilOp = 34056; var InvertStencilOp = 5386; var NeverStencilFunc = 512; var LessStencilFunc = 513; var EqualStencilFunc = 514; var LessEqualStencilFunc = 515; var GreaterStencilFunc = 516; var NotEqualStencilFunc = 517; var GreaterEqualStencilFunc = 518; var AlwaysStencilFunc = 519; var StaticDrawUsage = 35044; var DynamicDrawUsage = 35048; var StreamDrawUsage = 35040; var StaticReadUsage = 35045; var DynamicReadUsage = 35049; var StreamReadUsage = 35041; var StaticCopyUsage = 35046; var DynamicCopyUsage = 35050; var StreamCopyUsage = 35042; var GLSL1 = '100'; var GLSL3 = '300 es'; function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } } function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; } function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; } function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } it = o[Symbol.iterator](); return it.next.bind(it); } /** * https://github.com/mrdoob/eventdispatcher.js/ */ function EventDispatcher() {} Object.assign(EventDispatcher.prototype, { addEventListener: function addEventListener(type, listener) { if (this._listeners === undefined) this._listeners = {}; var listeners = this._listeners; if (listeners[type] === undefined) { listeners[type] = []; } if (listeners[type].indexOf(listener) === -1) { listeners[type].push(listener); } }, hasEventListener: function hasEventListener(type, listener) { if (this._listeners === undefined) return false; var listeners = this._listeners; return listeners[type] !== undefined && listeners[type].indexOf(listener) !== -1; }, removeEventListener: function removeEventListener(type, listener) { if (this._listeners === undefined) return; var listeners = this._listeners; var listenerArray = listeners[type]; if (listenerArray !== undefined) { var index = listenerArray.indexOf(listener); if (index !== -1) { listenerArray.splice(index, 1); } } }, dispatchEvent: function dispatchEvent(event) { if (this._listeners === undefined) return; var listeners = this._listeners; var listenerArray = listeners[event.type]; if (listenerArray !== undefined) { event.target = this; // Make a copy, in case listeners are removed while iterating. var array = listenerArray.slice(0); for (var i = 0, l = array.length; i < l; i++) { array[i].call(this, event); } } } }); var _lut = []; for (var i = 0; i < 256; i++) { _lut[i] = (i < 16 ? '0' : '') + i.toString(16); } var _seed = 1234567; var MathUtils = { DEG2RAD: Math.PI / 180, RAD2DEG: 180 / Math.PI, generateUUID: function generateUUID() { // http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript/21963136#21963136 var d0 = Math.random() * 0xffffffff | 0; var d1 = Math.random() * 0xffffffff | 0; var d2 = Math.random() * 0xffffffff | 0; var d3 = Math.random() * 0xffffffff | 0; var uuid = _lut[d0 & 0xff] + _lut[d0 >> 8 & 0xff] + _lut[d0 >> 16 & 0xff] + _lut[d0 >> 24 & 0xff] + '-' + _lut[d1 & 0xff] + _lut[d1 >> 8 & 0xff] + '-' + _lut[d1 >> 16 & 0x0f | 0x40] + _lut[d1 >> 24 & 0xff] + '-' + _lut[d2 & 0x3f | 0x80] + _lut[d2 >> 8 & 0xff] + '-' + _lut[d2 >> 16 & 0xff] + _lut[d2 >> 24 & 0xff] + _lut[d3 & 0xff] + _lut[d3 >> 8 & 0xff] + _lut[d3 >> 16 & 0xff] + _lut[d3 >> 24 & 0xff]; // .toUpperCase() here flattens concatenated strings to save heap memory space. return uuid.toUpperCase(); }, clamp: function clamp(value, min, max) { return Math.max(min, Math.min(max, value)); }, // compute euclidian modulo of m % n // https://en.wikipedia.org/wiki/Modulo_operation euclideanModulo: function euclideanModulo(n, m) { return (n % m + m) % m; }, // Linear mapping from range <a1, a2> to range <b1, b2> mapLinear: function mapLinear(x, a1, a2, b1, b2) { return b1 + (x - a1) * (b2 - b1) / (a2 - a1); }, // https://en.wikipedia.org/wiki/Linear_interpolation lerp: function lerp(x, y, t) { return (1 - t) * x + t * y; }, // http://www.rorydriscoll.com/2016/03/07/frame-rate-independent-damping-using-lerp/ damp: function damp(x, y, lambda, dt) { return MathUtils.lerp(x, y, 1 - Math.exp(-lambda * dt)); }, // https://www.desmos.com/calculator/vcsjnyz7x4 pingpong: function pingpong(x, length) { if (length === void 0) { length = 1; } return length - Math.abs(MathUtils.euclideanModulo(x, length * 2) - length); }, // http://en.wikipedia.org/wiki/Smoothstep smoothstep: function smoothstep(x, min, max) { if (x <= min) return 0; if (x >= max) return 1; x = (x - min) / (max - min); return x * x * (3 - 2 * x); }, smootherstep: function smootherstep(x, min, max) { if (x <= min) return 0; if (x >= max) return 1; x = (x - min) / (max - min); return x * x * x * (x * (x * 6 - 15) + 10); }, // Random integer from <low, high> interval randInt: function randInt(low, high) { return low + Math.floor(Math.random() * (high - low + 1)); }, // Random float from <low, high> interval randFloat: function randFloat(low, high) { return low + Math.random() * (high - low); }, // Random float from <-range/2, range/2> interval randFloatSpread: function randFloatSpread(range) { return range * (0.5 - Math.random()); }, // Deterministic pseudo-random float in the interval [ 0, 1 ] seededRandom: function seededRandom(s) { if (s !== undefined) _seed = s % 2147483647; // Park-Miller algorithm _seed = _seed * 16807 % 2147483647; return (_seed - 1) / 2147483646; }, degToRad: function degToRad(degrees) { return degrees * MathUtils.DEG2RAD; }, radToDeg: function radToDeg(radians) { return radians * MathUtils.RAD2DEG; }, isPowerOfTwo: function isPowerOfTwo(value) { return (value & value - 1) === 0 && value !== 0; }, ceilPowerOfTwo: function ceilPowerOfTwo(value) { return Math.pow(2, Math.ceil(Math.log(value) / Math.LN2)); }, floorPowerOfTwo: function floorPowerOfTwo(value) { return Math.pow(2, Math.floor(Math.log(value) / Math.LN2)); }, setQuaternionFromProperEuler: function setQuaternionFromProperEuler(q, a, b, c, order) { // Intrinsic Proper Euler Angles - see https://en.wikipedia.org/wiki/Euler_angles // rotations are applied to the axes in the order specified by 'order' // rotation by angle 'a' is applied first, then by angle 'b', then by angle 'c' // angles are in radians var cos = Math.cos; var sin = Math.sin; var c2 = cos(b / 2); var s2 = sin(b / 2); var c13 = cos((a + c) / 2); var s13 = sin((a + c) / 2); var c1_3 = cos((a - c) / 2); var s1_3 = sin((a - c) / 2); var c3_1 = cos((c - a) / 2); var s3_1 = sin((c - a) / 2); switch (order) { case 'XYX': q.set(c2 * s13, s2 * c1_3, s2 * s1_3, c2 * c13); break; case 'YZY': q.set(s2 * s1_3, c2 * s13, s2 * c1_3, c2 * c13); break; case 'ZXZ': q.set(s2 * c1_3, s2 * s1_3, c2 * s13, c2 * c13); break; case 'XZX': q.set(c2 * s13, s2 * s3_1, s2 * c3_1, c2 * c13); break; case 'YXY': q.set(s2 * c3_1, c2 * s13, s2 * s3_1, c2 * c13); break; case 'ZYZ': q.set(s2 * s3_1, s2 * c3_1, c2 * s13, c2 * c13); break; default: console.warn('THREE.MathUtils: .setQuaternionFromProperEuler() encountered an unknown order: ' + order); } } }; var Vector2 = /*#__PURE__*/function () { function Vector2(x, y) { if (x === void 0) { x = 0; } if (y === void 0) { y = 0; } Object.defineProperty(this, 'isVector2', { value: true }); this.x = x; this.y = y; } var _proto = Vector2.prototype; _proto.set = function set(x, y) { this.x = x; this.y = y; return this; }; _proto.setScalar = function setScalar(scalar) { this.x = scalar; this.y = scalar; return this; }; _proto.setX = function setX(x) { this.x = x; return this; }; _proto.setY = function setY(y) { this.y = y; return this; }; _proto.setComponent = function setComponent(index, value) { switch (index) { case 0: this.x = value; break; case 1: this.y = value; break; default: throw new Error('index is out of range: ' + index); } return this; }; _proto.getComponent = function getComponent(index) { switch (index) { case 0: return this.x; case 1: return this.y; default: throw new Error('index is out of range: ' + index); } }; _proto.clone = function clone() { return new this.constructor(this.x, this.y); }; _proto.copy = function copy(v) { this.x = v.x; this.y = v.y; return this; }; _proto.add = function add(v, w) { if (w !== undefined) { console.warn('THREE.Vector2: .add() now only accepts one argument. Use .addVectors( a, b ) instead.'); return this.addVectors(v, w); } this.x += v.x; this.y += v.y; return this; }; _proto.addScalar = function addScalar(s) { this.x += s; this.y += s; return this; }; _proto.addVectors = function addVectors(a, b) { this.x = a.x + b.x; this.y = a.y + b.y; return this; }; _proto.addScaledVector = function addScaledVector(v, s) { this.x += v.x * s; this.y += v.y * s; return this; }; _proto.sub = function sub(v, w) { if (w !== undefined) { console.warn('THREE.Vector2: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.'); return this.subVectors(v, w); } this.x -= v.x; this.y -= v.y; return this; }; _proto.subScalar = function subScalar(s) { this.x -= s; this.y -= s; return this; }; _proto.subVectors = function subVectors(a, b) { this.x = a.x - b.x; this.y = a.y - b.y; return this; }; _proto.multiply = function multiply(v) { this.x *= v.x; this.y *= v.y; return this; }; _proto.multiplyScalar = function multiplyScalar(scalar) { this.x *= scalar; this.y *= scalar; return this; }; _proto.divide = function divide(v) { this.x /= v.x; this.y /= v.y; return this; }; _proto.divideScalar = function divideScalar(scalar) { return this.multiplyScalar(1 / scalar); }; _proto.applyMatrix3 = function applyMatrix3(m) { var x = this.x, y = this.y; var e = m.elements; this.x = e[0] * x + e[3] * y + e[6]; this.y = e[1] * x + e[4] * y + e[7]; return this; }; _proto.min = function min(v) { this.x = Math.min(this.x, v.x); this.y = Math.min(this.y, v.y); return this; }; _proto.max = function max(v) { this.x = Math.max(this.x, v.x); this.y = Math.max(this.y, v.y); return this; }; _proto.clamp = function clamp(min, max) { // assumes min < max, componentwise this.x = Math.max(min.x, Math.min(max.x, this.x)); this.y = Math.max(min.y, Math.min(max.y, this.y)); return this; }; _proto.clampScalar = function clampScalar(minVal, maxVal) { this.x = Math.max(minVal, Math.min(maxVal, this.x)); this.y = Math.max(minVal, Math.min(maxVal, this.y)); return this; }; _proto.clampLength = function clampLength(min, max) { var length = this.length(); return this.divideScalar(length || 1).multiplyScalar(Math.max(min, Math.min(max, length))); }; _proto.floor = function floor() { this.x = Math.floor(this.x); this.y = Math.floor(this.y); return this; }; _proto.ceil = function ceil() { this.x = Math.ceil(this.x); this.y = Math.ceil(this.y); return this; }; _proto.round = function round() { this.x = Math.round(this.x); this.y = Math.round(this.y); return this; }; _proto.roundToZero = function roundToZero() { this.x = this.x < 0 ? Math.ceil(this.x) : Math.floor(this.x); this.y = this.y < 0 ? Math.ceil(this.y) : Math.floor(this.y); return this; }; _proto.negate = function negate() { this.x = -this.x; this.y = -this.y; return this; }; _proto.dot = function dot(v) { return this.x * v.x + this.y * v.y; }; _proto.cross = function cross(v) { return this.x * v.y - this.y * v.x; }; _proto.lengthSq = function lengthSq() { return this.x * this.x + this.y * this.y; }; _proto.length = function length() { return Math.sqrt(this.x * this.x + this.y * this.y); }; _proto.manhattanLength = function manhattanLength() { return Math.abs(this.x) + Math.abs(this.y); }; _proto.normalize = function normalize() { return this.divideScalar(this.length() || 1); }; _proto.angle = function angle() { // computes the angle in radians with respect to the positive x-axis var angle = Math.atan2(-this.y, -this.x) + Math.PI; return angle; }; _proto.distanceTo = function distanceTo(v) { return Math.sqrt(this.distanceToSquared(v)); }; _proto.distanceToSquared = function distanceToSquared(v) { var dx = this.x - v.x, dy = this.y - v.y; return dx * dx + dy * dy; }; _proto.manhattanDistanceTo = function manhattanDistanceTo(v) { return Math.abs(this.x - v.x) + Math.abs(this.y - v.y); }; _proto.setLength = function setLength(length) { return this.normalize().multiplyScalar(length); }; _proto.lerp = function lerp(v, alpha) { this.x += (v.x - this.x) * alpha; this.y += (v.y - this.y) * alpha; return this; }; _proto.lerpVectors = function lerpVectors(v1, v2, alpha) { this.x = v1.x + (v2.x - v1.x) * alpha; this.y = v1.y + (v2.y - v1.y) * alpha; return this; }; _proto.equals = function equals(v) { return v.x === this.x && v.y === this.y; }; _proto.fromArray = function fromArray(array, offset) { if (offset === void 0) { offset = 0; } this.x = array[offset]; this.y = array[offset + 1]; return this; }; _proto.toArray = function toArray(array, offset) { if (array === void 0) { array = []; } if (offset === void 0) { offset = 0; } array[offset] = this.x; array[offset + 1] = this.y; return array; }; _proto.fromBufferAttribute = function fromBufferAttribute(attribute, index, offset) { if (offset !== undefined) { console.warn('THREE.Vector2: offset has been removed from .fromBufferAttribute().'); } this.x = attribute.getX(index); this.y = attribute.getY(index); return this; }; _proto.rotateAround = function rotateAround(center, angle) { var c = Math.cos(angle), s = Math.sin(angle); var x = this.x - center.x; var y = this.y - center.y; this.x = x * c - y * s + center.x; this.y = x * s + y * c + center.y; return this; }; _proto.random = function random() { this.x = Math.random(); this.y = Math.random(); return this; }; _createClass(Vector2, [{ key: "width", get: function get() { return this.x; }, set: function set(value) { this.x = value; } }, { key: "height", get: function get() { return this.y; }, set: function set(value) { this.y = value; } }]); return Vector2; }(); var Matrix3 = /*#__PURE__*/function () { function Matrix3() { Object.defineProperty(this, 'isMatrix3', { value: true }); this.elements = [1, 0, 0, 0, 1, 0, 0, 0, 1]; if (arguments.length > 0) { console.error('THREE.Matrix3: the constructor no longer reads arguments. use .set() instead.'); } } var _proto = Matrix3.prototype; _proto.set = function set(n11, n12, n13, n21, n22, n23, n31, n32, n33) { var te = this.elements; te[0] = n11; te[1] = n21; te[2] = n31; te[3] = n12; te[4] = n22; te[5] = n32; te[6] = n13; te[7] = n23; te[8] = n33; return this; }; _proto.identity = function identity() { this.set(1, 0, 0, 0, 1, 0, 0, 0, 1); return this; }; _proto.clone = function clone() { return new this.constructor().fromArray(this.elements); }; _proto.copy = function copy(m) { var te = this.elements; var me = m.elements; te[0] = me[0]; te[1] = me[1]; te[2] = me[2]; te[3] = me[3]; te[4] = me[4]; te[5] = me[5]; te[6] = me[6]; te[7] = me[7]; te[8] = me[8]; return this; }; _proto.extractBasis = function extractBasis(xAxis, yAxis, zAxis) { xAxis.setFromMatrix3Column(this, 0); yAxis.setFromMatrix3Column(this, 1); zAxis.setFromMatrix3Column(this, 2); return this; }; _proto.setFromMatrix4 = function setFromMatrix4(m) { var me = m.elements; this.set(me[0], me[4], me[8], me[1], me[5], me[9], me[2], me[6], me[10]); return this; }; _proto.multiply = function multiply(m) { return this.multiplyMatrices(this, m); }; _proto.premultiply = function premultiply(m) { return this.multiplyMatrices(m, this); }; _proto.multiplyMatrices = function multiplyMatrices(a, b) { var ae = a.elements; var be = b.elements; var te = this.elements; var a11 = ae[0], a12 = ae[3], a13 = ae[6]; var a21 = ae[1], a22 = ae[4], a23 = ae[7]; var a31 = ae[2], a32 = ae[5], a33 = ae[8]; var b11 = be[0], b12 = be[3], b13 = be[6]; var b21 = be[1], b22 = be[4], b23 = be[7]; var b31 = be[2], b32 = be[5], b33 = be[8]; te[0] = a11 * b11 + a12 * b21 + a13 * b31; te[3] = a11 * b12 + a12 * b22 + a13 * b32; te[6] = a11 * b13 + a12 * b23 + a13 * b33; te[1] = a21 * b11 + a22 * b21 + a23 * b31; te[4] = a21 * b12 + a22 * b22 + a23 * b32; te[7] = a21 * b13 + a22 * b23 + a23 * b33; te[2] = a31 * b11 + a32 * b21 + a33 * b31; te[5] = a31 * b12 + a32 * b22 + a33 * b32; te[8] = a31 * b13 + a32 * b23 + a33 * b33; return this; }; _proto.multiplyScalar = function multiplyScalar(s) { var te = this.elements; te[0] *= s; te[3] *= s; te[6] *= s; te[1] *= s; te[4] *= s; te[7] *= s; te[2] *= s; te[5] *= s; te[8] *= s; return this; }; _proto.determinant = function determinant() { var te = this.elements; var a = te[0], b = te[1], c = te[2], d = te[3], e = te[4], f = te[5], g = te[6], h = te[7], i = te[8]; return a * e * i - a * f * h - b * d * i + b * f * g + c * d * h - c * e * g; }; _proto.invert = function invert() { var te = this.elements, n11 = te[0], n21 = te[1], n31 = te[2], n12 = te[3], n22 = te[4], n32 = te[5], n13 = te[6], n23 = te[7], n33 = te[8], t11 = n33 * n22 - n32 * n23, t12 = n32 * n13 - n33 * n12, t13 = n23 * n12 - n22 * n13, det = n11 * t11 + n21 * t12 + n31 * t13; if (det === 0) return this.set(0, 0, 0, 0, 0, 0, 0, 0, 0); var detInv = 1 / det; te[0] = t11 * detInv; te[1] = (n31 * n23 - n33 * n21) * detInv; te[2] = (n32 * n21 - n31 * n22) * detInv; te[3] = t12 * detInv; te[4] = (n33 * n11 - n31 * n13) * detInv; te[5] = (n31 * n12 - n32 * n11) * detInv; te[6] = t13 * detInv; te[7] = (n21 * n13 - n23 * n11) * detInv; te[8] = (n22 * n11 - n21 * n12) * detInv; return this; }; _proto.transpose = function transpose() { var tmp; var m = this.elements; tmp = m[1]; m[1] = m[3]; m[3] = tmp; tmp = m[2]; m[2] = m[6]; m[6] = tmp; tmp = m[5]; m[5] = m[7]; m[7] = tmp; return this; }; _proto.getNormalMatrix = function getNormalMatrix(matrix4) { return this.setFromMatrix4(matrix4).copy(this).invert().transpose(); }; _proto.transposeIntoArray = function transposeIntoArray(r) { var m = this.elements; r[0] = m[0]; r[1] = m[3]; r[2] = m[6]; r[3] = m[1]; r[4] = m[4]; r[5] = m[7]; r[6] = m[2]; r[7] = m[5]; r[8] = m[8]; return this; }; _proto.setUvTransform = function setUvTransform(tx, ty, sx, sy, rotation, cx, cy) { var c = Math.cos(rotation); var s = Math.sin(rotation); this.set(sx * c, sx * s, -sx * (c * cx + s * cy) + cx + tx, -sy * s, sy * c, -sy * (-s * cx + c * cy) + cy + ty, 0, 0, 1); return this; }; _proto.scale = function scale(sx, sy) { var te = this.elements; te[0] *= sx; te[3] *= sx; te[6] *= sx; te[1] *= sy; te[4] *= sy; te[7] *= sy; return this; }; _proto.rotate = function rotate(theta) { var c = Math.cos(theta); var s = Math.sin(theta); var te = this.elements; var a11 = te[0], a12 = te[3], a13 = te[6]; var a21 = te[1], a22 = te[4], a23 = te[7]; te[0] = c * a11 + s * a21; te[3] = c * a12 + s * a22; te[6] = c * a13 + s * a23; te[1] = -s * a11 + c * a21; te[4] = -s * a12 + c * a22; te[7] = -s * a13 + c * a23; return this; }; _proto.translate = function translate(tx, ty) { var te = this.elements; te[0] += tx * te[2]; te[3] += tx * te[5]; te[6] += tx * te[8]; te[1] += ty * te[2]; te[4] += ty * te[5]; te[7] += ty * te[8]; return this; }; _proto.equals = function equals(matrix) { var te = this.elements; var me = matrix.elements; for (var i = 0; i < 9; i++) { if (te[i] !== me[i]) return false; } return true; }; _proto.fromArray = function fromArray(array, offset) { if (offset === void 0) { offset = 0; } for (var i = 0; i < 9; i++) { this.elements[i] = array[i + offset]; } return this; }; _proto.toArray = function toArray(array, offset) { if (array === void 0) { array = []; } if (offset === void 0) { offset = 0; } var te = this.elements; array[offset] = te[0]; array[offset + 1] = te[1]; array[offset + 2] = te[2]; array[offset + 3] = te[3]; array[offset + 4] = te[4]; array[offset + 5] = te[5]; array[offset + 6] = te[6]; array[offset + 7] = te[7]; array[offset + 8] = te[8]; return array; }; return Matrix3; }(); var _canvas; var ImageUtils = { getDataURL: function getDataURL(image) { if (/^data:/i.test(image.src)) { return image.src; } if (typeof HTMLCanvasElement == 'undefined') { return image.src; } var canvas; if (image instanceof HTMLCanvasElement) { canvas = image; } else { if (_canvas === undefined) _canvas = document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas'); _canvas.width = image.width; _canvas.height = image.height; var context = _canvas.getContext('2d'); if (image instanceof ImageData) { context.putImageData(image, 0, 0); } else { context.drawImage(image, 0, 0, image.width, image.height); } canvas = _canvas; } if (canvas.width > 2048 || canvas.height > 2048) { return canvas.toDataURL('image/jpeg', 0.6); } else { return canvas.toDataURL('image/png'); } } }; var textureId = 0; function Texture(image, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding) { if (image === void 0) { image = Texture.DEFAULT_IMAGE; } if (mapping === void 0) { mapping = Texture.DEFAULT_MAPPING; } if (wrapS === void 0) { wrapS = ClampToEdgeWrapping; } if (wrapT === void 0) { wrapT = ClampToEdgeWrapping; } if (magFilter === void 0) { magFilter = LinearFilter; } if (minFilter === void 0) { minFilter = LinearMipmapLinearFilter; } if (format === void 0) { format = RGBAFormat; } if (type === void 0) { type = UnsignedByteType; } if (anisotropy === void 0) { anisotropy = 1; } if (encoding === void 0) { encoding = LinearEncoding; } Object.defineProperty(this, 'id', { value: textureId++ }); this.uuid = MathUtils.generateUUID(); this.name = ''; this.image = image; this.mipmaps = []; this.mapping = mapping; this.wrapS = wrapS; this.wrapT = wrapT; this.magFilter = magFilter; this.minFilter = minFilter; this.anisotropy = anisotropy; this.format = format; this.internalFormat = null; this.type = type; this.offset = new Vector2(0, 0); this.repeat = new Vector2(1, 1); this.center = new Vector2(0, 0); this.rotation = 0; this.matrixAutoUpdate = true; this.matrix = new Matrix3(); this.generateMipmaps = true; this.premultiplyAlpha = false; this.flipY = true; this.unpackAlignment = 4; // valid values: 1, 2, 4, 8 (see http://www.khronos.org/opengles/sdk/docs/man/xhtml/glPixelStorei.xml) // Values of encoding !== THREE.LinearEncoding only supported on map, envMap and emissiveMap. // // Also changing the encoding after already used by a Material will not automatically make the Material // update. You need to explicitly call Material.needsUpdate to trigger it to recompile. this.encoding = encoding; this.version = 0; this.onUpdate = null; } Texture.DEFAULT_IMAGE = undefined; Texture.DEFAULT_MAPPING = UVMapping; Texture.prototype = Object.assign(Object.create(EventDispatcher.prototype), { constructor: Texture, isTexture: true, updateMatrix: function updateMatrix() { this.matrix.setUvTransform(this.offset.x, this.offset.y, this.repeat.x, this.repeat.y, this.rotation, this.center.x, this.center.y); }, clone: function clone() { return new this.constructor().copy(this); }, copy: function copy(source) { this.name = source.name; this.image = source.image; this.mipmaps = source.mipmaps.slice(0); this.mapping = source.mapping; this.wrapS = source.wrapS; this.wrapT = source.wrapT; this.magFilter = source.magFilter; this.minFilter = source.minFilter; this.anisotropy = source.anisotropy; this.format = source.format; this.internalFormat = source.internalFormat; this.type = source.type; this.offset.copy(source.offset); this.repeat.copy(source.repeat); this.center.copy(source.center); this.rotation = source.rotation; this.matrixAutoUpdate = source.matrixAutoUpdate; this.matrix.copy(source.matrix); this.generateMipmaps = source.generateMipmaps; this.premultiplyAlpha = source.premultiplyAlpha; this.flipY = source.flipY; this.unpackAlignment = source.unpackAlignment; this.encoding = source.encoding; return this; }, toJSON: function toJSON(meta) { var isRootObject = meta === undefined || typeof meta === 'string'; if (!isRootObject && meta.textures[this.uuid] !== undefined) { return meta.textures[this.uuid]; } var output = { metadata: { version: 4.5, type: 'Texture', generator: 'Texture.toJSON' }, uuid: this.uuid, name: this.name, mapping: this.mapping, repeat: [this.repeat.x, this.repeat.y], offset: [this.offset.x, this.offset.y], center: [this.center.x, this.center.y], rotation: this.rotation, wrap: [this.wrapS, this.wrapT], format: this.format, type: this.type, encoding: this.encoding, minFilter: this.minFilter, magFilter: this.magFilter, anisotropy: this.anisotropy, flipY: this.flipY, premultiplyAlpha: this.premultiplyAlpha, unpackAlignment: this.unpackAlignment }; if (this.image !== undefined) { // TODO: Move to THREE.Image var image = this.image; if (image.uuid === undefined) { image.uuid = MathUtils.generateUUID(); // UGH } if (!isRootObject && meta.images[image.uuid] === undefined) { var url; if (Array.isArray(image)) { // process array of images e.g. CubeTexture url = []; for (var i = 0, l = image.length; i < l; i++) { // check cube texture with data textures if (image[i].isDataTexture) { url.push(serializeImage(image[i].image)); } else { url.push(serializeImage(image[i])); } } } else { // process single image url = serializeImage(image); } meta.images[image.uuid] = { uuid: image.uuid, url: url }; } output.image = image.uuid; } if (!isRootObject) { meta.textures[this.uuid] = output; } return output; }, dispose: function dispose() { this.dispatchEvent({ type: 'dispose' }); }, transformUv: function transformUv(uv) { if (this.mapping !== UVMapping) return uv; uv.applyMatrix3(this.matrix); if (uv.x < 0 || uv.x > 1) { switch (this.wrapS) { case RepeatWrapping: uv.x = uv.x - Math.floor(uv.x); break; case ClampToEdgeWrapping: uv.x = uv.x < 0 ? 0 : 1; break; case MirroredRepeatWrapping: if (Math.abs(Math.floor(uv.x) % 2) === 1) { uv.x = Math.ceil(uv.x) - uv.x; } else { uv.x = uv.x - Math.floor(uv.x); } break; } } if (uv.y < 0 || uv.y > 1) { switch (this.wrapT) { case RepeatWrapping: uv.y = uv.y - Math.floor(uv.y); break; case ClampToEdgeWrapping: uv.y = uv.y < 0 ? 0 : 1; break; case MirroredRepeatWrapping: if (Math.abs(Math.floor(uv.y) % 2) === 1) { uv.y = Math.ceil(uv.y) - uv.y; } else { uv.y = uv.y - Math.floor(uv.y); } break; } } if (this.flipY) { uv.y = 1 - uv.y; } return uv; } }); Object.defineProperty(Texture.prototype, 'needsUpdate', { set: function set(value) { if (value === true) this.version++; } }); function serializeImage(image) { if (typeof HTMLImageElement !== 'undefined' && image instanceof HTMLImageElement || typeof HTMLCanvasElement !== 'undefined' && image instanceof HTMLCanvasElement || typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) { // default images return ImageUtils.getDataURL(image); } else { if (image.data) { // images of DataTexture return { data: Array.prototype.slice.call(image.data), width: image.width, height: image.height, type: image.data.constructor.name }; } else { console.warn('THREE.Texture: Unable to serialize Texture.'); return {}; } } } var Vector4 = /*#__PURE__*/function () { function Vector4(x, y, z, w) { if (x === void 0) { x = 0; } if (y === void 0) { y = 0; } if (z === void 0) { z = 0; } if (w === void 0) { w = 1; } Object.defineProperty(this, 'isVector4', { value: true }); this.x = x; this.y = y; this.z = z; this.w = w; } var _proto = Vector4.prototype; _proto.set = function set(x, y, z, w) { this.x = x; this.y = y; this.z = z; this.w = w; return this; }; _proto.setScalar = function setScalar(scalar) { this.x = scalar; this.y = scalar; this.z = scalar; this.w = scalar; return this; }; _proto.setX = function setX(x) { this.x = x; return this; }; _proto.setY = function setY(y) { this.y = y; return this; }; _proto.setZ = function setZ(z) { this.z = z; return this; }; _proto.setW = function setW(w) { this.w = w; return this; }; _proto.setComponent = function setComponent(index, value) { switch (index) { case 0: this.x = value; break; case 1: this.y = value; break; case 2: this.z = value; break; case 3: this.w = value; break; default: throw new Error('index is out of range: ' + index); } return this; }; _proto.getComponent = function getComponent(index) { switch (index) { case 0: return this.x; case 1: return this.y; case 2: return this.z; case 3: return this.w; default: throw new Error('index is out of range: ' + index); } }; _proto.clone = function clone() { return new this.constructor(this.x, this.y, this.z, this.w); }; _proto.copy = function copy(v) { this.x = v.x; this.y = v.y; this.z = v.z; this.w = v.w !== undefined ? v.w : 1; return this; }; _proto.add = function add(v, w) { if (w !== undefined) { console.warn('THREE.Vector4: .add() now only accepts one argument. Use .addVectors( a, b ) instead.'); return this.addVectors(v, w); } this.x += v.x; this.y += v.y; this.z += v.z; this.w += v.w; return this; }; _proto.addScalar = function addScalar(s) { this.x += s; this.y += s; this.z += s; this.w += s; return this; }; _proto.addVectors = function addVectors(a, b) { this.x = a.x + b.x; this.y = a.y + b.y; this.z = a.z + b.z; this.w = a.w + b.w; return this; }; _proto.addScaledVector = function addScaledVector(v, s) { this.x += v.x * s; this.y += v.y * s; this.z += v.z * s; this.w += v.w * s; return this; }; _proto.sub = function sub(v, w) { if (w !== undefined) { console.warn('THREE.Vector4: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.'); return this.subVectors(v, w); } this.x -= v.x; this.y -= v.y; this.z -= v.z; this.w -= v.w; return this; }; _proto.subScalar = function subScalar(s) { this.x -= s; this.y -= s; this.z -= s; this.w -= s; return this; }; _proto.subVectors = function subVectors(a, b) { this.x = a.x - b.x; this.y = a.y - b.y; this.z = a.z - b.z; this.w = a.w - b.w; return this; }; _proto.multiply = function multiply(v) { this.x *= v.x; this.y *= v.y; this.z *= v.z; this.w *= v.w; return this; }; _proto.multiplyScalar = function multiplyScalar(scalar) { this.x *= scalar; this.y *= scalar; this.z *= scalar; this.w *= scalar; return this; }; _proto.applyMatrix4 = function applyMatrix4(m) { var x = this.x, y = this.y, z = this.z, w = this.w; var e = m.elements; this.x = e[0] * x + e[4] * y + e[8] * z + e[12] * w; this.y = e[1] * x + e[5] * y + e[9] * z + e[13] * w; this.z = e[2] * x + e[6] * y + e[10] * z + e[14] * w; this.w = e[3] * x + e[7] * y + e[11] * z + e[15] * w; return this; }; _proto.divideScalar = function divideScalar(scalar) { return this.multiplyScalar(1 / scalar); }; _proto.setAxisAngleFromQuaternion = function setAxisAngleFromQuaternion(q) { // http://www.euclideanspace.com/maths/geometry/rotations/conversions/quaternionToAngle/index.htm // q is assumed to be normalized this.w = 2 * Math.acos(q.w); var s = Math.sqrt(1 - q.w * q.w); if (s < 0.0001) { this.x = 1; this.y = 0; this.z = 0; } else { this.x = q.x / s; this.y = q.y / s; this.z = q.z / s; } return this; }; _proto.setAxisAngleFromRotationMatrix = function setAxisAngleFromRotationMatrix(m) { // http://www.euclideanspace.com/maths/geometry/rotations/conversions/matrixToAngle/index.htm // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled) var angle, x, y, z; // variables for result var epsilon = 0.01, // margin to allow for rounding errors epsilon2 = 0.1, // margin to distinguish between 0 and 180 degrees te = m.elements, m11 = te[0], m12 = te[4], m13 = te[8], m21 = te[1], m22 = te[5], m23 = te[9], m31 = te[2], m32 = te[6], m33 = te[10]; if (Math.abs(m12 - m21) < epsilon && Math.abs(m13 - m31) < epsilon && Math.abs(m23 - m32) < epsilon) { // singularity found // first check for identity matrix which must have +1 for all terms // in leading diagonal and zero in other terms if (Math.abs(m12 + m21) < epsilon2 && Math.abs(m13 + m31) < epsilon2 && Math.abs(m23 + m32) < epsilon2 && Math.abs(m11 + m22 + m33 - 3) < epsilon2) { // this singularity is identity matrix so angle = 0 this.set(1, 0, 0, 0); return this; // zero angle, arbitrary axis } // otherwise this singularity is angle = 180 angle = Math.PI; var xx = (m11 + 1) / 2; var yy = (m22 + 1) / 2; var zz = (m33 + 1) / 2; var xy = (m12 + m21) / 4; var xz = (m13 + m31) / 4; var yz = (m23 + m32) / 4; if (xx > yy && xx > zz) { // m11 is the largest diagonal term if (xx < epsilon) { x = 0; y = 0.707106781; z = 0.707106781; } else { x = Math.sqrt(xx); y = xy / x; z = xz / x; } } else if (yy > zz) { // m22 is the largest diagonal term if (yy < epsilon) { x = 0.707106781; y = 0; z = 0.707106781; } else { y = Math.sqrt(yy); x = xy / y; z = yz / y; } } else { // m33 is the largest diagonal term so base result on this if (zz < epsilon) { x = 0.707106781; y = 0.707106781; z = 0; } else { z = Math.sqrt(zz); x = xz / z; y = yz / z; } } this.set(x, y, z, angle); return this; // return 180 deg rotation } // as we have reached here there are no singularities so we can handle normally var s = Math.sqrt((m32 - m23) * (m32 - m23) + (m13 - m31) * (m13 - m31) + (m21 - m12) * (m21 - m12)); // used to normalize if (Math.abs(s) < 0.001) s = 1; // prevent divide by zero, should not happen if matrix is orthogonal and should be // caught by singularity test above, but I've left it in just in case this.x = (m32 - m23) / s; this.y = (m13 - m31) / s; this.z = (m21 - m12) / s; this.w = Math.acos((m11 + m22 + m33 - 1) / 2); return this; }; _proto.min = function min(v) { this.x = Math.min(this.x, v.x); this.y = Math.min(this.y, v.y); this.z = Math.min(this.z, v.z); this.w = Math.min(this.w, v.w); return this; }; _proto.max = function max(v) { this.x = Math.max(this.x, v.x); this.y = Math.max(this.y, v.y); this.z = Math.max(this.z, v.z); this.w = Math.max(this.w, v.w); return this; }; _proto.clamp = function clamp(min, max) { // assumes min < max, componentwise this.x = Math.max(min.x, Math.min(max.x, this.x)); this.y = Math.max(min.y, Math.min(max.y, this.y)); this.z = Math.max(min.z, Math.min(max.z, this.z)); this.w = Math.max(min.w, Math.min(max.w, this.w)); return this; }; _proto.clampScalar = function clampScalar(minVal, maxVal) { this.x = Math.max(minVal, Math.min(maxVal, this.x)); this.y = Math.max(minVal, Math.min(maxVal, this.y)); this.z = Math.max(minVal, Math.min(maxVal, this.z)); this.w = Math.max(minVal, Math.min(maxVal, this.w)); return this; }; _proto.clampLength = function clampLength(min, max) { var length = this.length(); return this.divideScalar(length || 1).multiplyScalar(Math.max(min, Math.min(max, length))); }; _proto.floor = function floor() { this.x = Math.floor(this.x); this.y = Math.floor(this.y); this.z = Math.floor(this.z); this.w = Math.floor(this.w); return this; }; _proto.ceil = function ceil() { this.x = Math.ceil(this.x); this.y = Math.ceil(this.y); this.z = Math.ceil(this.z); this.w = Math.ceil(this.w); return this; }; _proto.round = function round() { this.x = Math.round(this.x); this.y = Math.round(this.y); this.z = Math.round(this.z); this.w = Math.round(this.w); return this; }; _proto.roundToZero = function roundToZero() { this.x = this.x < 0 ? Math.ceil(this.x) : Math.floor(this.x); this.y = this.y < 0 ? Math.ceil(this.y) : Math.floor(this.y); this.z = this.z < 0 ? Math.ceil(this.z) : Math.floor(this.z); this.w = this.w < 0 ? Math.ceil(this.w) : Math.floor(this.w); return this; }; _proto.negate = function negate() { this.x = -this.x; this.y = -this.y; this.z = -this.z; this.w = -this.w; return this; }; _proto.dot = function dot(v) { return this.x * v.x + this.y * v.y + this.z * v.z + this.w * v.w; }; _proto.lengthSq = function lengthSq() { return this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w; }; _proto.length = function length() { return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w); }; _proto.manhattanLength = function manhattanLength() { return Math.abs(this.x) + Math.abs(this.y) + Math.abs(this.z) + Math.abs(this.w); }; _proto.normalize = function normalize() { return this.divideScalar(this.length() || 1); }; _proto.setLength = function setLength(length) { return this.normalize().multiplyScalar(length); }; _proto.lerp = function lerp(v, alpha) { this.x += (v.x - this.x) * alpha; this.y += (v.y - this.y) * alpha; this.z += (v.z - this.z) * alpha; this.w += (v.w - this.w) * alpha; return this; }; _proto.lerpVectors = function lerpVectors(v1, v2, alpha) { this.x = v1.x + (v2.x - v1.x) * alpha; this.y = v1.y + (v2.y - v1.y) * alpha; this.z = v1.z + (v2.z - v1.z) * alpha; this.w = v1.w + (v2.w - v1.w) * alpha; return this; }; _proto.equals = function equals(v) { return v.x === this.x && v.y === this.y && v.z === this.z && v.w === this.w; }; _proto.fromArray = function fromArray(array, offset) { if (offset === void 0) { offset = 0; } this.x = array[offset]; this.y = array[offset + 1]; this.z = array[offset + 2]; this.w = array[offset + 3]; return this; }; _proto.toArray = function toArray(array, offset) { if (array === void 0) { array = []; } if (offset === void 0) { offset = 0; } array[offset] = this.x; array[offset + 1] = this.y; array[offset + 2] = this.z; array[offset + 3] = this.w; return array; }; _proto.fromBufferAttribute = function fromBufferAttribute(attribute, index, offset) { if (offset !== undefined) { console.warn('THREE.Vector4: offset has been removed from .fromBufferAttribute().'); } this.x = attribute.getX(index); this.y = attribute.getY(index); this.z = attribute.getZ(index); this.w = attribute.getW(index); return this; }; _proto.random = function random() { this.x = Math.random(); this.y = Math.random(); this.z = Math.random(); this.w = Math.random(); return this; }; _createClass(Vector4, [{ key: "width", get: function get() { return this.z; }, set: function set(value) { this.z = value; } }, { key: "height", get: function get() { return this.w; }, set: function set(value) { this.w = value; } }]); return Vector4; }(); /* In options, we can specify: * Texture parameters for an auto-generated target texture * depthBuffer/stencilBuffer: Booleans to indicate if we should generate these buffers */ var WebGLRenderTarget = /*#__PURE__*/function (_EventDispatcher) { _inheritsLoose(WebGLRenderTarget, _EventDispatcher); function WebGLRenderTarget(width, height, options) { var _this; _this = _EventDispatcher.call(this) || this; Object.defineProperty(_assertThisInitialized(_this), 'isWebGLRenderTarget', { value: true }); _this.width = width; _this.height = height; _this.scissor = new Vector4(0, 0, width, height); _this.scissorTest = false; _this.viewport = new Vector4(0, 0, width, height); options = options || {}; _this.texture = new Texture(undefined, options.mapping, options.wrapS, options.wrapT, options.magFilter, options.minFilter, options.format, options.type, options.anisotropy, options.encoding); _this.texture.image = {}; _this.texture.image.width = width; _this.texture.image.height = height; _this.texture.generateMipmaps = options.generateMipmaps !== undefined ? options.generateMipmaps : false; _this.texture.minFilter = options.minFilter !== undefined ? options.minFilter : LinearFilter; _this.depthBuffer = options.depthBuffer !== undefined ? options.depthBuffer : true; _this.stencilBuffer = options.stencilBuffer !== undefined ? options.stencilBuffer : false; _this.depthTexture = options.depthTexture !== undefined ? options.depthTexture : null; return _this; } var _proto = WebGLRenderTarget.prototype; _proto.setSize = function setSize(width, height) { if (this.width !== width || this.height !== height) { this.width = width; this.height = height; this.texture.image.width = width; this.texture.image.height = height; this.dispose(); } this.viewport.set(0, 0, width, height); this.scissor.set(0, 0, width, height); }; _proto.clone = function clone() { return new this.constructor().copy(this); }; _proto.copy = function copy(source) { this.width = source.width; this.height = source.height; this.viewport.copy(source.viewport); this.texture = source.texture.clone(); this.depthBuffer = source.depthBuffer; this.stencilBuffer = source.stencilBuffer; this.depthTexture = source.depthTexture; return this; }; _proto.dispose = function dispose() { this.dispatchEvent({ type: 'dispose' }); }; return WebGLRenderTarget; }(EventDispatcher); var WebGLMultisampleRenderTarget = /*#__PURE__*/function (_WebGLRenderTarget) { _inheritsLoose(WebGLMultisampleRenderTarget, _WebGLRenderTarget); function WebGLMultisampleRenderTarget(width, height, options) { var _this; _this = _WebGLRenderTarget.call(this, width, height, options) || this; Object.defineProperty(_assertThisInitialized(_this), 'isWebGLMultisampleRenderTarget', { value: true }); _this.samples = 4; return _this; } var _proto = WebGLMultisampleRenderTarget.prototype; _proto.copy = function copy(source) { _WebGLRenderTarget.prototype.copy.call(this, source); this.samples = source.samples; return this; }; return WebGLMultisampleRenderTarget; }(WebGLRenderTarget); var Quaternion = /*#__PURE__*/function () { function Quaternion(x, y, z, w) { if (x === void 0) { x = 0; } if (y === void 0) { y = 0; } if (z === void 0) { z = 0; } if (w === void 0) { w = 1; } Object.defineProperty(this, 'isQuaternion', { value: true }); this._x = x; this._y = y; this._z = z; this._w = w; } Quaternion.slerp = function slerp(qa, qb, qm, t) { return qm.copy(qa).slerp(qb, t); }; Quaternion.slerpFlat = function slerpFlat(dst, dstOffset, src0, srcOffset0, src1, srcOffset1, t) { // fuzz-free, array-based Quaternion SLERP operation var x0 = src0[srcOffset0 + 0], y0 = src0[srcOffset0 + 1], z0 = src0[srcOffset0 + 2], w0 = src0[srcOffset0 + 3]; var x1 = src1[srcOffset1 + 0], y1 = src1[srcOffset1 + 1], z1 = src1[srcOffset1 + 2], w1 = src1[srcOffset1 + 3]; if (w0 !== w1 || x0 !== x1 || y0 !== y1 || z0 !== z1) { var s = 1 - t; var cos = x0 * x1 + y0 * y1 + z0 * z1 + w0 * w1, dir = cos >= 0 ? 1 : -1, sqrSin = 1 - cos * cos; // Skip the Slerp for tiny steps to avoid numeric problems: if (sqrSin > Number.EPSILON) { var sin = Math.sqrt(sqrSin), len = Math.atan2(sin, cos * dir); s = Math.sin(s * len) / sin; t = Math.sin(t * len) / sin; } var tDir = t * dir; x0 = x0 * s + x1 * tDir; y0 = y0 * s + y1 * tDir; z0 = z0 * s + z1 * tDir; w0 = w0 * s + w1 * tDir; // Normalize in case we just did a lerp: if (s === 1 - t) { var f = 1 / Math.sqrt(x0 * x0 + y0 * y0 + z0 * z0 + w0 * w0); x0 *= f; y0 *= f; z0 *= f; w0 *= f; } } dst[dstOffset] = x0; dst[dstOffset + 1] = y0; dst[dstOffset + 2] = z0; dst[dstOffset + 3] = w0; }; Quaternion.multiplyQuaternionsFlat = function multiplyQuaternionsFlat(dst, dstOffset, src0, srcOffset0, src1, srcOffset1) { var x0 = src0[srcOffset0]; var y0 = src0[srcOffset0 + 1]; var z0 = src0[srcOffset0 + 2]; var w0 = src0[srcOffset0 + 3]; var x1 = src1[srcOffset1]; var y1 = src1[srcOffset1 + 1]; var z1 = src1[srcOffset1 + 2]; var w1 = src1[srcOffset1 + 3]; dst[dstOffset] = x0 * w1 + w0 * x1 + y0 * z1 - z0 * y1; dst[dstOffset + 1] = y0 * w1 + w0 * y1 + z0 * x1 - x0 * z1; dst[dstOffset + 2] = z0 * w1 + w0 * z1 + x0 * y1 - y0 * x1; dst[dstOffset + 3] = w0 * w1 - x0 * x1 - y0 * y1 - z0 * z1; return dst; }; var _proto = Quaternion.prototype; _proto.set = function set(x, y, z, w) { this._x = x; this._y = y; this._z = z; this._w = w; this._onChangeCallback(); return this; }; _proto.clone = function clone() { return new this.constructor(this._x, this._y, this._z, this._w); }; _proto.copy = function copy(quaternion) { this._x = quaternion.x; this._y = quaternion.y; this._z = quaternion.z; this._w = quaternion.w; this._onChangeCallback(); return this; }; _proto.setFromEuler = function setFromEuler(euler, update) { if (!(euler && euler.isEuler)) { throw new Error('THREE.Quaternion: .setFromEuler() now expects an Euler rotation rather than a Vector3 and order.'); } var x = euler._x, y = euler._y, z = euler._z, order = euler._order; // http://www.mathworks.com/matlabcentral/fileexchange/ // 20696-function-to-convert-between-dcm-euler-angles-quaternions-and-euler-vectors/ // content/SpinCalc.m var cos = Math.cos; var sin = Math.sin; var c1 = cos(x / 2); var c2 = cos(y / 2); var c3 = cos(z / 2); var s1 = sin(x / 2); var s2 = sin(y / 2); var s3 = sin(z / 2); switch (order) { case 'XYZ': this._x = s1 * c2 * c3 + c1 * s2 * s3; this._y = c1 * s2 * c3 - s1 * c2 * s3; this._z = c1 * c2 * s3 + s1 * s2 * c3; this._w = c1 * c2 * c3 - s1 * s2 * s3; break; case 'YXZ': this._x = s1 * c2 * c3 + c1 * s2 * s3; this._y = c1 * s2 * c3 - s1 * c2 * s3; this._z = c1 * c2 * s3 - s1 * s2 * c3; this._w = c1 * c2 * c3 + s1 * s2 * s3; break; case 'ZXY': this._x = s1 * c2 * c3 - c1 * s2 * s3; this._y = c1 * s2 * c3 + s1 * c2 * s3; this._z = c1 * c2 * s3 + s1 * s2 * c3; this._w = c1 * c2 * c3 - s1 * s2 * s3; break; case 'ZYX': this._x = s1 * c2 * c3 - c1 * s2 * s3; this._y = c1 * s2 * c3 + s1 * c2 * s3; this._z = c1 * c2 * s3 - s1 * s2 * c3; this._w = c1 * c2 * c3 + s1 * s2 * s3; break; case 'YZX': this._x = s1 * c2 * c3 + c1 * s2 * s3; this._y = c1 * s2 * c3 + s1 * c2 * s3; this._z = c1 * c2 * s3 - s1 * s2 * c3; this._w = c1 * c2 * c3 - s1 * s2 * s3; break; case 'XZY': this._x = s1 * c2 * c3 - c1 * s2 * s3; this._y = c1 * s2 * c3 - s1 * c2 * s3; this._z = c1 * c2 * s3 + s1 * s2 * c3; this._w = c1 * c2 * c3 + s1 * s2 * s3; break; default: console.warn('THREE.Quaternion: .setFromEuler() encountered an unknown order: ' + order); } if (update !== false) this._onChangeCallback(); return this; }; _proto.setFromAxisAngle = function setFromAxisAngle(axis, angle) { // http://www.euclideanspace.com/maths/geometry/rotations/conversions/angleToQuaternion/index.htm // assumes axis is normalized var halfAngle = angle / 2, s = Math.sin(halfAngle); this._x = axis.x * s; this._y = axis.y * s; this._z = axis.z * s; this._w = Math.cos(halfAngle); this._onChangeCallback(); return this; }; _proto.setFromRotationMatrix = function setFromRotationMatrix(m) { // http://www.euclideanspace.com/maths/geometry/rotations/conversions/matrixToQuaternion/index.htm // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled) var te = m.elements, m11 = te[0], m12 = te[4], m13 = te[8], m21 = te[1], m22 = te[5], m23 = te[9], m31 = te[2], m32 = te[6], m33 = te[10], trace = m11 + m22 + m33; if (trace > 0) { var s = 0.5 / Math.sqrt(trace + 1.0); this._w = 0.25 / s; this._x = (m32 - m23) * s; this._y = (m13 - m31) * s; this._z = (m21 - m12) * s; } else if (m11 > m22 && m11 > m33) { var _s = 2.0 * Math.sqrt(1.0 + m11 - m22 - m33); this._w = (m32 - m23) / _s; this._x = 0.25 * _s; this._y = (m12 + m21) / _s; this._z = (m13 + m31) / _s; } else if (m22 > m33) { var _s2 = 2.0 * Math.sqrt(1.0 + m22 - m11 - m33); this._w = (m13 - m31) / _s2; this._x = (m12 + m21) / _s2; this._y = 0.25 * _s2; this._z = (m23 + m32) / _s2; } else { var _s3 = 2.0 * Math.sqrt(1.0 + m33 - m11 - m22); this._w = (m21 - m12) / _s3; this._x = (m13 + m31) / _s3; this._y = (m23 + m32) / _s3; this._z = 0.25 * _s3; } this._onChangeCallback(); return this; }; _proto.setFromUnitVectors = function setFromUnitVectors(vFrom, vTo) { // assumes direction vectors vFrom and vTo are normalized var EPS = 0.000001; var r = vFrom.dot(vTo) + 1; if (r < EPS) { r = 0; if (Math.abs(vFrom.x) > Math.abs(vFrom.z)) { this._x = -vFrom.y; this._y = vFrom.x; this._z = 0; this._w = r; } else { this._x = 0; this._y = -vFrom.z; this._z = vFrom.y; this._w = r; } } else { // crossVectors( vFrom, vTo ); // inlined to avoid cyclic dependency on Vector3 this._x = vFrom.y * vTo.z - vFrom.z * vTo.y; this._y = vFrom.z * vTo.x - vFrom.x * vTo.z; this._z = vFrom.x * vTo.y - vFrom.y * vTo.x; this._w = r; } return this.normalize(); }; _proto.angleTo = function angleTo(q) { return 2 * Math.acos(Math.abs(MathUtils.clamp(this.dot(q), -1, 1))); }; _proto.rotateTowards = function rotateTowards(q, step) { var angle = this.angleTo(q); if (angle === 0) return this; var t = Math.min(1, step / angle); this.slerp(q, t); return this; }; _proto.identity = function identity() { return this.set(0, 0, 0, 1); }; _proto.invert = function invert() { // quaternion is assumed to have unit length return this.conjugate(); }; _proto.conjugate = function conjugate() { this._x *= -1; this._y *= -1; this._z *= -1; this._onChangeCallback(); return this; }; _proto.dot = function dot(v) { return this._x * v._x + this._y * v._y + this._z * v._z + this._w * v._w; }; _proto.lengthSq = function lengthSq() { return this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w; }; _proto.length = function length() { return Math.sqrt(this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w); }; _proto.normalize = function normalize() { var l = this.length(); if (l === 0) { this._x = 0; this._y = 0; this._z = 0; this._w = 1; } else { l = 1 / l; this._x = this._x * l; this._y = this._y * l; this._z = this._z * l; this._w = this._w * l; } this._onChangeCallback(); return this; }; _proto.multiply = function multiply(q, p) { if (p !== undefined) { console.warn('THREE.Quaternion: .multiply() now only accepts one argument. Use .multiplyQuaternions( a, b ) instead.'); return this.multiplyQuaternions(q, p); } return this.multiplyQuaternions(this, q); }; _proto.premultiply = function premultiply(q) { return this.multiplyQuaternions(q, this); }; _proto.multiplyQuaternions = function multiplyQuaternions(a, b) { // from http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/code/index.htm var qax = a._x, qay = a._y, qaz = a._z, qaw = a._w; var qbx = b._x, qby = b._y, qbz = b._z, qbw = b._w; this._x = qax * qbw + qaw * qbx + qay * qbz - qaz * qby; this._y = qay * qbw + qaw * qby + qaz * qbx - qax * qbz; this._z = qaz * qbw + qaw * qbz + qax * qby - qay * qbx; this._w = qaw * qbw - qax * qbx - qay * qby - qaz * qbz; this._onChangeCallback(); return this; }; _proto.slerp = function slerp(qb, t) { if (t === 0) return this; if (t === 1) return this.copy(qb); var x = this._x, y = this._y, z = this._z, w = this._w; // http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/slerp/ var cosHalfTheta = w * qb._w + x * qb._x + y * qb._y + z * qb._z; if (cosHalfTheta < 0) { this._w = -qb._w; this._x = -qb._x; this._y = -qb._y; this._z = -qb._z; cosHalfTheta = -cosHalfTheta; } else { this.copy(qb); } if (cosHalfTheta >= 1.0) { this._w = w; this._x = x; this._y = y; this._z = z; return this; } var sqrSinHalfTheta = 1.0 - cosHalfTheta * cosHalfTheta; if (sqrSinHalfTheta <= Number.EPSILON) { var s = 1 - t; this._w = s * w + t * this._w; this._x = s * x + t * this._x; this._y = s * y + t * this._y; this._z = s * z + t * this._z; this.normalize(); this._onChangeCallback(); return this; } var sinHalfTheta = Math.sqrt(sqrSinHalfTheta); var halfTheta = Math.atan2(sinHalfTheta, cosHalfTheta); var ratioA = Math.sin((1 - t) * halfTheta) / sinHalfTheta, ratioB = Math.sin(t * halfTheta) / sinHalfTheta; this._w = w * ratioA + this._w * ratioB; this._x = x * ratioA + this._x * ratioB; this._y = y * ratioA + this._y * ratioB; this._z = z * ratioA + this._z * ratioB; this._onChangeCallback(); return this; }; _proto.equals = function equals(quaternion) { return quaternion._x === this._x && quaternion._y === this._y && quaternion._z === this._z && quaternion._w === this._w; }; _proto.fromArray = function fromArray(array, offset) { if (offset === void 0) { offset = 0; } this._x = array[offset]; this._y = array[offset + 1]; this._z = array[offset + 2]; this._w = array[offset + 3]; this._onChangeCallback(); return this; }; _proto.toArray = function toArray(array, offset) { if (array === void 0) { array = []; } if (offset === void 0) { offset = 0; } array[offset] = this._x; array[offset + 1] = this._y; array[offset + 2] = this._z; array[offset + 3] = this._w; return array; }; _proto.fromBufferAttribute = function fromBufferAttribute(attribute, index) { this._x = attribute.getX(index); this._y = attribute.getY(index); this._z = attribute.getZ(index); this._w = attribute.getW(index); return this; }; _proto._onChange = function _onChange(callback) { this._onChangeCallback = callback; return this; }; _proto._onChangeCallback = function _onChangeCallback() {}; _createClass(Quaternion, [{ key: "x", get: function get() { return this._x; }, set: function set(value) { this._x = value; this._onChangeCallback(); } }, { key: "y", get: function get() { return this._y; }, set: function set(value) { this._y = value; this._onChangeCallback(); } }, { key: "z", get: function get() { return this._z; }, set: function set(value) { this._z = value; this._onChangeCallback(); } }, { key: "w", get: function get() { return this._w; }, set: function set(value) { this._w = value; this._onChangeCallback(); } }]); return Quaternion; }(); var Vector3 = /*#__PURE__*/function () { function Vector3(x, y, z) { if (x === void 0) { x = 0; } if (y === void 0) { y = 0; } if (z === void 0) { z = 0; } Object.defineProperty(this, 'isVector3', { value: true }); this.x = x; this.y = y; this.z = z; } var _proto = Vector3.prototype; _proto.set = function set(x, y, z) { if (z === undefined) z = this.z; // sprite.scale.set(x,y) this.x = x; this.y = y; this.z = z; return this; }; _proto.setScalar = function setScalar(scalar) { this.x = scalar; this.y = scalar; this.z = scalar; return this; }; _proto.setX = function setX(x) { this.x = x; return this; }; _proto.setY = function setY(y) { this.y = y; return this; }; _proto.setZ = function setZ(z) { this.z = z; return this; }; _proto.setComponent = function setComponent(index, value) { switch (index) { case 0: this.x = value; break; case 1: this.y = value; break; case 2: this.z = value; break; default: throw new Error('index is out of range: ' + index); } return this; }; _proto.getComponent = function getComponent(index) { switch (index) { case 0: return this.x; case 1: return this.y; case 2: return this.z; default: throw new Error('index is out of range: ' + index); } }; _proto.clone = function clone() { return new this.constructor(this.x, this.y, this.z); }; _proto.copy = function copy(v) { this.x = v.x; this.y = v.y; this.z = v.z; return this; }; _proto.add = function add(v, w) { if (w !== undefined) { console.warn('THREE.Vector3: .add() now only accepts one argument. Use .addVectors( a, b ) instead.'); return this.addVectors(v, w); } this.x += v.x; this.y += v.y; this.z += v.z; return this; }; _proto.addScalar = function addScalar(s) { this.x += s; this.y += s; this.z += s; return this; }; _proto.addVectors = function addVectors(a, b) { this.x = a.x + b.x; this.y = a.y + b.y; this.z = a.z + b.z; return this; }; _proto.addScaledVector = function addScaledVector(v, s) { this.x += v.x * s; this.y += v.y * s; this.z += v.z * s; return this; }; _proto.sub = function sub(v, w) { if (w !== undefined) { console.warn('THREE.Vector3: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.'); return this.subVectors(v, w); } this.x -= v.x; this.y -= v.y; this.z -= v.z; return this; }; _proto.subScalar = function subScalar(s) { this.x -= s; this.y -= s; this.z -= s; return this; }; _proto.subVectors = function subVectors(a, b) { this.x = a.x - b.x; this.y = a.y - b.y; this.z = a.z - b.z; return this; }; _proto.multiply = function multiply(v, w) { if (w !== undefined) { console.warn('THREE.Vector3: .multiply() now only accepts one argument. Use .multiplyVectors( a, b ) instead.'); return this.multiplyVectors(v, w); } this.x *= v.x; this.y *= v.y; this.z *= v.z; return this; }; _proto.multiplyScalar = function multiplyScalar(scalar) { this.x *= scalar; this.y *= scalar; this.z *= scalar; return this; }; _proto.multiplyVectors = function multiplyVectors(a, b) { this.x = a.x * b.x; this.y = a.y * b.y; this.z = a.z * b.z; return this; }; _proto.applyEuler = function applyEuler(euler) { if (!(euler && euler.isEuler)) { console.error('THREE.Vector3: .applyEuler() now expects an Euler rotation rather than a Vector3 and order.'); } return this.applyQuaternion(_quaternion.setFromEuler(euler)); }; _proto.applyAxisAngle = function applyAxisAngle(axis, angle) { return this.applyQuaternion(_quaternion.setFromAxisAngle(axis, angle)); }; _proto.applyMatrix3 = function applyMatrix3(m) { var x = this.x, y = this.y, z = this.z; var e = m.elements; this.x = e[0] * x + e[3] * y + e[6] * z; this.y = e[1] * x + e[4] * y + e[7] * z; this.z = e[2] * x + e[5] * y + e[8] * z; return this; }; _proto.applyNormalMatrix = function applyNormalMatrix(m) { return this.applyMatrix3(m).normalize(); }; _proto.applyMatrix4 = function applyMatrix4(m) { var x = this.x, y = this.y, z = this.z; var e = m.elements; var w = 1 / (e[3] * x + e[7] * y + e[11] * z + e[15]); this.x = (e[0] * x + e[4] * y + e[8] * z + e[12]) * w; this.y = (e[1] * x + e[5] * y + e[9] * z + e[13]) * w; this.z = (e[2] * x + e[6] * y + e[10] * z + e[14]) * w; return this; }; _proto.applyQuaternion = function applyQuaternion(q) { var x = this.x, y = this.y, z = this.z; var qx = q.x, qy = q.y, qz = q.z, qw = q.w; // calculate quat * vector var ix = qw * x + qy * z - qz * y; var iy = qw * y + qz * x - qx * z; var iz = qw * z + qx * y - qy * x; var iw = -qx * x - qy * y - qz * z; // calculate result * inverse quat this.x = ix * qw + iw * -qx + iy * -qz - iz * -qy; this.y = iy * qw + iw * -qy + iz * -qx - ix * -qz; this.z = iz * qw + iw * -qz + ix * -qy - iy * -qx; return this; }; _proto.project = function project(camera) { return this.applyMatrix4(camera.matrixWorldInverse).applyMatrix4(camera.projectionMatrix); }; _proto.unproject = function unproject(camera) { return this.applyMatrix4(camera.projectionMatrixInverse).applyMatrix4(camera.matrixWorld); }; _proto.transformDirection = function transformDirection(m) { // input: THREE.Matrix4 affine matrix // vector interpreted as a direction var x = this.x, y = this.y, z = this.z; var e = m.elements; this.x = e[0] * x + e[4] * y + e[8] * z; this.y = e[1] * x + e[5] * y + e[9] * z; this.z = e[2] * x + e[6] * y + e[10] * z; return this.normalize(); }; _proto.divide = function divide(v) { this.x /= v.x; this.y /= v.y; this.z /= v.z; return this; }; _proto.divideScalar = function divideScalar(scalar) { return this.multiplyScalar(1 / scalar); }; _proto.min = function min(v) { this.x = Math.min(this.x, v.x); this.y = Math.min(this.y, v.y); this.z = Math.min(this.z, v.z); return this; }; _proto.max = function max(v) { this.x = Math.max(this.x, v.x); this.y = Math.max(this.y, v.y); this.z = Math.max(this.z, v.z); return this; }; _proto.clamp = function clamp(min, max) { // assumes min < max, componentwise this.x = Math.max(min.x, Math.min(max.x, this.x)); this.y = Math.max(min.y, Math.min(max.y, this.y)); this.z = Math.max(min.z, Math.min(max.z, this.z)); return this; }; _proto.clampScalar = function clampScalar(minVal, maxVal) { this.x = Math.max(minVal, Math.min(maxVal, this.x)); this.y = Math.max(minVal, Math.min(maxVal, this.y)); this.z = Math.max(minVal, Math.min(maxVal, this.z)); return this; }; _proto.clampLength = function clampLength(min, max) { var length = this.length(); return this.divideScalar(length || 1).multiplyScalar(Math.max(min, Math.min(max, length))); }; _proto.floor = function floor() { this.x = Math.floor(this.x); this.y = Math.floor(this.y); this.z = Math.floor(this.z); return this; }; _proto.ceil = function ceil() { this.x = Math.ceil(this.x); this.y = Math.ceil(this.y); this.z = Math.ceil(this.z); return this; }; _proto.round = function round() { this.x = Math.round(this.x); this.y = Math.round(this.y); this.z = Math.round(this.z); return this; }; _proto.roundToZero = function roundToZero() { this.x = this.x < 0 ? Math.ceil(this.x) : Math.floor(this.x); this.y = this.y < 0 ? Math.ceil(this.y) : Math.floor(this.y); this.z = this.z < 0 ? Math.ceil(this.z) : Math.floor(this.z); return this; }; _proto.negate = function negate() { this.x = -this.x; this.y = -this.y; this.z = -this.z; return this; }; _proto.dot = function dot(v) { return this.x * v.x + this.y * v.y + this.z * v.z; } // TODO lengthSquared? ; _proto.lengthSq = function lengthSq() { return this.x * this.x + this.y * this.y + this.z * this.z; }; _proto.length = function length() { return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z); }; _proto.manhattanLength = function manhattanLength() { return Math.abs(this.x) + Math.abs(this.y) + Math.abs(this.z); }; _proto.normalize = function normalize() { return this.divideScalar(this.length() || 1); }; _proto.setLength = function setLength(length) { return this.normalize().multiplyScalar(length); }; _proto.lerp = function lerp(v, alpha) { this.x += (v.x - this.x) * alpha; this.y += (v.y - this.y) * alpha; this.z += (v.z - this.z) * alpha; return this; }; _proto.lerpVectors = function lerpVectors(v1, v2, alpha) { this.x = v1.x + (v2.x - v1.x) * alpha; this.y = v1.y + (v2.y - v1.y) * alpha; this.z = v1.z + (v2.z - v1.z) * alpha; return this; }; _proto.cross = function cross(v, w) { if (w !== undefined) { console.warn('THREE.Vector3: .cross() now only accepts one argument. Use .crossVectors( a, b ) instead.'); return this.crossVectors(v, w); } return this.crossVectors(this, v); }; _proto.crossVectors = function crossVectors(a, b) { var ax = a.x, ay = a.y, az = a.z; var bx = b.x, by = b.y, bz = b.z; this.x = ay * bz - az * by; this.y = az * bx - ax * bz; this.z = ax * by - ay * bx; return this; }; _proto.projectOnVector = function projectOnVector(v) { var denominator = v.lengthSq(); if (denominator === 0) return this.set(0, 0, 0); var scalar = v.dot(this) / denominator; return this.copy(v).multiplyScalar(scalar); }; _proto.projectOnPlane = function projectOnPlane(planeNormal) { _vector.copy(this).projectOnVector(planeNormal); return this.sub(_vector); }; _proto.reflect = function reflect(normal) { // reflect incident vector off plane orthogonal to normal // normal is assumed to have unit length return this.sub(_vector.copy(normal).multiplyScalar(2 * this.dot(normal))); }; _proto.angleTo = function angleTo(v) { var denominator = Math.sqrt(this.lengthSq() * v.lengthSq()); if (denominator === 0) return Math.PI / 2; var theta = this.dot(v) / denominator; // clamp, to handle numerical problems return Math.acos(MathUtils.clamp(theta, -1, 1)); }; _proto.distanceTo = function distanceTo(v) { return Math.sqrt(this.distanceToSquared(v)); }; _proto.distanceToSquared = function distanceToSquared(v) { var dx = this.x - v.x, dy = this.y - v.y, dz = this.z - v.z; return dx * dx + dy * dy + dz * dz; }; _proto.manhattanDistanceTo = function manhattanDistanceTo(v) { return Math.abs(this.x - v.x) + Math.abs(this.y - v.y) + Math.abs(this.z - v.z); }; _proto.setFromSpherical = function setFromSpherical(s) { return this.setFromSphericalCoords(s.radius, s.phi, s.theta); }; _proto.setFromSphericalCoords = function setFromSphericalCoords(radius, phi, theta) { var sinPhiRadius = Math.sin(phi) * radius; this.x = sinPhiRadius * Math.sin(theta); this.y = Math.cos(phi) * radius; this.z = sinPhiRadius * Math.cos(theta); return this; }; _proto.setFromCylindrical = function setFromCylindrical(c) { return this.setFromCylindricalCoords(c.radius, c.theta, c.y); }; _proto.setFromCylindricalCoords = function setFromCylindricalCoords(radius, theta, y) { this.x = radius * Math.sin(theta); this.y = y; this.z = radius * Math.cos(theta); return this; }; _proto.setFromMatrixPosition = function setFromMatrixPosition(m) { var e = m.elements; this.x = e[12]; this.y = e[13]; this.z = e[14]; return this; }; _proto.setFromMatrixScale = function setFromMatrixScale(m) { var sx = this.setFromMatrixColumn(m, 0).length(); var sy = this.setFromMatrixColumn(m, 1).length(); var sz = this.setFromMatrixColumn(m, 2).length(); this.x = sx; this.y = sy; this.z = sz; return this; }; _proto.setFromMatrixColumn = function setFromMatrixColumn(m, index) { return this.fromArray(m.elements, index * 4); }; _proto.setFromMatrix3Column = function setFromMatrix3Column(m, index) { return this.fromArray(m.elements, index * 3); }; _proto.equals = function equals(v) { return v.x === this.x && v.y === this.y && v.z === this.z; }; _proto.fromArray = function fromArray(array, offset) { if (offset === void 0) { offset = 0; } this.x = array[offset]; this.y = array[offset + 1]; this.z = array[offset + 2]; return this; }; _proto.toArray = function toArray(array, offset) { if (array === void 0) { array = []; } if (offset === void 0) { offset = 0; } array[offset] = this.x; array[offset + 1] = this.y; array[offset + 2] = this.z; return array; }; _proto.fromBufferAttribute = function fromBufferAttribute(attribute, index, offset) { if (offset !== undefined) { console.warn('THREE.Vector3: offset has been removed from .fromBufferAttribute().'); } this.x = attribute.getX(index); this.y = attribute.getY(index); this.z = attribute.getZ(index); return this; }; _proto.random = function random() { this.x = Math.random(); this.y = Math.random(); this.z = Math.random(); return this; }; return Vector3; }(); var _vector = /*@__PURE__*/new Vector3(); var _quaternion = /*@__PURE__*/new Quaternion(); var Box3 = /*#__PURE__*/function () { function Box3(min, max) { Object.defineProperty(this, 'isBox3', { value: true }); this.min = min !== undefined ? min : new Vector3(+Infinity, +Infinity, +Infinity); this.max = max !== undefined ? max : new Vector3(-Infinity, -Infinity, -Infinity); } var _proto = Box3.prototype; _proto.set = function set(min, max) { this.min.copy(min); this.max.copy(max); return this; }; _proto.setFromArray = function setFromArray(array) { var minX = +Infinity; var minY = +Infinity; var minZ = +Infinity; var maxX = -Infinity; var maxY = -Infinity; var maxZ = -Infinity; for (var i = 0, l = array.length; i < l; i += 3) { var x = array[i]; var y = array[i + 1]; var z = array[i + 2]; if (x < minX) minX = x; if (y < minY) minY = y; if (z < minZ) minZ = z; if (x > maxX) maxX = x; if (y > maxY) maxY = y; if (z > maxZ) maxZ = z; } this.min.set(minX, minY, minZ); this.max.set(maxX, maxY, maxZ); return this; }; _proto.setFromBufferAttribute = function setFromBufferAttribute(attribute) { var minX = +Infinity; var minY = +Infinity; var minZ = +Infinity; var maxX = -Infinity; var maxY = -Infinity; var maxZ = -Infinity; for (var i = 0, l = attribute.count; i < l; i++) { var x = attribute.getX(i); var y = attribute.getY(i); var z = attribute.getZ(i); if (x < minX) minX = x; if (y < minY) minY = y; if (z < minZ) minZ = z; if (x > maxX) maxX = x; if (y > maxY) maxY = y; if (z > maxZ) maxZ = z; } this.min.set(minX, minY, minZ); this.max.set(maxX, maxY, maxZ); return this; }; _proto.setFromPoints = function setFromPoints(points) { this.makeEmpty(); for (var i = 0, il = points.length; i < il; i++) { this.expandByPoint(points[i]); } return this; }; _proto.setFromCenterAndSize = function setFromCenterAndSize(center, size) { var halfSize = _vector$1.copy(size).multiplyScalar(0.5); this.min.copy(center).sub(halfSize); this.max.copy(center).add(halfSize); return this; }; _proto.setFromObject = function setFromObject(object) { this.makeEmpty(); return this.expandByObject(object); }; _proto.clone = function clone() { return new this.constructor().copy(this); }; _proto.copy = function copy(box) { this.min.copy(box.min); this.max.copy(box.max); return this; }; _proto.makeEmpty = function makeEmpty() { this.min.x = this.min.y = this.min.z = +Infinity; this.max.x = this.max.y = this.max.z = -Infinity; return this; }; _proto.isEmpty = function isEmpty() { // this is a more robust check for empty than ( volume <= 0 ) because volume can get positive with two negative axes return this.max.x < this.min.x || this.max.y < this.min.y || this.max.z < this.min.z; }; _proto.getCenter = function getCenter(target) { if (target === undefined) { console.warn('THREE.Box3: .getCenter() target is now required'); target = new Vector3(); } return this.isEmpty() ? target.set(0, 0, 0) : target.addVectors(this.min, this.max).multiplyScalar(0.5); }; _proto.getSize = function getSize(target) { if (target === undefined) { console.warn('THREE.Box3: .getSize() target is now required'); target = new Vector3(); } return this.isEmpty() ? target.set(0, 0, 0) : target.subVectors(this.max, this.min); }; _proto.expandByPoint = function expandByPoint(point) { this.min.min(point); this.max.max(point); return this; }; _proto.expandByVector = function expandByVector(vector) { this.min.sub(vector); this.max.add(vector); return this; }; _proto.expandByScalar = function expandByScalar(scalar) { this.min.addScalar(-scalar); this.max.addScalar(scalar); return this; }; _proto.expandByObject = function expandByObject(object) { // Computes the world-axis-aligned bounding box of an object (including its children), // accounting for both the object's, and children's, world transforms object.updateWorldMatrix(false, false); var geometry = object.geometry; if (geometry !== undefined) { if (geometry.boundingBox === null) { geometry.computeBoundingBox(); } _box.copy(geometry.boundingBox); _box.applyMatrix4(object.matrixWorld); this.union(_box); } var children = object.children; for (var i = 0, l = children.length; i < l; i++) { this.expandByObject(children[i]); } return this; }; _proto.containsPoint = function containsPoint(point) { return point.x < this.min.x || point.x > this.max.x || point.y < this.min.y || point.y > this.max.y || point.z < this.min.z || point.z > this.max.z ? false : true; }; _proto.containsBox = function containsBox(box) { return this.min.x <= box.min.x && box.max.x <= this.max.x && this.min.y <= box.min.y && box.max.y <= this.max.y && this.min.z <= box.min.z && box.max.z <= this.max.z; }; _proto.getParameter = function getParameter(point, target) { // This can potentially have a divide by zero if the box // has a size dimension of 0. if (target === undefined) { console.warn('THREE.Box3: .getParameter() target is now required'); target = new Vector3(); } return target.set((point.x - this.min.x) / (this.max.x - this.min.x), (point.y - this.min.y) / (this.max.y - this.min.y), (point.z - this.min.z) / (this.max.z - this.min.z)); }; _proto.intersectsBox = function intersectsBox(box) { // using 6 splitting planes to rule out intersections. return box.max.x < this.min.x || box.min.x > this.max.x || box.max.y < this.min.y || box.min.y > this.max.y || box.max.z < this.min.z || box.min.z > this.max.z ? false : true; }; _proto.intersectsSphere = function intersectsSphere(sphere) { // Find the point on the AABB closest to the sphere center. this.clampPoint(sphere.center, _vector$1); // If that point is inside the sphere, the AABB and sphere intersect. return _vector$1.distanceToSquared(sphere.center) <= sphere.radius * sphere.radius; }; _proto.intersectsPlane = function intersectsPlane(plane) { // We compute the minimum and maximum dot product values. If those values // are on the same side (back or front) of the plane, then there is no intersection. var min, max; if (plane.normal.x > 0) { min = plane.normal.x * this.min.x; max = plane.normal.x * this.max.x; } else { min = plane.normal.x * this.max.x; max = plane.normal.x * this.min.x; } if (plane.normal.y > 0) { min += plane.normal.y * this.min.y; max += plane.normal.y * this.max.y; } else { min += plane.normal.y * this.max.y; max += plane.normal.y * this.min.y; } if (plane.normal.z > 0) { min += plane.normal.z * this.min.z; max += plane.normal.z * this.max.z; } else { min += plane.normal.z * this.max.z; max += plane.normal.z * this.min.z; } return min <= -plane.constant && max >= -plane.constant; }; _proto.intersectsTriangle = function intersectsTriangle(triangle) { if (this.isEmpty()) { return false; } // compute box center and extents this.getCenter(_center); _extents.subVectors(this.max, _center); // translate triangle to aabb origin _v0.subVectors(triangle.a, _center); _v1.subVectors(triangle.b, _center); _v2.subVectors(triangle.c, _center); // compute edge vectors for triangle _f0.subVectors(_v1, _v0); _f1.subVectors(_v2, _v1); _f2.subVectors(_v0, _v2); // test against axes that are given by cross product combinations of the edges of the triangle and the edges of the aabb // make an axis testing of each of the 3 sides of the aabb against each of the 3 sides of the triangle = 9 axis of separation // axis_ij = u_i x f_j (u0, u1, u2 = face normals of aabb = x,y,z axes vectors since aabb is axis aligned) var axes = [0, -_f0.z, _f0.y, 0, -_f1.z, _f1.y, 0, -_f2.z, _f2.y, _f0.z, 0, -_f0.x, _f1.z, 0, -_f1.x, _f2.z, 0, -_f2.x, -_f0.y, _f0.x, 0, -_f1.y, _f1.x, 0, -_f2.y, _f2.x, 0]; if (!satForAxes(axes, _v0, _v1, _v2, _extents)) { return false; } // test 3 face normals from the aabb axes = [1, 0, 0, 0, 1, 0, 0, 0, 1]; if (!satForAxes(axes, _v0, _v1, _v2, _extents)) { return false; } // finally testing the face normal of the triangle // use already existing triangle edge vectors here _triangleNormal.crossVectors(_f0, _f1); axes = [_triangleNormal.x, _triangleNormal.y, _triangleNormal.z]; return satForAxes(axes, _v0, _v1, _v2, _extents); }; _proto.clampPoint = function clampPoint(point, target) { if (target === undefined) { console.warn('THREE.Box3: .clampPoint() target is now required'); target = new Vector3(); } return target.copy(point).clamp(this.min, this.max); }; _proto.distanceToPoint = function distanceToPoint(point) { var clampedPoint = _vector$1.copy(point).clamp(this.min, this.max); return clampedPoint.sub(point).length(); }; _proto.getBoundingSphere = function getBoundingSphere(target) { if (target === undefined) { console.error('THREE.Box3: .getBoundingSphere() target is now required'); //target = new Sphere(); // removed to avoid cyclic dependency } this.getCenter(target.center); target.radius = this.getSize(_vector$1).length() * 0.5; return target; }; _proto.intersect = function intersect(box) { this.min.max(box.min); this.max.min(box.max); // ensure that if there is no overlap, the result is fully empty, not slightly empty with non-inf/+inf values that will cause subsequence intersects to erroneously return valid values. if (this.isEmpty()) this.makeEmpty(); return this; }; _proto.union = function union(box) { this.min.min(box.min); this.max.max(box.max); return this; }; _proto.applyMatrix4 = function applyMatrix4(matrix) { // transform of empty box is an empty box. if (this.isEmpty()) return this; // NOTE: I am using a binary pattern to specify all 2^3 combinations below _points[0].set(this.min.x, this.min.y, this.min.z).applyMatrix4(matrix); // 000 _points[1].set(this.min.x, this.min.y, this.max.z).applyMatrix4(matrix); // 001 _points[2].set(this.min.x, this.max.y, this.min.z).applyMatrix4(matrix); // 010 _points[3].set(this.min.x, this.max.y, this.max.z).applyMatrix4(matrix); // 011 _points[4].set(this.max.x, this.min.y, this.min.z).applyMatrix4(matrix); // 100 _points[5].set(this.max.x, this.min.y, this.max.z).applyMatrix4(matrix); // 101 _points[6].set(this.max.x, this.max.y, this.min.z).applyMatrix4(matrix); // 110 _points[7].set(this.max.x, this.max.y, this.max.z).applyMatrix4(matrix); // 111 this.setFromPoints(_points); return this; }; _proto.translate = function translate(offset) { this.min.add(offset); this.max.add(offset); return this; }; _proto.equals = function equals(box) { return box.min.equals(this.min) && box.max.equals(this.max); }; return Box3; }(); function satForAxes(axes, v0, v1, v2, extents) { for (var i = 0, j = axes.length - 3; i <= j; i += 3) { _testAxis.fromArray(axes, i); // project the aabb onto the seperating axis var r = extents.x * Math.abs(_testAxis.x) + extents.y * Math.abs(_testAxis.y) + extents.z * Math.abs(_testAxis.z); // project all 3 vertices of the triangle onto the seperating axis var p0 = v0.dot(_testAxis); var p1 = v1.dot(_testAxis); var p2 = v2.dot(_testAxis); // actual test, basically see if either of the most extreme of the triangle points intersects r if (Math.max(-Math.max(p0, p1, p2), Math.min(p0, p1, p2)) > r) { // points of the projected triangle are outside the projected half-length of the aabb // the axis is seperating and we can exit return false; } } return true; } var _points = [/*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3()]; var _vector$1 = /*@__PURE__*/new Vector3(); var _box = /*@__PURE__*/new Box3(); // triangle centered vertices var _v0 = /*@__PURE__*/new Vector3(); var _v1 = /*@__PURE__*/new Vector3(); var _v2 = /*@__PURE__*/new Vector3(); // triangle edge vectors var _f0 = /*@__PURE__*/new Vector3(); var _f1 = /*@__PURE__*/new Vector3(); var _f2 = /*@__PURE__*/new Vector3(); var _center = /*@__PURE__*/new Vector3(); var _extents = /*@__PURE__*/new Vector3(); var _triangleNormal = /*@__PURE__*/new Vector3(); var _testAxis = /*@__PURE__*/new Vector3(); var _box$1 = /*@__PURE__*/new Box3(); var Sphere = /*#__PURE__*/function () { function Sphere(center, radius) { this.center = center !== undefined ? center : new Vector3(); this.radius = radius !== undefined ? radius : -1; } var _proto = Sphere.prototype; _proto.set = function set(center, radius) { this.center.copy(center); this.radius = radius; return this; }; _proto.setFromPoints = function setFromPoints(points, optionalCenter) { var center = this.center; if (optionalCenter !== undefined) { center.copy(optionalCenter); } else { _box$1.setFromPoints(points).getCenter(center); } var maxRadiusSq = 0; for (var i = 0, il = points.length; i < il; i++) { maxRadiusSq = Math.max(maxRadiusSq, center.distanceToSquared(points[i])); } this.radius = Math.sqrt(maxRadiusSq); return this; }; _proto.clone = function clone() { return new this.constructor().copy(this); }; _proto.copy = function copy(sphere) { this.center.copy(sphere.center); this.radius = sphere.radius; return this; }; _proto.isEmpty = function isEmpty() { return this.radius < 0; }; _proto.makeEmpty = function makeEmpty() { this.center.set(0, 0, 0); this.radius = -1; return this; }; _proto.containsPoint = function containsPoint(point) { return point.distanceToSquared(this.center) <= this.radius * this.radius; }; _proto.distanceToPoint = function distanceToPoint(point) { return point.distanceTo(this.center) - this.radius; }; _proto.intersectsSphere = function intersectsSphere(sphere) { var radiusSum = this.radius + sphere.radius; return sphere.center.distanceToSquared(this.center) <= radiusSum * radiusSum; }; _proto.intersectsBox = function intersectsBox(box) { return box.intersectsSphere(this); }; _proto.intersectsPlane = function intersectsPlane(plane) { return Math.abs(plane.distanceToPoint(this.center)) <= this.radius; }; _proto.clampPoint = function clampPoint(point, target) { var deltaLengthSq = this.center.distanceToSquared(point); if (target === undefined) { console.warn('THREE.Sphere: .clampPoint() target is now required'); target = new Vector3(); } target.copy(point); if (deltaLengthSq > this.radius * this.radius) { target.sub(this.center).normalize(); target.multiplyScalar(this.radius).add(this.center); } return target; }; _proto.getBoundingBox = function getBoundingBox(target) { if (target === undefined) { console.warn('THREE.Sphere: .getBoundingBox() target is now required'); target = new Box3(); } if (this.isEmpty()) { // Empty sphere produces empty bounding box target.makeEmpty(); return target; } target.set(this.center, this.center); target.expandByScalar(this.radius); return target; }; _proto.applyMatrix4 = function applyMatrix4(matrix) { this.center.applyMatrix4(matrix); this.radius = this.radius * matrix.getMaxScaleOnAxis(); return this; }; _proto.translate = function translate(offset) { this.center.add(offset); return this; }; _proto.equals = function equals(sphere) { return sphere.center.equals(this.center) && sphere.radius === this.radius; }; return Sphere; }(); var _vector$2 = /*@__PURE__*/new Vector3(); var _segCenter = /*@__PURE__*/new Vector3(); var _segDir = /*@__PURE__*/new Vector3(); var _diff = /*@__PURE__*/new Vector3(); var _edge1 = /*@__PURE__*/new Vector3(); var _edge2 = /*@__PURE__*/new Vector3(); var _normal = /*@__PURE__*/new Vector3(); var Ray = /*#__PURE__*/function () { function Ray(origin, direction) { this.origin = origin !== undefined ? origin : new Vector3(); this.direction = direction !== undefined ? direction : new Vector3(0, 0, -1); } var _proto = Ray.prototype; _proto.set = function set(origin, direction) { this.origin.copy(origin); this.direction.copy(direction); return this; }; _proto.clone = function clone() { return new this.constructor().copy(this); }; _proto.copy = function copy(ray) { this.origin.copy(ray.origin); this.direction.copy(ray.direction); return this; }; _proto.at = function at(t, target) { if (target === undefined) { console.warn('THREE.Ray: .at() target is now required'); target = new Vector3(); } return target.copy(this.direction).multiplyScalar(t).add(this.origin); }; _proto.lookAt = function lookAt(v) { this.direction.copy(v).sub(this.origin).normalize(); return this; }; _proto.recast = function recast(t) { this.origin.copy(this.at(t, _vector$2)); return this; }; _proto.closestPointToPoint = function closestPointToPoint(point, target) { if (target === undefined) { console.warn('THREE.Ray: .closestPointToPoint() target is now required'); target = new Vector3(); } target.subVectors(point, this.origin); var directionDistance = target.dot(this.direction); if (directionDistance < 0) { return target.copy(this.origin); } return target.copy(this.direction).multiplyScalar(directionDistance).add(this.origin); }; _proto.distanceToPoint = function distanceToPoint(point) { return Math.sqrt(this.distanceSqToPoint(point)); }; _proto.distanceSqToPoint = function distanceSqToPoint(point) { var directionDistance = _vector$2.subVectors(point, this.origin).dot(this.direction); // point behind the ray if (directionDistance < 0) { return this.origin.distanceToSquared(point); } _vector$2.copy(this.direction).multiplyScalar(directionDistance).add(this.origin); return _vector$2.distanceToSquared(point); }; _proto.distanceSqToSegment = function distanceSqToSegment(v0, v1, optionalPointOnRay, optionalPointOnSegment) { // from http://www.geometrictools.com/GTEngine/Include/Mathematics/GteDistRaySegment.h // It returns the min distance between the ray and the segment // defined by v0 and v1 // It can also set two optional targets : // - The closest point on the ray // - The closest point on the segment _segCenter.copy(v0).add(v1).multiplyScalar(0.5); _segDir.copy(v1).sub(v0).normalize(); _diff.copy(this.origin).sub(_segCenter); var segExtent = v0.distanceTo(v1) * 0.5; var a01 = -this.direction.dot(_segDir); var b0 = _diff.dot(this.direction); var b1 = -_diff.dot(_segDir); var c = _diff.lengthSq(); var det = Math.abs(1 - a01 * a01); var s0, s1, sqrDist, extDet; if (det > 0) { // The ray and segment are not parallel. s0 = a01 * b1 - b0; s1 = a01 * b0 - b1; extDet = segExtent * det; if (s0 >= 0) { if (s1 >= -extDet) { if (s1 <= extDet) { // region 0 // Minimum at interior points of ray and segment. var invDet = 1 / det; s0 *= invDet; s1 *= invDet; sqrDist = s0 * (s0 + a01 * s1 + 2 * b0) + s1 * (a01 * s0 + s1 + 2 * b1) + c; } else { // region 1 s1 = segExtent; s0 = Math.max(0, -(a01 * s1 + b0)); sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c; } } else { // region 5 s1 = -segExtent; s0 = Math.max(0, -(a01 * s1 + b0)); sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c; } } else { if (s1 <= -extDet) { // region 4 s0 = Math.max(0, -(-a01 * segExtent + b0)); s1 = s0 > 0 ? -segExtent : Math.min(Math.max(-segExtent, -b1), segExtent); sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c; } else if (s1 <= extDet) { // region 3 s0 = 0; s1 = Math.min(Math.max(-segExtent, -b1), segExtent); sqrDist = s1 * (s1 + 2 * b1) + c; } else { // region 2 s0 = Math.max(0, -(a01 * segExtent + b0)); s1 = s0 > 0 ? segExtent : Math.min(Math.max(-segExtent, -b1), segExtent); sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c; } } } else { // Ray and segment are parallel. s1 = a01 > 0 ? -segExtent : segExtent; s0 = Math.max(0, -(a01 * s1 + b0)); sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c; } if (optionalPointOnRay) { optionalPointOnRay.copy(this.direction).multiplyScalar(s0).add(this.origin); } if (optionalPointOnSegment) { optionalPointOnSegment.copy(_segDir).multiplyScalar(s1).add(_segCenter); } return sqrDist; }; _proto.intersectSphere = function intersectSphere(sphere, target) { _vector$2.subVectors(sphere.center, this.origin); var tca = _vector$2.dot(this.direction); var d2 = _vector$2.dot(_vector$2) - tca * tca; var radius2 = sphere.radius * sphere.radius; if (d2 > radius2) return null; var thc = Math.sqrt(radius2 - d2); // t0 = first intersect point - entrance on front of sphere var t0 = tca - thc; // t1 = second intersect point - exit point on back of sphere var t1 = tca + thc; // test to see if both t0 and t1 are behind the ray - if so, return null if (t0 < 0 && t1 < 0) return null; // test to see if t0 is behind the ray: // if it is, the ray is inside the sphere, so return the second exit point scaled by t1, // in order to always return an intersect point that is in front of the ray. if (t0 < 0) return this.at(t1, target); // else t0 is in front of the ray, so return the first collision point scaled by t0 return this.at(t0, target); }; _proto.intersectsSphere = function intersectsSphere(sphere) { return this.distanceSqToPoint(sphere.center) <= sphere.radius * sphere.radius; }; _proto.distanceToPlane = function distanceToPlane(plane) { var denominator = plane.normal.dot(this.direction); if (denominator === 0) { // line is coplanar, return origin if (plane.distanceToPoint(this.origin) === 0) { return 0; } // Null is preferable to undefined since undefined means.... it is undefined return null; } var t = -(this.origin.dot(plane.normal) + plane.constant) / denominator; // Return if the ray never intersects the plane return t >= 0 ? t : null; }; _proto.intersectPlane = function intersectPlane(plane, target) { var t = this.distanceToPlane(plane); if (t === null) { return null; } return this.at(t, target); }; _proto.intersectsPlane = function intersectsPlane(plane) { // check if the ray lies on the plane first var distToPoint = plane.distanceToPoint(this.origin); if (distToPoint === 0) { return true; } var denominator = plane.normal.dot(this.direction); if (denominator * distToPoint < 0) { return true; } // ray origin is behind the plane (and is pointing behind it) return false; }; _proto.intersectBox = function intersectBox(box, target) { var tmin, tmax, tymin, tymax, tzmin, tzmax; var invdirx = 1 / this.direction.x, invdiry = 1 / this.direction.y, invdirz = 1 / this.direction.z; var origin = this.origin; if (invdirx >= 0) { tmin = (box.min.x - origin.x) * invdirx; tmax = (box.max.x - origin.x) * invdirx; } else { tmin = (box.max.x - origin.x) * invdirx; tmax = (box.min.x - origin.x) * invdirx; } if (invdiry >= 0) { tymin = (box.min.y - origin.y) * invdiry; tymax = (box.max.y - origin.y) * invdiry; } else { tymin = (box.max.y - origin.y) * invdiry; tymax = (box.min.y - origin.y) * invdiry; } if (tmin > tymax || tymin > tmax) return null; // These lines also handle the case where tmin or tmax is NaN // (result of 0 * Infinity). x !== x returns true if x is NaN if (tymin > tmin || tmin !== tmin) tmin = tymin; if (tymax < tmax || tmax !== tmax) tmax = tymax; if (invdirz >= 0) { tzmin = (box.min.z - origin.z) * invdirz; tzmax = (box.max.z - origin.z) * invdirz; } else { tzmin = (box.max.z - origin.z) * invdirz; tzmax = (box.min.z - origin.z) * invdirz; } if (tmin > tzmax || tzmin > tmax) return null; if (tzmin > tmin || tmin !== tmin) tmin = tzmin; if (tzmax < tmax || tmax !== tmax) tmax = tzmax; //return point closest to the ray (positive side) if (tmax < 0) return null; return this.at(tmin >= 0 ? tmin : tmax, target); }; _proto.intersectsBox = function intersectsBox(box) { return this.intersectBox(box, _vector$2) !== null; }; _proto.intersectTriangle = function intersectTriangle(a, b, c, backfaceCulling, target) { // Compute the offset origin, edges, and normal. // from http://www.geometrictools.com/GTEngine/Include/Mathematics/GteIntrRay3Triangle3.h _edge1.subVectors(b, a); _edge2.subVectors(c, a); _normal.crossVectors(_edge1, _edge2); // Solve Q + t*D = b1*E1 + b2*E2 (Q = kDiff, D = ray direction, // E1 = kEdge1, E2 = kEdge2, N = Cross(E1,E2)) by // |Dot(D,N)|*b1 = sign(Dot(D,N))*Dot(D,Cross(Q,E2)) // |Dot(D,N)|*b2 = sign(Dot(D,N))*Dot(D,Cross(E1,Q)) // |Dot(D,N)|*t = -sign(Dot(D,N))*Dot(Q,N) var DdN = this.direction.dot(_normal); var sign; if (DdN > 0) { if (backfaceCulling) return null; sign = 1; } else if (DdN < 0) { sign = -1; DdN = -DdN; } else { return null; } _diff.subVectors(this.origin, a); var DdQxE2 = sign * this.direction.dot(_edge2.crossVectors(_diff, _edge2)); // b1 < 0, no intersection if (DdQxE2 < 0) { return null; } var DdE1xQ = sign * this.direction.dot(_edge1.cross(_diff)); // b2 < 0, no intersection if (DdE1xQ < 0) { return null; } // b1+b2 > 1, no intersection if (DdQxE2 + DdE1xQ > DdN) { return null; } // Line intersects triangle, check if ray does. var QdN = -sign * _diff.dot(_normal); // t < 0, no intersection if (QdN < 0) { return null; } // Ray intersects triangle. return this.at(QdN / DdN, target); }; _proto.applyMatrix4 = function applyMatrix4(matrix4) { this.origin.applyMatrix4(matrix4); this.direction.transformDirection(matrix4); return this; }; _proto.equals = function equals(ray) { return ray.origin.equals(this.origin) && ray.direction.equals(this.direction); }; return Ray; }(); var Matrix4 = /*#__PURE__*/function () { function Matrix4() { Object.defineProperty(this, 'isMatrix4', { value: true }); this.elements = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]; if (arguments.length > 0) { console.error('THREE.Matrix4: the constructor no longer reads arguments. use .set() instead.'); } } var _proto = Matrix4.prototype; _proto.set = function set(n11, n12, n13, n14, n21, n22, n23, n24, n31, n32, n33, n34, n41, n42, n43, n44) { var te = this.elements; te[0] = n11; te[4] = n12; te[8] = n13; te[12] = n14; te[1] = n21; te[5] = n22; te[9] = n23; te[13] = n24; te[2] = n31; te[6] = n32; te[10] = n33; te[14] = n34; te[3] = n41; te[7] = n42; te[11] = n43; te[15] = n44; return this; }; _proto.identity = function identity() { this.set(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); return this; }; _proto.clone = function clone() { return new Matrix4().fromArray(this.elements); }; _proto.copy = function copy(m) { var te = this.elements; var me = m.elements; te[0] = me[0]; te[1] = me[1]; te[2] = me[2]; te[3] = me[3]; te[4] = me[4]; te[5] = me[5]; te[6] = me[6]; te[7] = me[7]; te[8] = me[8]; te[9] = me[9]; te[10] = me[10]; te[11] = me[11]; te[12] = me[12]; te[13] = me[13]; te[14] = me[14]; te[15] = me[15]; return this; }; _proto.copyPosition = function copyPosition(m) { var te = this.elements, me = m.elements; te[12] = me[12]; te[13] = me[13]; te[14] = me[14]; return this; }; _proto.setFromMatrix3 = function setFromMatrix3(m) { var me = m.elements; this.set(me[0], me[3], me[6], 0, me[1], me[4], me[7], 0, me[2], me[5], me[8], 0, 0, 0, 0, 1); return this; }; _proto.extractBasis = function extractBasis(xAxis, yAxis, zAxis) { xAxis.setFromMatrixColumn(this, 0); yAxis.setFromMatrixColumn(this, 1); zAxis.setFromMatrixColumn(this, 2); return this; }; _proto.makeBasis = function makeBasis(xAxis, yAxis, zAxis) { this.set(xAxis.x, yAxis.x, zAxis.x, 0, xAxis.y, yAxis.y, zAxis.y, 0, xAxis.z, yAxis.z, zAxis.z, 0, 0, 0, 0, 1); return this; }; _proto.extractRotation = function extractRotation(m) { // this method does not support reflection matrices var te = this.elements; var me = m.elements; var scaleX = 1 / _v1$1.setFromMatrixColumn(m, 0).length(); var scaleY = 1 / _v1$1.setFromMatrixColumn(m, 1).length(); var scaleZ = 1 / _v1$1.setFromMatrixColumn(m, 2).length(); te[0] = me[0] * scaleX; te[1] = me[1] * scaleX; te[2] = me[2] * scaleX; te[3] = 0; te[4] = me[4] * scaleY; te[5] = me[5] * scaleY; te[6] = me[6] * scaleY; te[7] = 0; te[8] = me[8] * scaleZ; te[9] = me[9] * scaleZ; te[10] = me[10] * scaleZ; te[11] = 0; te[12] = 0; te[13] = 0; te[14] = 0; te[15] = 1; return this; }; _proto.makeRotationFromEuler = function makeRotationFromEuler(euler) { if (!(euler && euler.isEuler)) { console.error('THREE.Matrix4: .makeRotationFromEuler() now expects a Euler rotation rather than a Vector3 and order.'); } var te = this.elements; var x = euler.x, y = euler.y, z = euler.z; var a = Math.cos(x), b = Math.sin(x); var c = Math.cos(y), d = Math.sin(y); var e = Math.cos(z), f = Math.sin(z); if (euler.order === 'XYZ') { var ae = a * e, af = a * f, be = b * e, bf = b * f; te[0] = c * e; te[4] = -c * f; te[8] = d; te[1] = af + be * d; te[5] = ae - bf * d; te[9] = -b * c; te[2] = bf - ae * d; te[6] = be + af * d; te[10] = a * c; } else if (euler.order === 'YXZ') { var ce = c * e, cf = c * f, de = d * e, df = d * f; te[0] = ce + df * b; te[4] = de * b - cf; te[8] = a * d; te[1] = a * f; te[5] = a * e; te[9] = -b; te[2] = cf * b - de; te[6] = df + ce * b; te[10] = a * c; } else if (euler.order === 'ZXY') { var _ce = c * e, _cf = c * f, _de = d * e, _df = d * f; te[0] = _ce - _df * b; te[4] = -a * f; te[8] = _de + _cf * b; te[1] = _cf + _de * b; te[5] = a * e; te[9] = _df - _ce * b; te[2] = -a * d; te[6] = b; te[10] = a * c; } else if (euler.order === 'ZYX') { var _ae = a * e, _af = a * f, _be = b * e, _bf = b * f; te[0] = c * e; te[4] = _be * d - _af; te[8] = _ae * d + _bf; te[1] = c * f; te[5] = _bf * d + _ae; te[9] = _af * d - _be; te[2] = -d; te[6] = b * c; te[10] = a * c; } else if (euler.order === 'YZX') { var ac = a * c, ad = a * d, bc = b * c, bd = b * d; te[0] = c * e; te[4] = bd - ac * f; te[8] = bc * f + ad; te[1] = f; te[5] = a * e; te[9] = -b * e; te[2] = -d * e; te[6] = ad * f + bc; te[10] = ac - bd * f; } else if (euler.order === 'XZY') { var _ac = a * c, _ad = a * d, _bc = b * c, _bd = b * d; te[0] = c * e; te[4] = -f; te[8] = d * e; te[1] = _ac * f + _bd; te[5] = a * e; te[9] = _ad * f - _bc; te[2] = _bc * f - _ad; te[6] = b * e; te[10] = _bd * f + _ac; } // bottom row te[3] = 0; te[7] = 0; te[11] = 0; // last column te[12] = 0; te[13] = 0; te[14] = 0; te[15] = 1; return this; }; _proto.makeRotationFromQuaternion = function makeRotationFromQuaternion(q) { return this.compose(_zero, q, _one); }; _proto.lookAt = function lookAt(eye, target, up) { var te = this.elements; _z.subVectors(eye, target); if (_z.lengthSq() === 0) { // eye and target are in the same position _z.z = 1; } _z.normalize(); _x.crossVectors(up, _z); if (_x.lengthSq() === 0) { // up and z are parallel if (Math.abs(up.z) === 1) { _z.x += 0.0001; } else { _z.z += 0.0001; } _z.normalize(); _x.crossVectors(up, _z); } _x.normalize(); _y.crossVectors(_z, _x); te[0] = _x.x; te[4] = _y.x; te[8] = _z.x; te[1] = _x.y; te[5] = _y.y; te[9] = _z.y; te[2] = _x.z; te[6] = _y.z; te[10] = _z.z; return this; }; _proto.multiply = function multiply(m, n) { if (n !== undefined) { console.warn('THREE.Matrix4: .multiply() now only accepts one argument. Use .multiplyMatrices( a, b ) instead.'); return this.multiplyMatrices(m, n); } return this.multiplyMatrices(this, m); }; _proto.premultiply = function premultiply(m) { return this.multiplyMatrices(m, this); }; _proto.multiplyMatrices = function multiplyMatrices(a, b) { var ae = a.elements; var be = b.elements; var te = this.elements; var a11 = ae[0], a12 = ae[4], a13 = ae[8], a14 = ae[12]; var a21 = ae[1], a22 = ae[5], a23 = ae[9], a24 = ae[13]; var a31 = ae[2], a32 = ae[6], a33 = ae[10], a34 = ae[14]; var a41 = ae[3], a42 = ae[7], a43 = ae[11], a44 = ae[15]; var b11 = be[0], b12 = be[4], b13 = be[8], b14 = be[12]; var b21 = be[1], b22 = be[5], b23 = be[9], b24 = be[13]; var b31 = be[2], b32 = be[6], b33 = be[10], b34 = be[14]; var b41 = be[3], b42 = be[7], b43 = be[11], b44 = be[15]; te[0] = a11 * b11 + a12 * b21 + a13 * b31 + a14 * b41; te[4] = a11 * b12 + a12 * b22 + a13 * b32 + a14 * b42; te[8] = a11 * b13 + a12 * b23 + a13 * b33 + a14 * b43; te[12] = a11 * b14 + a12 * b24 + a13 * b34 + a14 * b44; te[1] = a21 * b11 + a22 * b21 + a23 * b31 + a24 * b41; te[5] = a21 * b12 + a22 * b22 + a23 * b32 + a24 * b42; te[9] = a21 * b13 + a22 * b23 + a23 * b33 + a24 * b43; te[13] = a21 * b14 + a22 * b24 + a23 * b34 + a24 * b44; te[2] = a31 * b11 + a32 * b21 + a33 * b31 + a34 * b41; te[6] = a31 * b12 + a32 * b22 + a33 * b32 + a34 * b42; te[10] = a31 * b13 + a32 * b23 + a33 * b33 + a34 * b43; te[14] = a31 * b14 + a32 * b24 + a33 * b34 + a34 * b44; te[3] = a41 * b11 + a42 * b21 + a43 * b31 + a44 * b41; te[7] = a41 * b12 + a42 * b22 + a43 * b32 + a44 * b42; te[11] = a41 * b13 + a42 * b23 + a43 * b33 + a44 * b43; te[15] = a41 * b14 + a42 * b24 + a43 * b34 + a44 * b44; return this; }; _proto.multiplyScalar = function multiplyScalar(s) { var te = this.elements; te[0] *= s; te[4] *= s; te[8] *= s; te[12] *= s; te[1] *= s; te[5] *= s; te[9] *= s; te[13] *= s; te[2] *= s; te[6] *= s; te[10] *= s; te[14] *= s; te[3] *= s; te[7] *= s; te[11] *= s; te[15] *= s; return this; }; _proto.determinant = function determinant() { var te = this.elements; var n11 = te[0], n12 = te[4], n13 = te[8], n14 = te[12]; var n21 = te[1], n22 = te[5], n23 = te[9], n24 = te[13]; var n31 = te[2], n32 = te[6], n33 = te[10], n34 = te[14]; var n41 = te[3], n42 = te[7], n43 = te[11], n44 = te[15]; //TODO: make this more efficient //( based on http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm ) return n41 * (+n14 * n23 * n32 - n13 * n24 * n32 - n14 * n22 * n33 + n12 * n24 * n33 + n13 * n22 * n34 - n12 * n23 * n34) + n42 * (+n11 * n23 * n34 - n11 * n24 * n33 + n14 * n21 * n33 - n13 * n21 * n34 + n13 * n24 * n31 - n14 * n23 * n31) + n43 * (+n11 * n24 * n32 - n11 * n22 * n34 - n14 * n21 * n32 + n12 * n21 * n34 + n14 * n22 * n31 - n12 * n24 * n31) + n44 * (-n13 * n22 * n31 - n11 * n23 * n32 + n11 * n22 * n33 + n13 * n21 * n32 - n12 * n21 * n33 + n12 * n23 * n31); }; _proto.transpose = function transpose() { var te = this.elements; var tmp; tmp = te[1]; te[1] = te[4]; te[4] = tmp; tmp = te[2]; te[2] = te[8]; te[8] = tmp; tmp = te[6]; te[6] = te[9]; te[9] = tmp; tmp = te[3]; te[3] = te[12]; te[12] = tmp; tmp = te[7]; te[7] = te[13]; te[13] = tmp; tmp = te[11]; te[11] = te[14]; te[14] = tmp; return this; }; _proto.setPosition = function setPosition(x, y, z) { var te = this.elements; if (x.isVector3) { te[12] = x.x; te[13] = x.y; te[14] = x.z; } else { te[12] = x; te[13] = y; te[14] = z; } return this; }; _proto.invert = function invert() { // based on http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm var te = this.elements, n11 = te[0], n21 = te[1], n31 = te[2], n41 = te[3], n12 = te[4], n22 = te[5], n32 = te[6], n42 = te[7], n13 = te[8], n23 = te[9], n33 = te[10], n43 = te[11], n14 = te[12], n24 = te[13], n34 = te[14], n44 = te[15], t11 = n23 * n34 * n42 - n24 * n33 * n42 + n24 * n32 * n43 - n22 * n34 * n43 - n23 * n32 * n44 + n22 * n33 * n44, t12 = n14 * n33 * n42 - n13 * n34 * n42 - n14 * n32 * n43 + n12 * n34 * n43 + n13 * n32 * n44 - n12 * n33 * n44, t13 = n13 * n24 * n42 - n14 * n23 * n42 + n14 * n22 * n43 - n12 * n24 * n43 - n13 * n22 * n44 + n12 * n23 * n44, t14 = n14 * n23 * n32 - n13 * n24 * n32 - n14 * n22 * n33 + n12 * n24 * n33 + n13 * n22 * n34 - n12 * n23 * n34; var det = n11 * t11 + n21 * t12 + n31 * t13 + n41 * t14; if (det === 0) return this.set(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0); var detInv = 1 / det; te[0] = t11 * detInv; te[1] = (n24 * n33 * n41 - n23 * n34 * n41 - n24 * n31 * n43 + n21 * n34 * n43 + n23 * n31 * n44 - n21 * n33 * n44) * detInv; te[2] = (n22 * n34 * n41 - n24 * n32 * n41 + n24 * n31 * n42 - n21 * n34 * n42 - n22 * n31 * n44 + n21 * n32 * n44) * detInv; te[3] = (n23 * n32 * n41 - n22 * n33 * n41 - n23 * n31 * n42 + n21 * n33 * n42 + n22 * n31 * n43 - n21 * n32 * n43) * detInv; te[4] = t12 * detInv; te[5] = (n13 * n34 * n41 - n14 * n33 * n41 + n14 * n31 * n43 - n11 * n34 * n43 - n13 * n31 * n44 + n11 * n33 * n44) * detInv; te[6] = (n14 * n32 * n41 - n12 * n34 * n41 - n14 * n31 * n42 + n11 * n34 * n42 + n12 * n31 * n44 - n11 * n32 * n44) * detInv; te[7] = (n12 * n33 * n41 - n13 * n32 * n41 + n13 * n31 * n42 - n11 * n33 * n42 - n12 * n31 * n43 + n11 * n32 * n43) * detInv; te[8] = t13 * detInv; te[9] = (n14 * n23 * n41 - n13 * n24 * n41 - n14 * n21 * n43 + n11 * n24 * n43 + n13 * n21 * n44 - n11 * n23 * n44) * detInv; te[10] = (n12 * n24 * n41 - n14 * n22 * n41 + n14 * n21 * n42 - n11 * n24 * n42 - n12 * n21 * n44 + n11 * n22 * n44) * detInv; te[11] = (n13 * n22 * n41 - n12 * n23 * n41 - n13 * n21 * n42 + n11 * n23 * n42 + n12 * n21 * n43 - n11 * n22 * n43) * detInv; te[12] = t14 * detInv; te[13] = (n13 * n24 * n31 - n14 * n23 * n31 + n14 * n21 * n33 - n11 * n24 * n33 - n13 * n21 * n34 + n11 * n23 * n34) * detInv; te[14] = (n14 * n22 * n31 - n12 * n24 * n31 - n14 * n21 * n32 + n11 * n24 * n32 + n12 * n21 * n34 - n11 * n22 * n34) * detInv; te[15] = (n12 * n23 * n31 - n13 * n22 * n31 + n13 * n21 * n32 - n11 * n23 * n32 - n12 * n21 * n33 + n11 * n22 * n33) * detInv; return this; }; _proto.scale = function scale(v) { var te = this.elements; var x = v.x, y = v.y, z = v.z; te[0] *= x; te[4] *= y; te[8] *= z; te[1] *= x; te[5] *= y; te[9] *= z; te[2] *= x; te[6] *= y; te[10] *= z; te[3] *= x; te[7] *= y; te[11] *= z; return this; }; _proto.getMaxScaleOnAxis = function getMaxScaleOnAxis() { var te = this.elements; var scaleXSq = te[0] * te[0] + te[1] * te[1] + te[2] * te[2]; var scaleYSq = te[4] * te[4] + te[5] * te[5] + te[6] * te[6]; var scaleZSq = te[8] * te[8] + te[9] * te[9] + te[10] * te[10]; return Math.sqrt(Math.max(scaleXSq, scaleYSq, scaleZSq)); }; _proto.makeTranslation = function makeTranslation(x, y, z) { this.set(1, 0, 0, x, 0, 1, 0, y, 0, 0, 1, z, 0, 0, 0, 1); return this; }; _proto.makeRotationX = function makeRotationX(theta) { var c = Math.cos(theta), s = Math.sin(theta); this.set(1, 0, 0, 0, 0, c, -s, 0, 0, s, c, 0, 0, 0, 0, 1); return this; }; _proto.makeRotationY = function makeRotationY(theta) { var c = Math.cos(theta), s = Math.sin(theta); this.set(c, 0, s, 0, 0, 1, 0, 0, -s, 0, c, 0, 0, 0, 0, 1); return this; }; _proto.makeRotationZ = function makeRotationZ(theta) { var c = Math.cos(theta), s = Math.sin(theta); this.set(c, -s, 0, 0, s, c, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); return this; }; _proto.makeRotationAxis = function makeRotationAxis(axis, angle) { // Based on http://www.gamedev.net/reference/articles/article1199.asp var c = Math.cos(angle); var s = Math.sin(angle); var t = 1 - c; var x = axis.x, y = axis.y, z = axis.z; var tx = t * x, ty = t * y; this.set(tx * x + c, tx * y - s * z, tx * z + s * y, 0, tx * y + s * z, ty * y + c, ty * z - s * x, 0, tx * z - s * y, ty * z + s * x, t * z * z + c, 0, 0, 0, 0, 1); return this; }; _proto.makeScale = function makeScale(x, y, z) { this.set(x, 0, 0, 0, 0, y, 0, 0, 0, 0, z, 0, 0, 0, 0, 1); return this; }; _proto.makeShear = function makeShear(x, y, z) { this.set(1, y, z, 0, x, 1, z, 0, x, y, 1, 0, 0, 0, 0, 1); return this; }; _proto.compose = function compose(position, quaternion, scale) { var te = this.elements; var x = quaternion._x, y = quaternion._y, z = quaternion._z, w = quaternion._w; var x2 = x + x, y2 = y + y, z2 = z + z; var xx = x * x2, xy = x * y2, xz = x * z2; var yy = y * y2, yz = y * z2, zz = z * z2; var wx = w * x2, wy = w * y2, wz = w * z2; var sx = scale.x, sy = scale.y, sz = scale.z; te[0] = (1 - (yy + zz)) * sx; te[1] = (xy + wz) * sx; te[2] = (xz - wy) * sx; te[3] = 0; te[4] = (xy - wz) * sy; te[5] = (1 - (xx + zz)) * sy; te[6] = (yz + wx) * sy; te[7] = 0; te[8] = (xz + wy) * sz; te[9] = (yz - wx) * sz; te[10] = (1 - (xx + yy)) * sz; te[11] = 0; te[12] = position.x; te[13] = position.y; te[14] = position.z; te[15] = 1; return this; }; _proto.decompose = function decompose(position, quaternion, scale) { var te = this.elements; var sx = _v1$1.set(te[0], te[1], te[2]).length(); var sy = _v1$1.set(te[4], te[5], te[6]).length(); var sz = _v1$1.set(te[8], te[9], te[10]).length(); // if determine is negative, we need to invert one scale var det = this.determinant(); if (det < 0) sx = -sx; position.x = te[12]; position.y = te[13]; position.z = te[14]; // scale the rotation part _m1.copy(this); var invSX = 1 / sx; var invSY = 1 / sy; var invSZ = 1 / sz; _m1.elements[0] *= invSX; _m1.elements[1] *= invSX; _m1.elements[2] *= invSX; _m1.elements[4] *= invSY; _m1.elements[5] *= invSY; _m1.elements[6] *= invSY; _m1.elements[8] *= invSZ; _m1.elements[9] *= invSZ; _m1.elements[10] *= invSZ; quaternion.setFromRotationMatrix(_m1); scale.x = sx; scale.y = sy; scale.z = sz; return this; }; _proto.makePerspective = function makePerspective(left, right, top, bottom, near, far) { if (far === undefined) { console.warn('THREE.Matrix4: .makePerspective() has been redefined and has a new signature. Please check the docs.'); } var te = this.elements; var x = 2 * near / (right - left); var y = 2 * near / (top - bottom); var a = (right + left) / (right - left); var b = (top + bottom) / (top - bottom); var c = -(far + near) / (far - near); var d = -2 * far * near / (far - near); te[0] = x; te[4] = 0; te[8] = a; te[12] = 0; te[1] = 0; te[5] = y; te[9] = b; te[13] = 0; te[2] = 0; te[6] = 0; te[10] = c; te[14] = d; te[3] = 0; te[7] = 0; te[11] = -1; te[15] = 0; return this; }; _proto.makeOrthographic = function makeOrthographic(left, right, top, bottom, near, far) { var te = this.elements; var w = 1.0 / (right - left); var h = 1.0 / (top - bottom); var p = 1.0 / (far - near); var x = (right + left) * w; var y = (top + bottom) * h; var z = (far + near) * p; te[0] = 2 * w; te[4] = 0; te[8] = 0; te[12] = -x; te[1] = 0; te[5] = 2 * h; te[9] = 0; te[13] = -y; te[2] = 0; te[6] = 0; te[10] = -2 * p; te[14] = -z; te[3] = 0; te[7] = 0; te[11] = 0; te[15] = 1; return this; }; _proto.equals = function equals(matrix) { var te = this.elements; var me = matrix.elements; for (var i = 0; i < 16; i++) { if (te[i] !== me[i]) return false; } return true; }; _proto.fromArray = function fromArray(array, offset) { if (offset === void 0) { offset = 0; } for (var i = 0; i < 16; i++) { this.elements[i] = array[i + offset]; } return this; }; _proto.toArray = function toArray(array, offset) { if (array === void 0) { array = []; } if (offset === void 0) { offset = 0; } var te = this.elements; array[offset] = te[0]; array[offset + 1] = te[1]; array[offset + 2] = te[2]; array[offset + 3] = te[3]; array[offset + 4] = te[4]; array[offset + 5] = te[5]; array[offset + 6] = te[6]; array[offset + 7] = te[7]; array[offset + 8] = te[8]; array[offset + 9] = te[9]; array[offset + 10] = te[10]; array[offset + 11] = te[11]; array[offset + 12] = te[12]; array[offset + 13] = te[13]; array[offset + 14] = te[14]; array[offset + 15] = te[15]; return array; }; return Matrix4; }(); var _v1$1 = /*@__PURE__*/new Vector3(); var _m1 = /*@__PURE__*/new Matrix4(); var _zero = /*@__PURE__*/new Vector3(0, 0, 0); var _one = /*@__PURE__*/new Vector3(1, 1, 1); var _x = /*@__PURE__*/new Vector3(); var _y = /*@__PURE__*/new Vector3(); var _z = /*@__PURE__*/new Vector3(); var Euler = /*#__PURE__*/function () { function Euler(x, y, z, order) { if (x === void 0) { x = 0; } if (y === void 0) { y = 0; } if (z === void 0) { z = 0; } if (order === void 0) { order = Euler.DefaultOrder; } Object.defineProperty(this, 'isEuler', { value: true }); this._x = x; this._y = y; this._z = z; this._order = order; } var _proto = Euler.prototype; _proto.set = function set(x, y, z, order) { this._x = x; this._y = y; this._z = z; this._order = order || this._order; this._onChangeCallback(); return this; }; _proto.clone = function clone() { return new this.constructor(this._x, this._y, this._z, this._order); }; _proto.copy = function copy(euler) { this._x = euler._x; this._y = euler._y; this._z = euler._z; this._order = euler._order; this._onChangeCallback(); return this; }; _proto.setFromRotationMatrix = function setFromRotationMatrix(m, order, update) { var clamp = MathUtils.clamp; // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled) var te = m.elements; var m11 = te[0], m12 = te[4], m13 = te[8]; var m21 = te[1], m22 = te[5], m23 = te[9]; var m31 = te[2], m32 = te[6], m33 = te[10]; order = order || this._order; switch (order) { case 'XYZ': this._y = Math.asin(clamp(m13, -1, 1)); if (Math.abs(m13) < 0.9999999) { this._x = Math.atan2(-m23, m33); this._z = Math.atan2(-m12, m11); } else { this._x = Math.atan2(m32, m22); this._z = 0; } break; case 'YXZ': this._x = Math.asin(-clamp(m23, -1, 1)); if (Math.abs(m23) < 0.9999999) { this._y = Math.atan2(m13, m33); this._z = Math.atan2(m21, m22); } else { this._y = Math.atan2(-m31, m11); this._z = 0; } break; case 'ZXY': this._x = Math.asin(clamp(m32, -1, 1)); if (Math.abs(m32) < 0.9999999) { this._y = Math.atan2(-m31, m33); this._z = Math.atan2(-m12, m22); } else { this._y = 0; this._z = Math.atan2(m21, m11); } break; case 'ZYX': this._y = Math.asin(-clamp(m31, -1, 1)); if (Math.abs(m31) < 0.9999999) { this._x = Math.atan2(m32, m33); this._z = Math.atan2(m21, m11); } else { this._x = 0; this._z = Math.atan2(-m12, m22); } break; case 'YZX': this._z = Math.asin(clamp(m21, -1, 1)); if (Math.abs(m21) < 0.9999999) { this._x = Math.atan2(-m23, m22); this._y = Math.atan2(-m31, m11); } else { this._x = 0; this._y = Math.atan2(m13, m33); } break; case 'XZY': this._z = Math.asin(-clamp(m12, -1, 1)); if (Math.abs(m12) < 0.9999999) { this._x = Math.atan2(m32, m22); this._y = Math.atan2(m13, m11); } else { this._x = Math.atan2(-m23, m33); this._y = 0; } break; default: console.warn('THREE.Euler: .setFromRotationMatrix() encountered an unknown order: ' + order); } this._order = order; if (update !== false) this._onChangeCallback(); return this; }; _proto.setFromQuaternion = function setFromQuaternion(q, order, update) { _matrix.makeRotationFromQuaternion(q); return this.setFromRotationMatrix(_matrix, order, update); }; _proto.setFromVector3 = function setFromVector3(v, order) { return this.set(v.x, v.y, v.z, order || this._order); }; _proto.reorder = function reorder(newOrder) { // WARNING: this discards revolution information -bhouston _quaternion$1.setFromEuler(this); return this.setFromQuaternion(_quaternion$1, newOrder); }; _proto.equals = function equals(euler) { return euler._x === this._x && euler._y === this._y && euler._z === this._z && euler._order === this._order; }; _proto.fromArray = function fromArray(array) { this._x = array[0]; this._y = array[1]; this._z = array[2]; if (array[3] !== undefined) this._order = array[3]; this._onChangeCallback(); return this; }; _proto.toArray = function toArray(array, offset) { if (array === void 0) { array = []; } if (offset === void 0) { offset = 0; } array[offset] = this._x; array[offset + 1] = this._y; array[offset + 2] = this._z; array[offset + 3] = this._order; return array; }; _proto.toVector3 = function toVector3(optionalResult) { if (optionalResult) { return optionalResult.set(this._x, this._y, this._z); } else { return new Vector3(this._x, this._y, this._z); } }; _proto._onChange = function _onChange(callback) { this._onChangeCallback = callback; return this; }; _proto._onChangeCallback = function _onChangeCallback() {}; _createClass(Euler, [{ key: "x", get: function get() { return this._x; }, set: function set(value) { this._x = value; this._onChangeCallback(); } }, { key: "y", get: function get() { return this._y; }, set: function set(value) { this._y = value; this._onChangeCallback(); } }, { key: "z", get: function get() { return this._z; }, set: function set(value) { this._z = value; this._onChangeCallback(); } }, { key: "order", get: function get() { return this._order; }, set: function set(value) { this._order = value; this._onChangeCallback(); } }]); return Euler; }(); Euler.DefaultOrder = 'XYZ'; Euler.RotationOrders = ['XYZ', 'YZX', 'ZXY', 'XZY', 'YXZ', 'ZYX']; var _matrix = /*@__PURE__*/new Matrix4(); var _quaternion$1 = /*@__PURE__*/new Quaternion(); var Layers = /*#__PURE__*/function () { function Layers() { this.mask = 1 | 0; } var _proto = Layers.prototype; _proto.set = function set(channel) { this.mask = 1 << channel | 0; }; _proto.enable = function enable(channel) { this.mask |= 1 << channel | 0; }; _proto.enableAll = function enableAll() { this.mask = 0xffffffff | 0; }; _proto.toggle = function toggle(channel) { this.mask ^= 1 << channel | 0; }; _proto.disable = function disable(channel) { this.mask &= ~(1 << channel | 0); }; _proto.disableAll = function disableAll() { this.mask = 0; }; _proto.test = function test(layers) { return (this.mask & layers.mask) !== 0; }; return Layers; }(); var _object3DId = 0; var _v1$2 = new Vector3(); var _q1 = new Quaternion(); var _m1$1 = new Matrix4(); var _target = new Vector3(); var _position = new Vector3(); var _scale = new Vector3(); var _quaternion$2 = new Quaternion(); var _xAxis = new Vector3(1, 0, 0); var _yAxis = new Vector3(0, 1, 0); var _zAxis = new Vector3(0, 0, 1); var _addedEvent = { type: 'added' }; var _removedEvent = { type: 'removed' }; function Object3D() { Object.defineProperty(this, 'id', { value: _object3DId++ }); this.uuid = MathUtils.generateUUID(); this.name = ''; this.type = 'Object3D'; this.parent = null; this.children = []; this.up = Object3D.DefaultUp.clone(); var position = new Vector3(); var rotation = new Euler(); var quaternion = new Quaternion(); var scale = new Vector3(1, 1, 1); function onRotationChange() { quaternion.setFromEuler(rotation, false); } function onQuaternionChange() { rotation.setFromQuaternion(quaternion, undefined, false); } rotation._onChange(onRotationChange); quaternion._onChange(onQuaternionChange); Object.defineProperties(this, { position: { configurable: true, enumerable: true, value: position }, rotation: { configurable: true, enumerable: true, value: rotation }, quaternion: { configurable: true, enumerable: true, value: quaternion }, scale: { configurable: true, enumerable: true, value: scale }, modelViewMatrix: { value: new Matrix4() }, normalMatrix: { value: new Matrix3() } }); this.matrix = new Matrix4(); this.matrixWorld = new Matrix4(); this.matrixAutoUpdate = Object3D.DefaultMatrixAutoUpdate; this.matrixWorldNeedsUpdate = false; this.layers = new Layers(); this.visible = true; this.castShadow = false; this.receiveShadow = false; this.frustumCulled = true; this.renderOrder = 0; this.animations = []; this.userData = {}; } Object3D.DefaultUp = new Vector3(0, 1, 0); Object3D.DefaultMatrixAutoUpdate = true; Object3D.prototype = Object.assign(Object.create(EventDispatcher.prototype), { constructor: Object3D, isObject3D: true, onBeforeRender: function onBeforeRender() {}, onAfterRender: function onAfterRender() {}, applyMatrix4: function applyMatrix4(matrix) { if (this.matrixAutoUpdate) this.updateMatrix(); this.matrix.premultiply(matrix); this.matrix.decompose(this.position, this.quaternion, this.scale); }, applyQuaternion: function applyQuaternion(q) { this.quaternion.premultiply(q); return this; }, setRotationFromAxisAngle: function setRotationFromAxisAngle(axis, angle) { // assumes axis is normalized this.quaternion.setFromAxisAngle(axis, angle); }, setRotationFromEuler: function setRotationFromEuler(euler) { this.quaternion.setFromEuler(euler, true); }, setRotationFromMatrix: function setRotationFromMatrix(m) { // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled) this.quaternion.setFromRotationMatrix(m); }, setRotationFromQuaternion: function setRotationFromQuaternion(q) { // assumes q is normalized this.quaternion.copy(q); }, rotateOnAxis: function rotateOnAxis(axis, angle) { // rotate object on axis in object space // axis is assumed to be normalized _q1.setFromAxisAngle(axis, angle); this.quaternion.multiply(_q1); return this; }, rotateOnWorldAxis: function rotateOnWorldAxis(axis, angle) { // rotate object on axis in world space // axis is assumed to be normalized // method assumes no rotated parent _q1.setFromAxisAngle(axis, angle); this.quaternion.premultiply(_q1); return this; }, rotateX: function rotateX(angle) { return this.rotateOnAxis(_xAxis, angle); }, rotateY: function rotateY(angle) { return this.rotateOnAxis(_yAxis, angle); }, rotateZ: function rotateZ(angle) { return this.rotateOnAxis(_zAxis, angle); }, translateOnAxis: function translateOnAxis(axis, distance) { // translate object by distance along axis in object space // axis is assumed to be normalized _v1$2.copy(axis).applyQuaternion(this.quaternion); this.position.add(_v1$2.multiplyScalar(distance)); return this; }, translateX: function translateX(distance) { return this.translateOnAxis(_xAxis, distance); }, translateY: function translateY(distance) { return this.translateOnAxis(_yAxis, distance); }, translateZ: function translateZ(distance) { return this.translateOnAxis(_zAxis, distance); }, localToWorld: function localToWorld(vector) { return vector.applyMatrix4(this.matrixWorld); }, worldToLocal: function worldToLocal(vector) { return vector.applyMatrix4(_m1$1.copy(this.matrixWorld).invert()); }, lookAt: function lookAt(x, y, z) { // This method does not support objects having non-uniformly-scaled parent(s) if (x.isVector3) { _target.copy(x); } else { _target.set(x, y, z); } var parent = this.parent; this.updateWorldMatrix(true, false); _position.setFromMatrixPosition(this.matrixWorld); if (this.isCamera || this.isLight) { _m1$1.lookAt(_position, _target, this.up); } else { _m1$1.lookAt(_target, _position, this.up); } this.quaternion.setFromRotationMatrix(_m1$1); if (parent) { _m1$1.extractRotation(parent.matrixWorld); _q1.setFromRotationMatrix(_m1$1); this.quaternion.premultiply(_q1.invert()); } }, add: function add(object) { if (arguments.length > 1) { for (var i = 0; i < arguments.length; i++) { this.add(arguments[i]); } return this; } if (object === this) { console.error('THREE.Object3D.add: object can\'t be added as a child of itself.', object); return this; } if (object && object.isObject3D) { if (object.parent !== null) { object.parent.remove(object); } object.parent = this; this.children.push(object); object.dispatchEvent(_addedEvent); } else { console.error('THREE.Object3D.add: object not an instance of THREE.Object3D.', object); } return this; }, remove: function remove(object) { if (arguments.length > 1) { for (var i = 0; i < arguments.length; i++) { this.remove(arguments[i]); } return this; } var index = this.children.indexOf(object); if (index !== -1) { object.parent = null; this.children.splice(index, 1); object.dispatchEvent(_removedEvent); } return this; }, clear: function clear() { for (var i = 0; i < this.children.length; i++) { var object = this.children[i]; object.parent = null; object.dispatchEvent(_removedEvent); } this.children.length = 0; return this; }, attach: function attach(object) { // adds object as a child of this, while maintaining the object's world transform this.updateWorldMatrix(true, false); _m1$1.copy(this.matrixWorld).invert(); if (object.parent !== null) { object.parent.updateWorldMatrix(true, false); _m1$1.multiply(object.parent.matrixWorld); } object.applyMatrix4(_m1$1); object.updateWorldMatrix(false, false); this.add(object); return this; }, getObjectById: function getObjectById(id) { return this.getObjectByProperty('id', id); }, getObjectByName: function getObjectByName(name) { return this.getObjectByProperty('name', name); }, getObjectByProperty: function getObjectByProperty(name, value) { if (this[name] === value) return this; for (var i = 0, l = this.children.length; i < l; i++) { var child = this.children[i]; var object = child.getObjectByProperty(name, value); if (object !== undefined) { return object; } } return undefined; }, getWorldPosition: function getWorldPosition(target) { if (target === undefined) { console.warn('THREE.Object3D: .getWorldPosition() target is now required'); target = new Vector3(); } this.updateWorldMatrix(true, false); return target.setFromMatrixPosition(this.matrixWorld); }, getWorldQuaternion: function getWorldQuaternion(target) { if (target === undefined) { console.warn('THREE.Object3D: .getWorldQuaternion() target is now required'); target = new Quaternion(); } this.updateWorldMatrix(true, false); this.matrixWorld.decompose(_position, target, _scale); return target; }, getWorldScale: function getWorldScale(target) { if (target === undefined) { console.warn('THREE.Object3D: .getWorldScale() target is now required'); target = new Vector3(); } this.updateWorldMatrix(true, false); this.matrixWorld.decompose(_position, _quaternion$2, target); return target; }, getWorldDirection: function getWorldDirection(target) { if (target === undefined) { console.warn('THREE.Object3D: .getWorldDirection() target is now required'); target = new Vector3(); } this.updateWorldMatrix(true, false); var e = this.matrixWorld.elements; return target.set(e[8], e[9], e[10]).normalize(); }, raycast: function raycast() {}, traverse: function traverse(callback) { callback(this); var children = this.children; for (var i = 0, l = children.length; i < l; i++) { children[i].traverse(callback); } }, traverseVisible: function traverseVisible(callback) { if (this.visible === false) return; callback(this); var children = this.children; for (var i = 0, l = children.length; i < l; i++) { children[i].traverseVisible(callback); } }, traverseAncestors: function traverseAncestors(callback) { var parent = this.parent; if (parent !== null) { callback(parent); parent.traverseAncestors(callback); } }, updateMatrix: function updateMatrix() { this.matrix.compose(this.position, this.quaternion, this.scale); this.matrixWorldNeedsUpdate = true; }, updateMatrixWorld: function updateMatrixWorld(force) { if (this.matrixAutoUpdate) this.updateMatrix(); if (this.matrixWorldNeedsUpdate || force) { if (this.parent === null) { this.matrixWorld.copy(this.matrix); } else { this.matrixWorld.multiplyMatrices(this.parent.matrixWorld, this.matrix); } this.matrixWorldNeedsUpdate = false; force = true; } // update children var children = this.children; for (var i = 0, l = children.length; i < l; i++) { children[i].updateMatrixWorld(force); } }, updateWorldMatrix: function updateWorldMatrix(updateParents, updateChildren) { var parent = this.parent; if (updateParents === true && parent !== null) { parent.updateWorldMatrix(true, false); } if (this.matrixAutoUpdate) this.updateMatrix(); if (this.parent === null) { this.matrixWorld.copy(this.matrix); } else { this.matrixWorld.multiplyMatrices(this.parent.matrixWorld, this.matrix); } // update children if (updateChildren === true) { var children = this.children; for (var i = 0, l = children.length; i < l; i++) { children[i].updateWorldMatrix(false, true); } } }, toJSON: function toJSON(meta) { // meta is a string when called from JSON.stringify var isRootObject = meta === undefined || typeof meta === 'string'; var output = {}; // meta is a hash used to collect geometries, materials. // not providing it implies that this is the root object // being serialized. if (isRootObject) { // initialize meta obj meta = { geometries: {}, materials: {}, textures: {}, images: {}, shapes: {}, skeletons: {}, animations: {} }; output.metadata = { version: 4.5, type: 'Object', generator: 'Object3D.toJSON' }; } // standard Object3D serialization var object = {}; object.uuid = this.uuid; object.type = this.type; if (this.name !== '') object.name = this.name; if (this.castShadow === true) object.castShadow = true; if (this.receiveShadow === true) object.receiveShadow = true; if (this.visible === false) object.visible = false; if (this.frustumCulled === false) object.frustumCulled = false; if (this.renderOrder !== 0) object.renderOrder = this.renderOrder; if (JSON.stringify(this.userData) !== '{}') object.userData = this.userData; object.layers = this.layers.mask; object.matrix = this.matrix.toArray(); if (this.matrixAutoUpdate === false) object.matrixAutoUpdate = false; // object specific properties if (this.isInstancedMesh) { object.type = 'InstancedMesh'; object.count = this.count; object.instanceMatrix = this.instanceMatrix.toJSON(); } // function serialize(library, element) { if (library[element.uuid] === undefined) { library[element.uuid] = element.toJSON(meta); } return element.uuid; } if (this.isMesh || this.isLine || this.isPoints) { object.geometry = serialize(meta.geometries, this.geometry); var parameters = this.geometry.parameters; if (parameters !== undefined && parameters.shapes !== undefined) { var shapes = parameters.shapes; if (Array.isArray(shapes)) { for (var i = 0, l = shapes.length; i < l; i++) { var shape = shapes[i]; serialize(meta.shapes, shape); } } else { serialize(meta.shapes, shapes); } } } if (this.isSkinnedMesh) { object.bindMode = this.bindMode; object.bindMatrix = this.bindMatrix.toArray(); if (this.skeleton !== undefined) { serialize(meta.skeletons, this.skeleton); object.skeleton = this.skeleton.uuid; } } if (this.material !== undefined) { if (Array.isArray(this.material)) { var uuids = []; for (var _i = 0, _l = this.material.length; _i < _l; _i++) { uuids.push(serialize(meta.materials, this.material[_i])); } object.material = uuids; } else { object.material = serialize(meta.materials, this.material); } } // if (this.children.length > 0) { object.children = []; for (var _i2 = 0; _i2 < this.children.length; _i2++) { object.children.push(this.children[_i2].toJSON(meta).object); } } // if (this.animations.length > 0) { object.animations = []; for (var _i3 = 0; _i3 < this.animations.length; _i3++) { var animation = this.animations[_i3]; object.animations.push(serialize(meta.animations, animation)); } } if (isRootObject) { var geometries = extractFromCache(meta.geometries); var materials = extractFromCache(meta.materials); var textures = extractFromCache(meta.textures); var images = extractFromCache(meta.images); var _shapes = extractFromCache(meta.shapes); var skeletons = extractFromCache(meta.skeletons); var animations = extractFromCache(meta.animations); if (geometries.length > 0) output.geometries = geometries; if (materials.length > 0) output.materials = materials; if (textures.length > 0) output.textures = textures; if (images.length > 0) output.images = images; if (_shapes.length > 0) output.shapes = _shapes; if (skeletons.length > 0) output.skeletons = skeletons; if (animations.length > 0) output.animations = animations; } output.object = object; return output; // extract data from the cache hash // remove metadata on each item // and return as array function extractFromCache(cache) { var values = []; for (var key in cache) { var data = cache[key]; delete data.metadata; values.push(data); } return values; } }, clone: function clone(recursive) { return new this.constructor().copy(this, recursive); }, copy: function copy(source, recursive) { if (recursive === void 0) { recursive = true; } this.name = source.name; this.up.copy(source.up); this.position.copy(source.position); this.rotation.order = source.rotation.order; this.quaternion.copy(source.quaternion); this.scale.copy(source.scale); this.matrix.copy(source.matrix); this.matrixWorld.copy(source.matrixWorld); this.matrixAutoUpdate = source.matrixAutoUpdate; this.matrixWorldNeedsUpdate = source.matrixWorldNeedsUpdate; this.layers.mask = source.layers.mask; this.visible = source.visible; this.castShadow = source.castShadow; this.receiveShadow = source.receiveShadow; this.frustumCulled = source.frustumCulled; this.renderOrder = source.renderOrder; this.userData = JSON.parse(JSON.stringify(source.userData)); if (recursive === true) { for (var i = 0; i < source.children.length; i++) { var child = source.children[i]; this.add(child.clone()); } } return this; } }); var _vector1 = /*@__PURE__*/new Vector3(); var _vector2 = /*@__PURE__*/new Vector3(); var _normalMatrix = /*@__PURE__*/new Matrix3(); var Plane = /*#__PURE__*/function () { function Plane(normal, constant) { Object.defineProperty(this, 'isPlane', { value: true }); // normal is assumed to be normalized this.normal = normal !== undefined ? normal : new Vector3(1, 0, 0); this.constant = constant !== undefined ? constant : 0; } var _proto = Plane.prototype; _proto.set = function set(normal, constant) { this.normal.copy(normal); this.constant = constant; return this; }; _proto.setComponents = function setComponents(x, y, z, w) { this.normal.set(x, y, z); this.constant = w; return this; }; _proto.setFromNormalAndCoplanarPoint = function setFromNormalAndCoplanarPoint(normal, point) { this.normal.copy(normal); this.constant = -point.dot(this.normal); return this; }; _proto.setFromCoplanarPoints = function setFromCoplanarPoints(a, b, c) { var normal = _vector1.subVectors(c, b).cross(_vector2.subVectors(a, b)).normalize(); // Q: should an error be thrown if normal is zero (e.g. degenerate plane)? this.setFromNormalAndCoplanarPoint(normal, a); return this; }; _proto.clone = function clone() { return new this.constructor().copy(this); }; _proto.copy = function copy(plane) { this.normal.copy(plane.normal); this.constant = plane.constant; return this; }; _proto.normalize = function normalize() { // Note: will lead to a divide by zero if the plane is invalid. var inverseNormalLength = 1.0 / this.normal.length(); this.normal.multiplyScalar(inverseNormalLength); this.constant *= inverseNormalLength; return this; }; _proto.negate = function negate() { this.constant *= -1; this.normal.negate(); return this; }; _proto.distanceToPoint = function distanceToPoint(point) { return this.normal.dot(point) + this.constant; }; _proto.distanceToSphere = function distanceToSphere(sphere) { return this.distanceToPoint(sphere.center) - sphere.radius; }; _proto.projectPoint = function projectPoint(point, target) { if (target === undefined) { console.warn('THREE.Plane: .projectPoint() target is now required'); target = new Vector3(); } return target.copy(this.normal).multiplyScalar(-this.distanceToPoint(point)).add(point); }; _proto.intersectLine = function intersectLine(line, target) { if (target === undefined) { console.warn('THREE.Plane: .intersectLine() target is now required'); target = new Vector3(); } var direction = line.delta(_vector1); var denominator = this.normal.dot(direction); if (denominator === 0) { // line is coplanar, return origin if (this.distanceToPoint(line.start) === 0) { return target.copy(line.start); } // Unsure if this is the correct method to handle this case. return undefined; } var t = -(line.start.dot(this.normal) + this.constant) / denominator; if (t < 0 || t > 1) { return undefined; } return target.copy(direction).multiplyScalar(t).add(line.start); }; _proto.intersectsLine = function intersectsLine(line) { // Note: this tests if a line intersects the plane, not whether it (or its end-points) are coplanar with it. var startSign = this.distanceToPoint(line.start); var endSign = this.distanceToPoint(line.end); return startSign < 0 && endSign > 0 || endSign < 0 && startSign > 0; }; _proto.intersectsBox = function intersectsBox(box) { return box.intersectsPlane(this); }; _proto.intersectsSphere = function intersectsSphere(sphere) { return sphere.intersectsPlane(this); }; _proto.coplanarPoint = function coplanarPoint(target) { if (target === undefined) { console.warn('THREE.Plane: .coplanarPoint() target is now required'); target = new Vector3(); } return target.copy(this.normal).multiplyScalar(-this.constant); }; _proto.applyMatrix4 = function applyMatrix4(matrix, optionalNormalMatrix) { var normalMatrix = optionalNormalMatrix || _normalMatrix.getNormalMatrix(matrix); var referencePoint = this.coplanarPoint(_vector1).applyMatrix4(matrix); var normal = this.normal.applyMatrix3(normalMatrix).normalize(); this.constant = -referencePoint.dot(normal); return this; }; _proto.translate = function translate(offset) { this.constant -= offset.dot(this.normal); return this; }; _proto.equals = function equals(plane) { return plane.normal.equals(this.normal) && plane.constant === this.constant; }; return Plane; }(); var _v0$1 = /*@__PURE__*/new Vector3(); var _v1$3 = /*@__PURE__*/new Vector3(); var _v2$1 = /*@__PURE__*/new Vector3(); var _v3 = /*@__PURE__*/new Vector3(); var _vab = /*@__PURE__*/new Vector3(); var _vac = /*@__PURE__*/new Vector3(); var _vbc = /*@__PURE__*/new Vector3(); var _vap = /*@__PURE__*/new Vector3(); var _vbp = /*@__PURE__*/new Vector3(); var _vcp = /*@__PURE__*/new Vector3(); var Triangle = /*#__PURE__*/function () { function Triangle(a, b, c) { this.a = a !== undefined ? a : new Vector3(); this.b = b !== undefined ? b : new Vector3(); this.c = c !== undefined ? c : new Vector3(); } Triangle.getNormal = function getNormal(a, b, c, target) { if (target === undefined) { console.warn('THREE.Triangle: .getNormal() target is now required'); target = new Vector3(); } target.subVectors(c, b); _v0$1.subVectors(a, b); target.cross(_v0$1); var targetLengthSq = target.lengthSq(); if (targetLengthSq > 0) { return target.multiplyScalar(1 / Math.sqrt(targetLengthSq)); } return target.set(0, 0, 0); } // static/instance method to calculate barycentric coordinates // based on: http://www.blackpawn.com/texts/pointinpoly/default.html ; Triangle.getBarycoord = function getBarycoord(point, a, b, c, target) { _v0$1.subVectors(c, a); _v1$3.subVectors(b, a); _v2$1.subVectors(point, a); var dot00 = _v0$1.dot(_v0$1); var dot01 = _v0$1.dot(_v1$3); var dot02 = _v0$1.dot(_v2$1); var dot11 = _v1$3.dot(_v1$3); var dot12 = _v1$3.dot(_v2$1); var denom = dot00 * dot11 - dot01 * dot01; if (target === undefined) { console.warn('THREE.Triangle: .getBarycoord() target is now required'); target = new Vector3(); } // collinear or singular triangle if (denom === 0) { // arbitrary location outside of triangle? // not sure if this is the best idea, maybe should be returning undefined return target.set(-2, -1, -1); } var invDenom = 1 / denom; var u = (dot11 * dot02 - dot01 * dot12) * invDenom; var v = (dot00 * dot12 - dot01 * dot02) * invDenom; // barycentric coordinates must always sum to 1 return target.set(1 - u - v, v, u); }; Triangle.containsPoint = function containsPoint(point, a, b, c) { this.getBarycoord(point, a, b, c, _v3); return _v3.x >= 0 && _v3.y >= 0 && _v3.x + _v3.y <= 1; }; Triangle.getUV = function getUV(point, p1, p2, p3, uv1, uv2, uv3, target) { this.getBarycoord(point, p1, p2, p3, _v3); target.set(0, 0); target.addScaledVector(uv1, _v3.x); target.addScaledVector(uv2, _v3.y); target.addScaledVector(uv3, _v3.z); return target; }; Triangle.isFrontFacing = function isFrontFacing(a, b, c, direction) { _v0$1.subVectors(c, b); _v1$3.subVectors(a, b); // strictly front facing return _v0$1.cross(_v1$3).dot(direction) < 0 ? true : false; }; var _proto = Triangle.prototype; _proto.set = function set(a, b, c) { this.a.copy(a); this.b.copy(b); this.c.copy(c); return this; }; _proto.setFromPointsAndIndices = function setFromPointsAndIndices(points, i0, i1, i2) { this.a.copy(points[i0]); this.b.copy(points[i1]); this.c.copy(points[i2]); return this; }; _proto.clone = function clone() { return new this.constructor().copy(this); }; _proto.copy = function copy(triangle) { this.a.copy(triangle.a); this.b.copy(triangle.b); this.c.copy(triangle.c); return this; }; _proto.getArea = function getArea() { _v0$1.subVectors(this.c, this.b); _v1$3.subVectors(this.a, this.b); return _v0$1.cross(_v1$3).length() * 0.5; }; _proto.getMidpoint = function getMidpoint(target) { if (target === undefined) { console.warn('THREE.Triangle: .getMidpoint() target is now required'); target = new Vector3(); } return target.addVectors(this.a, this.b).add(this.c).multiplyScalar(1 / 3); }; _proto.getNormal = function getNormal(target) { return Triangle.getNormal(this.a, this.b, this.c, target); }; _proto.getPlane = function getPlane(target) { if (target === undefined) { console.warn('THREE.Triangle: .getPlane() target is now required'); target = new Plane(); } return target.setFromCoplanarPoints(this.a, this.b, this.c); }; _proto.getBarycoord = function getBarycoord(point, target) { return Triangle.getBarycoord(point, this.a, this.b, this.c, target); }; _proto.getUV = function getUV(point, uv1, uv2, uv3, target) { return Triangle.getUV(point, this.a, this.b, this.c, uv1, uv2, uv3, target); }; _proto.containsPoint = function containsPoint(point) { return Triangle.containsPoint(point, this.a, this.b, this.c); }; _proto.isFrontFacing = function isFrontFacing(direction) { return Triangle.isFrontFacing(this.a, this.b, this.c, direction); }; _proto.intersectsBox = function intersectsBox(box) { return box.intersectsTriangle(this); }; _proto.closestPointToPoint = function closestPointToPoint(p, target) { if (target === undefined) { console.warn('THREE.Triangle: .closestPointToPoint() target is now required'); target = new Vector3(); } var a = this.a, b = this.b, c = this.c; var v, w; // algorithm thanks to Real-Time Collision Detection by Christer Ericson, // published by Morgan Kaufmann Publishers, (c) 2005 Elsevier Inc., // under the accompanying license; see chapter 5.1.5 for detailed explanation. // basically, we're distinguishing which of the voronoi regions of the triangle // the point lies in with the minimum amount of redundant computation. _vab.subVectors(b, a); _vac.subVectors(c, a); _vap.subVectors(p, a); var d1 = _vab.dot(_vap); var d2 = _vac.dot(_vap); if (d1 <= 0 && d2 <= 0) { // vertex region of A; barycentric coords (1, 0, 0) return target.copy(a); } _vbp.subVectors(p, b); var d3 = _vab.dot(_vbp); var d4 = _vac.dot(_vbp); if (d3 >= 0 && d4 <= d3) { // vertex region of B; barycentric coords (0, 1, 0) return target.copy(b); } var vc = d1 * d4 - d3 * d2; if (vc <= 0 && d1 >= 0 && d3 <= 0) { v = d1 / (d1 - d3); // edge region of AB; barycentric coords (1-v, v, 0) return target.copy(a).addScaledVector(_vab, v); } _vcp.subVectors(p, c); var d5 = _vab.dot(_vcp); var d6 = _vac.dot(_vcp); if (d6 >= 0 && d5 <= d6) { // vertex region of C; barycentric coords (0, 0, 1) return target.copy(c); } var vb = d5 * d2 - d1 * d6; if (vb <= 0 && d2 >= 0 && d6 <= 0) { w = d2 / (d2 - d6); // edge region of AC; barycentric coords (1-w, 0, w) return target.copy(a).addScaledVector(_vac, w); } var va = d3 * d6 - d5 * d4; if (va <= 0 && d4 - d3 >= 0 && d5 - d6 >= 0) { _vbc.subVectors(c, b); w = (d4 - d3) / (d4 - d3 + (d5 - d6)); // edge region of BC; barycentric coords (0, 1-w, w) return target.copy(b).addScaledVector(_vbc, w); // edge region of BC } // face region var denom = 1 / (va + vb + vc); // u = va * denom v = vb * denom; w = vc * denom; return target.copy(a).addScaledVector(_vab, v).addScaledVector(_vac, w); }; _proto.equals = function equals(triangle) { return triangle.a.equals(this.a) && triangle.b.equals(this.b) && triangle.c.equals(this.c); }; return Triangle; }(); var _colorKeywords = { 'aliceblue': 0xF0F8FF, 'antiquewhite': 0xFAEBD7, 'aqua': 0x00FFFF, 'aquamarine': 0x7FFFD4, 'azure': 0xF0FFFF, 'beige': 0xF5F5DC, 'bisque': 0xFFE4C4, 'black': 0x000000, 'blanchedalmond': 0xFFEBCD, 'blue': 0x0000FF, 'blueviolet': 0x8A2BE2, 'brown': 0xA52A2A, 'burlywood': 0xDEB887, 'cadetblue': 0x5F9EA0, 'chartreuse': 0x7FFF00, 'chocolate': 0xD2691E, 'coral': 0xFF7F50, 'cornflowerblue': 0x6495ED, 'cornsilk': 0xFFF8DC, 'crimson': 0xDC143C, 'cyan': 0x00FFFF, 'darkblue': 0x00008B, 'darkcyan': 0x008B8B, 'darkgoldenrod': 0xB8860B, 'darkgray': 0xA9A9A9, 'darkgreen': 0x006400, 'darkgrey': 0xA9A9A9, 'darkkhaki': 0xBDB76B, 'darkmagenta': 0x8B008B, 'darkolivegreen': 0x556B2F, 'darkorange': 0xFF8C00, 'darkorchid': 0x9932CC, 'darkred': 0x8B0000, 'darksalmon': 0xE9967A, 'darkseagreen': 0x8FBC8F, 'darkslateblue': 0x483D8B, 'darkslategray': 0x2F4F4F, 'darkslategrey': 0x2F4F4F, 'darkturquoise': 0x00CED1, 'darkviolet': 0x9400D3, 'deeppink': 0xFF1493, 'deepskyblue': 0x00BFFF, 'dimgray': 0x696969, 'dimgrey': 0x696969, 'dodgerblue': 0x1E90FF, 'firebrick': 0xB22222, 'floralwhite': 0xFFFAF0, 'forestgreen': 0x228B22, 'fuchsia': 0xFF00FF, 'gainsboro': 0xDCDCDC, 'ghostwhite': 0xF8F8FF, 'gold': 0xFFD700, 'goldenrod': 0xDAA520, 'gray': 0x808080, 'green': 0x008000, 'greenyellow': 0xADFF2F, 'grey': 0x808080, 'honeydew': 0xF0FFF0, 'hotpink': 0xFF69B4, 'indianred': 0xCD5C5C, 'indigo': 0x4B0082, 'ivory': 0xFFFFF0, 'khaki': 0xF0E68C, 'lavender': 0xE6E6FA, 'lavenderblush': 0xFFF0F5, 'lawngreen': 0x7CFC00, 'lemonchiffon': 0xFFFACD, 'lightblue': 0xADD8E6, 'lightcoral': 0xF08080, 'lightcyan': 0xE0FFFF, 'lightgoldenrodyellow': 0xFAFAD2, 'lightgray': 0xD3D3D3, 'lightgreen': 0x90EE90, 'lightgrey': 0xD3D3D3, 'lightpink': 0xFFB6C1, 'lightsalmon': 0xFFA07A, 'lightseagreen': 0x20B2AA, 'lightskyblue': 0x87CEFA, 'lightslategray': 0x778899, 'lightslategrey': 0x778899, 'lightsteelblue': 0xB0C4DE, 'lightyellow': 0xFFFFE0, 'lime': 0x00FF00, 'limegreen': 0x32CD32, 'linen': 0xFAF0E6, 'magenta': 0xFF00FF, 'maroon': 0x800000, 'mediumaquamarine': 0x66CDAA, 'mediumblue': 0x0000CD, 'mediumorchid': 0xBA55D3, 'mediumpurple': 0x9370DB, 'mediumseagreen': 0x3CB371, 'mediumslateblue': 0x7B68EE, 'mediumspringgreen': 0x00FA9A, 'mediumturquoise': 0x48D1CC, 'mediumvioletred': 0xC71585, 'midnightblue': 0x191970, 'mintcream': 0xF5FFFA, 'mistyrose': 0xFFE4E1, 'moccasin': 0xFFE4B5, 'navajowhite': 0xFFDEAD, 'navy': 0x000080, 'oldlace': 0xFDF5E6, 'olive': 0x808000, 'olivedrab': 0x6B8E23, 'orange': 0xFFA500, 'orangered': 0xFF4500, 'orchid': 0xDA70D6, 'palegoldenrod': 0xEEE8AA, 'palegreen': 0x98FB98, 'paleturquoise': 0xAFEEEE, 'palevioletred': 0xDB7093, 'papayawhip': 0xFFEFD5, 'peachpuff': 0xFFDAB9, 'peru': 0xCD853F, 'pink': 0xFFC0CB, 'plum': 0xDDA0DD, 'powderblue': 0xB0E0E6, 'purple': 0x800080, 'rebeccapurple': 0x663399, 'red': 0xFF0000, 'rosybrown': 0xBC8F8F, 'royalblue': 0x4169E1, 'saddlebrown': 0x8B4513, 'salmon': 0xFA8072, 'sandybrown': 0xF4A460, 'seagreen': 0x2E8B57, 'seashell': 0xFFF5EE, 'sienna': 0xA0522D, 'silver': 0xC0C0C0, 'skyblue': 0x87CEEB, 'slateblue': 0x6A5ACD, 'slategray': 0x708090, 'slategrey': 0x708090, 'snow': 0xFFFAFA, 'springgreen': 0x00FF7F, 'steelblue': 0x4682B4, 'tan': 0xD2B48C, 'teal': 0x008080, 'thistle': 0xD8BFD8, 'tomato': 0xFF6347, 'turquoise': 0x40E0D0, 'violet': 0xEE82EE, 'wheat': 0xF5DEB3, 'white': 0xFFFFFF, 'whitesmoke': 0xF5F5F5, 'yellow': 0xFFFF00, 'yellowgreen': 0x9ACD32 }; var _hslA = { h: 0, s: 0, l: 0 }; var _hslB = { h: 0, s: 0, l: 0 }; function hue2rgb(p, q, t) { if (t < 0) t += 1; if (t > 1) t -= 1; if (t < 1 / 6) return p + (q - p) * 6 * t; if (t < 1 / 2) return q; if (t < 2 / 3) return p + (q - p) * 6 * (2 / 3 - t); return p; } function SRGBToLinear(c) { return c < 0.04045 ? c * 0.0773993808 : Math.pow(c * 0.9478672986 + 0.0521327014, 2.4); } function LinearToSRGB(c) { return c < 0.0031308 ? c * 12.92 : 1.055 * Math.pow(c, 0.41666) - 0.055; } var Color = /*#__PURE__*/function () { function Color(r, g, b) { Object.defineProperty(this, 'isColor', { value: true }); if (g === undefined && b === undefined) { // r is THREE.Color, hex or string return this.set(r); } return this.setRGB(r, g, b); } var _proto = Color.prototype; _proto.set = function set(value) { if (value && value.isColor) { this.copy(value); } else if (typeof value === 'number') { this.setHex(value); } else if (typeof value === 'string') { this.setStyle(value); } return this; }; _proto.setScalar = function setScalar(scalar) { this.r = scalar; this.g = scalar; this.b = scalar; return this; }; _proto.setHex = function setHex(hex) { hex = Math.floor(hex); this.r = (hex >> 16 & 255) / 255; this.g = (hex >> 8 & 255) / 255; this.b = (hex & 255) / 255; return this; }; _proto.setRGB = function setRGB(r, g, b) { this.r = r; this.g = g; this.b = b; return this; }; _proto.setHSL = function setHSL(h, s, l) { // h,s,l ranges are in 0.0 - 1.0 h = MathUtils.euclideanModulo(h, 1); s = MathUtils.clamp(s, 0, 1); l = MathUtils.clamp(l, 0, 1); if (s === 0) { this.r = this.g = this.b = l; } else { var p = l <= 0.5 ? l * (1 + s) : l + s - l * s; var q = 2 * l - p; this.r = hue2rgb(q, p, h + 1 / 3); this.g = hue2rgb(q, p, h); this.b = hue2rgb(q, p, h - 1 / 3); } return this; }; _proto.setStyle = function setStyle(style) { function handleAlpha(string) { if (string === undefined) return; if (parseFloat(string) < 1) { console.warn('THREE.Color: Alpha component of ' + style + ' will be ignored.'); } } var m; if (m = /^((?:rgb|hsl)a?)\(([^\)]*)\)/.exec(style)) { // rgb / hsl var color; var name = m[1]; var components = m[2]; switch (name) { case 'rgb': case 'rgba': if (color = /^\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(components)) { // rgb(255,0,0) rgba(255,0,0,0.5) this.r = Math.min(255, parseInt(color[1], 10)) / 255; this.g = Math.min(255, parseInt(color[2], 10)) / 255; this.b = Math.min(255, parseInt(color[3], 10)) / 255; handleAlpha(color[4]); return this; } if (color = /^\s*(\d+)\%\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(components)) { // rgb(100%,0%,0%) rgba(100%,0%,0%,0.5) this.r = Math.min(100, parseInt(color[1], 10)) / 100; this.g = Math.min(100, parseInt(color[2], 10)) / 100; this.b = Math.min(100, parseInt(color[3], 10)) / 100; handleAlpha(color[4]); return this; } break; case 'hsl': case 'hsla': if (color = /^\s*(\d*\.?\d+)\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(components)) { // hsl(120,50%,50%) hsla(120,50%,50%,0.5) var h = parseFloat(color[1]) / 360; var s = parseInt(color[2], 10) / 100; var l = parseInt(color[3], 10) / 100; handleAlpha(color[4]); return this.setHSL(h, s, l); } break; } } else if (m = /^\#([A-Fa-f\d]+)$/.exec(style)) { // hex color var hex = m[1]; var size = hex.length; if (size === 3) { // #ff0 this.r = parseInt(hex.charAt(0) + hex.charAt(0), 16) / 255; this.g = parseInt(hex.charAt(1) + hex.charAt(1), 16) / 255; this.b = parseInt(hex.charAt(2) + hex.charAt(2), 16) / 255; return this; } else if (size === 6) { // #ff0000 this.r = parseInt(hex.charAt(0) + hex.charAt(1), 16) / 255; this.g = parseInt(hex.charAt(2) + hex.charAt(3), 16) / 255; this.b = parseInt(hex.charAt(4) + hex.charAt(5), 16) / 255; return this; } } if (style && style.length > 0) { return this.setColorName(style); } return this; }; _proto.setColorName = function setColorName(style) { // color keywords var hex = _colorKeywords[style]; if (hex !== undefined) { // red this.setHex(hex); } else { // unknown color console.warn('THREE.Color: Unknown color ' + style); } return this; }; _proto.clone = function clone() { return new this.constructor(this.r, this.g, this.b); }; _proto.copy = function copy(color) { this.r = color.r; this.g = color.g; this.b = color.b; return this; }; _proto.copyGammaToLinear = function copyGammaToLinear(color, gammaFactor) { if (gammaFactor === void 0) { gammaFactor = 2.0; } this.r = Math.pow(color.r, gammaFactor); this.g = Math.pow(color.g, gammaFactor); this.b = Math.pow(color.b, gammaFactor); return this; }; _proto.copyLinearToGamma = function copyLinearToGamma(color, gammaFactor) { if (gammaFactor === void 0) { gammaFactor = 2.0; } var safeInverse = gammaFactor > 0 ? 1.0 / gammaFactor : 1.0; this.r = Math.pow(color.r, safeInverse); this.g = Math.pow(color.g, safeInverse); this.b = Math.pow(color.b, safeInverse); return this; }; _proto.convertGammaToLinear = function convertGammaToLinear(gammaFactor) { this.copyGammaToLinear(this, gammaFactor); return this; }; _proto.convertLinearToGamma = function convertLinearToGamma(gammaFactor) { this.copyLinearToGamma(this, gammaFactor); return this; }; _proto.copySRGBToLinear = function copySRGBToLinear(color) { this.r = SRGBToLinear(color.r); this.g = SRGBToLinear(color.g); this.b = SRGBToLinear(color.b); return this; }; _proto.copyLinearToSRGB = function copyLinearToSRGB(color) { this.r = LinearToSRGB(color.r); this.g = LinearToSRGB(color.g); this.b = LinearToSRGB(color.b); return this; }; _proto.convertSRGBToLinear = function convertSRGBToLinear() { this.copySRGBToLinear(this); return this; }; _proto.convertLinearToSRGB = function convertLinearToSRGB() { this.copyLinearToSRGB(this); return this; }; _proto.getHex = function getHex() { return this.r * 255 << 16 ^ this.g * 255 << 8 ^ this.b * 255 << 0; }; _proto.getHexString = function getHexString() { return ('000000' + this.getHex().toString(16)).slice(-6); }; _proto.getHSL = function getHSL(target) { // h,s,l ranges are in 0.0 - 1.0 if (target === undefined) { console.warn('THREE.Color: .getHSL() target is now required'); target = { h: 0, s: 0, l: 0 }; } var r = this.r, g = this.g, b = this.b; var max = Math.max(r, g, b); var min = Math.min(r, g, b); var hue, saturation; var lightness = (min + max) / 2.0; if (min === max) { hue = 0; saturation = 0; } else { var delta = max - min; saturation = lightness <= 0.5 ? delta / (max + min) : delta / (2 - max - min); switch (max) { case r: hue = (g - b) / delta + (g < b ? 6 : 0); break; case g: hue = (b - r) / delta + 2; break; case b: hue = (r - g) / delta + 4; break; } hue /= 6; } target.h = hue; target.s = saturation; target.l = lightness; return target; }; _proto.getStyle = function getStyle() { return 'rgb(' + (this.r * 255 | 0) + ',' + (this.g * 255 | 0) + ',' + (this.b * 255 | 0) + ')'; }; _proto.offsetHSL = function offsetHSL(h, s, l) { this.getHSL(_hslA); _hslA.h += h; _hslA.s += s; _hslA.l += l; this.setHSL(_hslA.h, _hslA.s, _hslA.l); return this; }; _proto.add = function add(color) { this.r += color.r; this.g += color.g; this.b += color.b; return this; }; _proto.addColors = function addColors(color1, color2) { this.r = color1.r + color2.r; this.g = color1.g + color2.g; this.b = color1.b + color2.b; return this; }; _proto.addScalar = function addScalar(s) { this.r += s; this.g += s; this.b += s; return this; }; _proto.sub = function sub(color) { this.r = Math.max(0, this.r - color.r); this.g = Math.max(0, this.g - color.g); this.b = Math.max(0, this.b - color.b); return this; }; _proto.multiply = function multiply(color) { this.r *= color.r; this.g *= color.g; this.b *= color.b; return this; }; _proto.multiplyScalar = function multiplyScalar(s) { this.r *= s; this.g *= s; this.b *= s; return this; }; _proto.lerp = function lerp(color, alpha) { this.r += (color.r - this.r) * alpha; this.g += (color.g - this.g) * alpha; this.b += (color.b - this.b) * alpha; return this; }; _proto.lerpColors = function lerpColors(color1, color2, alpha) { this.r = color1.r + (color2.r - color1.r) * alpha; this.g = color1.g + (color2.g - color1.g) * alpha; this.b = color1.b + (color2.b - color1.b) * alpha; return this; }; _proto.lerpHSL = function lerpHSL(color, alpha) { this.getHSL(_hslA); color.getHSL(_hslB); var h = MathUtils.lerp(_hslA.h, _hslB.h, alpha); var s = MathUtils.lerp(_hslA.s, _hslB.s, alpha); var l = MathUtils.lerp(_hslA.l, _hslB.l, alpha); this.setHSL(h, s, l); return this; }; _proto.equals = function equals(c) { return c.r === this.r && c.g === this.g && c.b === this.b; }; _proto.fromArray = function fromArray(array, offset) { if (offset === void 0) { offset = 0; } this.r = array[offset]; this.g = array[offset + 1]; this.b = array[offset + 2]; return this; }; _proto.toArray = function toArray(array, offset) { if (array === void 0) { array = []; } if (offset === void 0) { offset = 0; } array[offset] = this.r; array[offset + 1] = this.g; array[offset + 2] = this.b; return array; }; _proto.fromBufferAttribute = function fromBufferAttribute(attribute, index) { this.r = attribute.getX(index); this.g = attribute.getY(index); this.b = attribute.getZ(index); if (attribute.normalized === true) { // assuming Uint8Array this.r /= 255; this.g /= 255; this.b /= 255; } return this; }; _proto.toJSON = function toJSON() { return this.getHex(); }; return Color; }(); Color.NAMES = _colorKeywords; Color.prototype.r = 1; Color.prototype.g = 1; Color.prototype.b = 1; var Face3 = /*#__PURE__*/function () { function Face3(a, b, c, normal, color, materialIndex) { if (materialIndex === void 0) { materialIndex = 0; } this.a = a; this.b = b; this.c = c; this.normal = normal && normal.isVector3 ? normal : new Vector3(); this.vertexNormals = Array.isArray(normal) ? normal : []; this.color = color && color.isColor ? color : new Color(); this.vertexColors = Array.isArray(color) ? color : []; this.materialIndex = materialIndex; } var _proto = Face3.prototype; _proto.clone = function clone() { return new this.constructor().copy(this); }; _proto.copy = function copy(source) { this.a = source.a; this.b = source.b; this.c = source.c; this.normal.copy(source.normal); this.color.copy(source.color); this.materialIndex = source.materialIndex; for (var i = 0, il = source.vertexNormals.length; i < il; i++) { this.vertexNormals[i] = source.vertexNormals[i].clone(); } for (var _i = 0, _il = source.vertexColors.length; _i < _il; _i++) { this.vertexColors[_i] = source.vertexColors[_i].clone(); } return this; }; return Face3; }(); var materialId = 0; function Material() { Object.defineProperty(this, 'id', { value: materialId++ }); this.uuid = MathUtils.generateUUID(); this.name = ''; this.type = 'Material'; this.fog = true; this.blending = NormalBlending; this.side = FrontSide; this.flatShading = false; this.vertexColors = false; this.opacity = 1; this.transparent = false; this.blendSrc = SrcAlphaFactor; this.blendDst = OneMinusSrcAlphaFactor; this.blendEquation = AddEquation; this.blendSrcAlpha = null; this.blendDstAlpha = null; this.blendEquationAlpha = null; this.depthFunc = LessEqualDepth; this.depthTest = true; this.depthWrite = true; this.stencilWriteMask = 0xff; this.stencilFunc = AlwaysStencilFunc; this.stencilRef = 0; this.stencilFuncMask = 0xff; this.stencilFail = KeepStencilOp; this.stencilZFail = KeepStencilOp; this.stencilZPass = KeepStencilOp; this.stencilWrite = false; this.clippingPlanes = null; this.clipIntersection = false; this.clipShadows = false; this.shadowSide = null; this.colorWrite = true; this.precision = null; // override the renderer's default precision for this material this.polygonOffset = false; this.polygonOffsetFactor = 0; this.polygonOffsetUnits = 0; this.dithering = false; this.alphaTest = 0; this.premultipliedAlpha = false; this.visible = true; this.toneMapped = true; this.userData = {}; this.version = 0; } Material.prototype = Object.assign(Object.create(EventDispatcher.prototype), { constructor: Material, isMaterial: true, onBeforeCompile: function onBeforeCompile() /* shaderobject, renderer */ {}, customProgramCacheKey: function customProgramCacheKey() { return this.onBeforeCompile.toString(); }, setValues: function setValues(values) { if (values === undefined) return; for (var key in values) { var newValue = values[key]; if (newValue === undefined) { console.warn('THREE.Material: \'' + key + '\' parameter is undefined.'); continue; } // for backward compatability if shading is set in the constructor if (key === 'shading') { console.warn('THREE.' + this.type + ': .shading has been removed. Use the boolean .flatShading instead.'); this.flatShading = newValue === FlatShading ? true : false; continue; } var currentValue = this[key]; if (currentValue === undefined) { console.warn('THREE.' + this.type + ': \'' + key + '\' is not a property of this material.'); continue; } if (currentValue && currentValue.isColor) { currentValue.set(newValue); } else if (currentValue && currentValue.isVector3 && newValue && newValue.isVector3) { currentValue.copy(newValue); } else { this[key] = newValue; } } }, toJSON: function toJSON(meta) { var isRoot = meta === undefined || typeof meta === 'string'; if (isRoot) { meta = { textures: {}, images: {} }; } var data = { metadata: { version: 4.5, type: 'Material', generator: 'Material.toJSON' } }; // standard Material serialization data.uuid = this.uuid; data.type = this.type; if (this.name !== '') data.name = this.name; if (this.color && this.color.isColor) data.color = this.color.getHex(); if (this.roughness !== undefined) data.roughness = this.roughness; if (this.metalness !== undefined) data.metalness = this.metalness; if (this.sheen && this.sheen.isColor) data.sheen = this.sheen.getHex(); if (this.emissive && this.emissive.isColor) data.emissive = this.emissive.getHex(); if (this.emissiveIntensity && this.emissiveIntensity !== 1) data.emissiveIntensity = this.emissiveIntensity; if (this.specular && this.specular.isColor) data.specular = this.specular.getHex(); if (this.shininess !== undefined) data.shininess = this.shininess; if (this.clearcoat !== undefined) data.clearcoat = this.clearcoat; if (this.clearcoatRoughness !== undefined) data.clearcoatRoughness = this.clearcoatRoughness; if (this.clearcoatMap && this.clearcoatMap.isTexture) { data.clearcoatMap = this.clearcoatMap.toJSON(meta).uuid; } if (this.clearcoatRoughnessMap && this.clearcoatRoughnessMap.isTexture) { data.clearcoatRoughnessMap = this.clearcoatRoughnessMap.toJSON(meta).uuid; } if (this.clearcoatNormalMap && this.clearcoatNormalMap.isTexture) { data.clearcoatNormalMap = this.clearcoatNormalMap.toJSON(meta).uuid; data.clearcoatNormalScale = this.clearcoatNormalScale.toArray(); } if (this.map && this.map.isTexture) data.map = this.map.toJSON(meta).uuid; if (this.matcap && this.matcap.isTexture) data.matcap = this.matcap.toJSON(meta).uuid; if (this.alphaMap && this.alphaMap.isTexture) data.alphaMap = this.alphaMap.toJSON(meta).uuid; if (this.lightMap && this.lightMap.isTexture) data.lightMap = this.lightMap.toJSON(meta).uuid; if (this.aoMap && this.aoMap.isTexture) { data.aoMap = this.aoMap.toJSON(meta).uuid; data.aoMapIntensity = this.aoMapIntensity; } if (this.bumpMap && this.bumpMap.isTexture) { data.bumpMap = this.bumpMap.toJSON(meta).uuid; data.bumpScale = this.bumpScale; } if (this.normalMap && this.normalMap.isTexture) { data.normalMap = this.normalMap.toJSON(meta).uuid; data.normalMapType = this.normalMapType; data.normalScale = this.normalScale.toArray(); } if (this.displacementMap && this.displacementMap.isTexture) { data.displacementMap = this.displacementMap.toJSON(meta).uuid; data.displacementScale = this.displacementScale; data.displacementBias = this.displacementBias; } if (this.roughnessMap && this.roughnessMap.isTexture) data.roughnessMap = this.roughnessMap.toJSON(meta).uuid; if (this.metalnessMap && this.metalnessMap.isTexture) data.metalnessMap = this.metalnessMap.toJSON(meta).uuid; if (this.emissiveMap && this.emissiveMap.isTexture) data.emissiveMap = this.emissiveMap.toJSON(meta).uuid; if (this.specularMap && this.specularMap.isTexture) data.specularMap = this.specularMap.toJSON(meta).uuid; if (this.envMap && this.envMap.isTexture) { data.envMap = this.envMap.toJSON(meta).uuid; data.reflectivity = this.reflectivity; // Scale behind envMap data.refractionRatio = this.refractionRatio; if (this.combine !== undefined) data.combine = this.combine; if (this.envMapIntensity !== undefined) data.envMapIntensity = this.envMapIntensity; } if (this.gradientMap && this.gradientMap.isTexture) { data.gradientMap = this.gradientMap.toJSON(meta).uuid; } if (this.size !== undefined) data.size = this.size; if (this.sizeAttenuation !== undefined) data.sizeAttenuation = this.sizeAttenuation; if (this.blending !== NormalBlending) data.blending = this.blending; if (this.flatShading === true) data.flatShading = this.flatShading; if (this.side !== FrontSide) data.side = this.side; if (this.vertexColors) data.vertexColors = true; if (this.opacity < 1) data.opacity = this.opacity; if (this.transparent === true) data.transparent = this.transparent; data.depthFunc = this.depthFunc; data.depthTest = this.depthTest; data.depthWrite = this.depthWrite; data.stencilWrite = this.stencilWrite; data.stencilWriteMask = this.stencilWriteMask; data.stencilFunc = this.stencilFunc; data.stencilRef = this.stencilRef; data.stencilFuncMask = this.stencilFuncMask; data.stencilFail = this.stencilFail; data.stencilZFail = this.stencilZFail; data.stencilZPass = this.stencilZPass; // rotation (SpriteMaterial) if (this.rotation && this.rotation !== 0) data.rotation = this.rotation; if (this.polygonOffset === true) data.polygonOffset = true; if (this.polygonOffsetFactor !== 0) data.polygonOffsetFactor = this.polygonOffsetFactor; if (this.polygonOffsetUnits !== 0) data.polygonOffsetUnits = this.polygonOffsetUnits; if (this.linewidth && this.linewidth !== 1) data.linewidth = this.linewidth; if (this.dashSize !== undefined) data.dashSize = this.dashSize; if (this.gapSize !== undefined) data.gapSize = this.gapSize; if (this.scale !== undefined) data.scale = this.scale; if (this.dithering === true) data.dithering = true; if (this.alphaTest > 0) data.alphaTest = this.alphaTest; if (this.premultipliedAlpha === true) data.premultipliedAlpha = this.premultipliedAlpha; if (this.wireframe === true) data.wireframe = this.wireframe; if (this.wireframeLinewidth > 1) data.wireframeLinewidth = this.wireframeLinewidth; if (this.wireframeLinecap !== 'round') data.wireframeLinecap = this.wireframeLinecap; if (this.wireframeLinejoin !== 'round') data.wireframeLinejoin = this.wireframeLinejoin; if (this.morphTargets === true) data.morphTargets = true; if (this.morphNormals === true) data.morphNormals = true; if (this.skinning === true) data.skinning = true; if (this.visible === false) data.visible = false; if (this.toneMapped === false) data.toneMapped = false; if (JSON.stringify(this.userData) !== '{}') data.userData = this.userData; // TODO: Copied from Object3D.toJSON function extractFromCache(cache) { var values = []; for (var key in cache) { var _data = cache[key]; delete _data.metadata; values.push(_data); } return values; } if (isRoot) { var textures = extractFromCache(meta.textures); var images = extractFromCache(meta.images); if (textures.length > 0) data.textures = textures; if (images.length > 0) data.images = images; } return data; }, clone: function clone() { return new this.constructor().copy(this); }, copy: function copy(source) { this.name = source.name; this.fog = source.fog; this.blending = source.blending; this.side = source.side; this.flatShading = source.flatShading; this.vertexColors = source.vertexColors; this.opacity = source.opacity; this.transparent = source.transparent; this.blendSrc = source.blendSrc; this.blendDst = source.blendDst; this.blendEquation = source.blendEquation; this.blendSrcAlpha = source.blendSrcAlpha; this.blendDstAlpha = source.blendDstAlpha; this.blendEquationAlpha = source.blendEquationAlpha; this.depthFunc = source.depthFunc; this.depthTest = source.depthTest; this.depthWrite = source.depthWrite; this.stencilWriteMask = source.stencilWriteMask; this.stencilFunc = source.stencilFunc; this.stencilRef = source.stencilRef; this.stencilFuncMask = source.stencilFuncMask; this.stencilFail = source.stencilFail; this.stencilZFail = source.stencilZFail; this.stencilZPass = source.stencilZPass; this.stencilWrite = source.stencilWrite; var srcPlanes = source.clippingPlanes; var dstPlanes = null; if (srcPlanes !== null) { var n = srcPlanes.length; dstPlanes = new Array(n); for (var i = 0; i !== n; ++i) { dstPlanes[i] = srcPlanes[i].clone(); } } this.clippingPlanes = dstPlanes; this.clipIntersection = source.clipIntersection; this.clipShadows = source.clipShadows; this.shadowSide = source.shadowSide; this.colorWrite = source.colorWrite; this.precision = source.precision; this.polygonOffset = source.polygonOffset; this.polygonOffsetFactor = source.polygonOffsetFactor; this.polygonOffsetUnits = source.polygonOffsetUnits; this.dithering = source.dithering; this.alphaTest = source.alphaTest; this.premultipliedAlpha = source.premultipliedAlpha; this.visible = source.visible; this.toneMapped = source.toneMapped; this.userData = JSON.parse(JSON.stringify(source.userData)); return this; }, dispose: function dispose() { this.dispatchEvent({ type: 'dispose' }); } }); Object.defineProperty(Material.prototype, 'needsUpdate', { set: function set(value) { if (value === true) this.version++; } }); /** * parameters = { * color: <hex>, * opacity: <float>, * map: new THREE.Texture( <Image> ), * * lightMap: new THREE.Texture( <Image> ), * lightMapIntensity: <float> * * aoMap: new THREE.Texture( <Image> ), * aoMapIntensity: <float> * * specularMap: new THREE.Texture( <Image> ), * * alphaMap: new THREE.Texture( <Image> ), * * envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ), * combine: THREE.Multiply, * reflectivity: <float>, * refractionRatio: <float>, * * depthTest: <bool>, * depthWrite: <bool>, * * wireframe: <boolean>, * wireframeLinewidth: <float>, * * skinning: <bool>, * morphTargets: <bool> * } */ function MeshBasicMaterial(parameters) { Material.call(this); this.type = 'MeshBasicMaterial'; this.color = new Color(0xffffff); // emissive this.map = null; this.lightMap = null; this.lightMapIntensity = 1.0; this.aoMap = null; this.aoMapIntensity = 1.0; this.specularMap = null; this.alphaMap = null; this.envMap = null; this.combine = MultiplyOperation; this.reflectivity = 1; this.refractionRatio = 0.98; this.wireframe = false; this.wireframeLinewidth = 1; this.wireframeLinecap = 'round'; this.wireframeLinejoin = 'round'; this.skinning = false; this.morphTargets = false; this.setValues(parameters); } MeshBasicMaterial.prototype = Object.create(Material.prototype); MeshBasicMaterial.prototype.constructor = MeshBasicMaterial; MeshBasicMaterial.prototype.isMeshBasicMaterial = true; MeshBasicMaterial.prototype.copy = function (source) { Material.prototype.copy.call(this, source); this.color.copy(source.color); this.map = source.map; this.lightMap = source.lightMap; this.lightMapIntensity = source.lightMapIntensity; this.aoMap = source.aoMap; this.aoMapIntensity = source.aoMapIntensity; this.specularMap = source.specularMap; this.alphaMap = source.alphaMap; this.envMap = source.envMap; this.combine = source.combine; this.reflectivity = source.reflectivity; this.refractionRatio = source.refractionRatio; this.wireframe = source.wireframe; this.wireframeLinewidth = source.wireframeLinewidth; this.wireframeLinecap = source.wireframeLinecap; this.wireframeLinejoin = source.wireframeLinejoin; this.skinning = source.skinning; this.morphTargets = source.morphTargets; return this; }; var _vector$3 = new Vector3(); var _vector2$1 = new Vector2(); function BufferAttribute(array, itemSize, normalized) { if (Array.isArray(array)) { throw new TypeError('THREE.BufferAttribute: array should be a Typed Array.'); } this.name = ''; this.array = array; this.itemSize = itemSize; this.count = array !== undefined ? array.length / itemSize : 0; this.normalized = normalized === true; this.usage = StaticDrawUsage; this.updateRange = { offset: 0, count: -1 }; this.version = 0; } Object.defineProperty(BufferAttribute.prototype, 'needsUpdate', { set: function set(value) { if (value === true) this.version++; } }); Object.assign(BufferAttribute.prototype, { isBufferAttribute: true, onUploadCallback: function onUploadCallback() {}, setUsage: function setUsage(value) { this.usage = value; return this; }, copy: function copy(source) { this.name = source.name; this.array = new source.array.constructor(source.array); this.itemSize = source.itemSize; this.count = source.count; this.normalized = source.normalized; this.usage = source.usage; return this; }, copyAt: function copyAt(index1, attribute, index2) { index1 *= this.itemSize; index2 *= attribute.itemSize; for (var i = 0, l = this.itemSize; i < l; i++) { this.array[index1 + i] = attribute.array[index2 + i]; } return this; }, copyArray: function copyArray(array) { this.array.set(array); return this; }, copyColorsArray: function copyColorsArray(colors) { var array = this.array; var offset = 0; for (var i = 0, l = colors.length; i < l; i++) { var color = colors[i]; if (color === undefined) { console.warn('THREE.BufferAttribute.copyColorsArray(): color is undefined', i); color = new Color(); } array[offset++] = color.r; array[offset++] = color.g; array[offset++] = color.b; } return this; }, copyVector2sArray: function copyVector2sArray(vectors) { var array = this.array; var offset = 0; for (var i = 0, l = vectors.length; i < l; i++) { var vector = vectors[i]; if (vector === undefined) { console.warn('THREE.BufferAttribute.copyVector2sArray(): vector is undefined', i); vector = new Vector2(); } array[offset++] = vector.x; array[offset++] = vector.y; } return this; }, copyVector3sArray: function copyVector3sArray(vectors) { var array = this.array; var offset = 0; for (var i = 0, l = vectors.length; i < l; i++) { var vector = vectors[i]; if (vector === undefined) { console.warn('THREE.BufferAttribute.copyVector3sArray(): vector is undefined', i); vector = new Vector3(); } array[offset++] = vector.x; array[offset++] = vector.y; array[offset++] = vector.z; } return this; }, copyVector4sArray: function copyVector4sArray(vectors) { var array = this.array; var offset = 0; for (var i = 0, l = vectors.length; i < l; i++) { var vector = vectors[i]; if (vector === undefined) { console.warn('THREE.BufferAttribute.copyVector4sArray(): vector is undefined', i); vector = new Vector4(); } array[offset++] = vector.x; array[offset++] = vector.y; array[offset++] = vector.z; array[offset++] = vector.w; } return this; }, applyMatrix3: function applyMatrix3(m) { if (this.itemSize === 2) { for (var i = 0, l = this.count; i < l; i++) { _vector2$1.fromBufferAttribute(this, i); _vector2$1.applyMatrix3(m); this.setXY(i, _vector2$1.x, _vector2$1.y); } } else if (this.itemSize === 3) { for (var _i = 0, _l = this.count; _i < _l; _i++) { _vector$3.fromBufferAttribute(this, _i); _vector$3.applyMatrix3(m); this.setXYZ(_i, _vector$3.x, _vector$3.y, _vector$3.z); } } return this; }, applyMatrix4: function applyMatrix4(m) { for (var i = 0, l = this.count; i < l; i++) { _vector$3.x = this.getX(i); _vector$3.y = this.getY(i); _vector$3.z = this.getZ(i); _vector$3.applyMatrix4(m); this.setXYZ(i, _vector$3.x, _vector$3.y, _vector$3.z); } return this; }, applyNormalMatrix: function applyNormalMatrix(m) { for (var i = 0, l = this.count; i < l; i++) { _vector$3.x = this.getX(i); _vector$3.y = this.getY(i); _vector$3.z = this.getZ(i); _vector$3.applyNormalMatrix(m); this.setXYZ(i, _vector$3.x, _vector$3.y, _vector$3.z); } return this; }, transformDirection: function transformDirection(m) { for (var i = 0, l = this.count; i < l; i++) { _vector$3.x = this.getX(i); _vector$3.y = this.getY(i); _vector$3.z = this.getZ(i); _vector$3.transformDirection(m); this.setXYZ(i, _vector$3.x, _vector$3.y, _vector$3.z); } return this; }, set: function set(value, offset) { if (offset === void 0) { offset = 0; } this.array.set(value, offset); return this; }, getX: function getX(index) { return this.array[index * this.itemSize]; }, setX: function setX(index, x) { this.array[index * this.itemSize] = x; return this; }, getY: function getY(index) { return this.array[index * this.itemSize + 1]; }, setY: function setY(index, y) { this.array[index * this.itemSize + 1] = y; return this; }, getZ: function getZ(index) { return this.array[index * this.itemSize + 2]; }, setZ: function setZ(index, z) { this.array[index * this.itemSize + 2] = z; return this; }, getW: function getW(index) { return this.array[index * this.itemSize + 3]; }, setW: function setW(index, w) { this.array[index * this.itemSize + 3] = w; return this; }, setXY: function setXY(index, x, y) { index *= this.itemSize; this.array[index + 0] = x; this.array[index + 1] = y; return this; }, setXYZ: function setXYZ(index, x, y, z) { index *= this.itemSize; this.array[index + 0] = x; this.array[index + 1] = y; this.array[index + 2] = z; return this; }, setXYZW: function setXYZW(index, x, y, z, w) { index *= this.itemSize; this.array[index + 0] = x; this.array[index + 1] = y; this.array[index + 2] = z; this.array[index + 3] = w; return this; }, onUpload: function onUpload(callback) { this.onUploadCallback = callback; return this; }, clone: function clone() { return new this.constructor(this.array, this.itemSize).copy(this); }, toJSON: function toJSON() { return { itemSize: this.itemSize, type: this.array.constructor.name, array: Array.prototype.slice.call(this.array), normalized: this.normalized }; } }); // function Int8BufferAttribute(array, itemSize, normalized) { BufferAttribute.call(this, new Int8Array(array), itemSize, normalized); } Int8BufferAttribute.prototype = Object.create(BufferAttribute.prototype); Int8BufferAttribute.prototype.constructor = Int8BufferAttribute; function Uint8BufferAttribute(array, itemSize, normalized) { BufferAttribute.call(this, new Uint8Array(array), itemSize, normalized); } Uint8BufferAttribute.prototype = Object.create(BufferAttribute.prototype); Uint8BufferAttribute.prototype.constructor = Uint8BufferAttribute; function Uint8ClampedBufferAttribute(array, itemSize, normalized) { BufferAttribute.call(this, new Uint8ClampedArray(array), itemSize, normalized); } Uint8ClampedBufferAttribute.prototype = Object.create(BufferAttribute.prototype); Uint8ClampedBufferAttribute.prototype.constructor = Uint8ClampedBufferAttribute; function Int16BufferAttribute(array, itemSize, normalized) { BufferAttribute.call(this, new Int16Array(array), itemSize, normalized); } Int16BufferAttribute.prototype = Object.create(BufferAttribute.prototype); Int16BufferAttribute.prototype.constructor = Int16BufferAttribute; function Uint16BufferAttribute(array, itemSize, normalized) { BufferAttribute.call(this, new Uint16Array(array), itemSize, normalized); } Uint16BufferAttribute.prototype = Object.create(BufferAttribute.prototype); Uint16BufferAttribute.prototype.constructor = Uint16BufferAttribute; function Int32BufferAttribute(array, itemSize, normalized) { BufferAttribute.call(this, new Int32Array(array), itemSize, normalized); } Int32BufferAttribute.prototype = Object.create(BufferAttribute.prototype); Int32BufferAttribute.prototype.constructor = Int32BufferAttribute; function Uint32BufferAttribute(array, itemSize, normalized) { BufferAttribute.call(this, new Uint32Array(array), itemSize, normalized); } Uint32BufferAttribute.prototype = Object.create(BufferAttribute.prototype); Uint32BufferAttribute.prototype.constructor = Uint32BufferAttribute; function Float16BufferAttribute(array, itemSize, normalized) { BufferAttribute.call(this, new Uint16Array(array), itemSize, normalized); } Float16BufferAttribute.prototype = Object.create(BufferAttribute.prototype); Float16BufferAttribute.prototype.constructor = Float16BufferAttribute; Float16BufferAttribute.prototype.isFloat16BufferAttribute = true; function Float32BufferAttribute(array, itemSize, normalized) { BufferAttribute.call(this, new Float32Array(array), itemSize, normalized); } Float32BufferAttribute.prototype = Object.create(BufferAttribute.prototype); Float32BufferAttribute.prototype.constructor = Float32BufferAttribute; function Float64BufferAttribute(array, itemSize, normalized) { BufferAttribute.call(this, new Float64Array(array), itemSize, normalized); } Float64BufferAttribute.prototype = Object.create(BufferAttribute.prototype); Float64BufferAttribute.prototype.constructor = Float64BufferAttribute; // function arrayMax(array) { if (array.length === 0) return -Infinity; var max = array[0]; for (var i = 1, l = array.length; i < l; ++i) { if (array[i] > max) max = array[i]; } return max; } var TYPED_ARRAYS = { Int8Array: Int8Array, Uint8Array: Uint8Array, // Workaround for IE11 pre KB2929437. See #11440 Uint8ClampedArray: typeof Uint8ClampedArray !== 'undefined' ? Uint8ClampedArray : Uint8Array, Int16Array: Int16Array, Uint16Array: Uint16Array, Int32Array: Int32Array, Uint32Array: Uint32Array, Float32Array: Float32Array, Float64Array: Float64Array }; function getTypedArray(type, buffer) { return new TYPED_ARRAYS[type](buffer); } var _id = 0; var _m1$2 = new Matrix4(); var _obj = new Object3D(); var _offset = new Vector3(); var _box$2 = new Box3(); var _boxMorphTargets = new Box3(); var _vector$4 = new Vector3(); function BufferGeometry() { Object.defineProperty(this, 'id', { value: _id++ }); this.uuid = MathUtils.generateUUID(); this.name = ''; this.type = 'BufferGeometry'; this.index = null; this.attributes = {}; this.morphAttributes = {}; this.morphTargetsRelative = false; this.groups = []; this.boundingBox = null; this.boundingSphere = null; this.drawRange = { start: 0, count: Infinity }; this.userData = {}; } BufferGeometry.prototype = Object.assign(Object.create(EventDispatcher.prototype), { constructor: BufferGeometry, isBufferGeometry: true, getIndex: function getIndex() { return this.index; }, setIndex: function setIndex(index) { if (Array.isArray(index)) { this.index = new (arrayMax(index) > 65535 ? Uint32BufferAttribute : Uint16BufferAttribute)(index, 1); } else { this.index = index; } return this; }, getAttribute: function getAttribute(name) { return this.attributes[name]; }, setAttribute: function setAttribute(name, attribute) { this.attributes[name] = attribute; return this; }, deleteAttribute: function deleteAttribute(name) { delete this.attributes[name]; return this; }, hasAttribute: function hasAttribute(name) { return this.attributes[name] !== undefined; }, addGroup: function addGroup(start, count, materialIndex) { if (materialIndex === void 0) { materialIndex = 0; } this.groups.push({ start: start, count: count, materialIndex: materialIndex }); }, clearGroups: function clearGroups() { this.groups = []; }, setDrawRange: function setDrawRange(start, count) { this.drawRange.start = start; this.drawRange.count = count; }, applyMatrix4: function applyMatrix4(matrix) { var position = this.attributes.position; if (position !== undefined) { position.applyMatrix4(matrix); position.needsUpdate = true; } var normal = this.attributes.normal; if (normal !== undefined) { var normalMatrix = new Matrix3().getNormalMatrix(matrix); normal.applyNormalMatrix(normalMatrix); normal.needsUpdate = true; } var tangent = this.attributes.tangent; if (tangent !== undefined) { tangent.transformDirection(matrix); tangent.needsUpdate = true; } if (this.boundingBox !== null) { this.computeBoundingBox(); } if (this.boundingSphere !== null) { this.computeBoundingSphere(); } return this; }, rotateX: function rotateX(angle) { // rotate geometry around world x-axis _m1$2.makeRotationX(angle); this.applyMatrix4(_m1$2); return this; }, rotateY: function rotateY(angle) { // rotate geometry around world y-axis _m1$2.makeRotationY(angle); this.applyMatrix4(_m1$2); return this; }, rotateZ: function rotateZ(angle) { // rotate geometry around world z-axis _m1$2.makeRotationZ(angle); this.applyMatrix4(_m1$2); return this; }, translate: function translate(x, y, z) { // translate geometry _m1$2.makeTranslation(x, y, z); this.applyMatrix4(_m1$2); return this; }, scale: function scale(x, y, z) { // scale geometry _m1$2.makeScale(x, y, z); this.applyMatrix4(_m1$2); return this; }, lookAt: function lookAt(vector) { _obj.lookAt(vector); _obj.updateMatrix(); this.applyMatrix4(_obj.matrix); return this; }, center: function center() { this.computeBoundingBox(); this.boundingBox.getCenter(_offset).negate(); this.translate(_offset.x, _offset.y, _offset.z); return this; }, setFromPoints: function setFromPoints(points) { var position = []; for (var i = 0, l = points.length; i < l; i++) { var point = points[i]; position.push(point.x, point.y, point.z || 0); } this.setAttribute('position', new Float32BufferAttribute(position, 3)); return this; }, computeBoundingBox: function computeBoundingBox() { if (this.boundingBox === null) { this.boundingBox = new Box3(); } var position = this.attributes.position; var morphAttributesPosition = this.morphAttributes.position; if (position && position.isGLBufferAttribute) { console.error('THREE.BufferGeometry.computeBoundingBox(): GLBufferAttribute requires a manual bounding box. Alternatively set "mesh.frustumCulled" to "false".', this); this.boundingBox.set(new Vector3(-Infinity, -Infinity, -Infinity), new Vector3(+Infinity, +Infinity, +Infinity)); return; } if (position !== undefined) { this.boundingBox.setFromBufferAttribute(position); // process morph attributes if present if (morphAttributesPosition) { for (var i = 0, il = morphAttributesPosition.length; i < il; i++) { var morphAttribute = morphAttributesPosition[i]; _box$2.setFromBufferAttribute(morphAttribute); if (this.morphTargetsRelative) { _vector$4.addVectors(this.boundingBox.min, _box$2.min); this.boundingBox.expandByPoint(_vector$4); _vector$4.addVectors(this.boundingBox.max, _box$2.max); this.boundingBox.expandByPoint(_vector$4); } else { this.boundingBox.expandByPoint(_box$2.min); this.boundingBox.expandByPoint(_box$2.max); } } } } else { this.boundingBox.makeEmpty(); } if (isNaN(this.boundingBox.min.x) || isNaN(this.boundingBox.min.y) || isNaN(this.boundingBox.min.z)) { console.error('THREE.BufferGeometry.computeBoundingBox(): Computed min/max have NaN values. The "position" attribute is likely to have NaN values.', this); } }, computeBoundingSphere: function computeBoundingSphere() { if (this.boundingSphere === null) { this.boundingSphere = new Sphere(); } var position = this.attributes.position; var morphAttributesPosition = this.morphAttributes.position; if (position && position.isGLBufferAttribute) { console.error('THREE.BufferGeometry.computeBoundingSphere(): GLBufferAttribute requires a manual bounding sphere. Alternatively set "mesh.frustumCulled" to "false".', this); this.boundingSphere.set(new Vector3(), Infinity); return; } if (position) { // first, find the center of the bounding sphere var center = this.boundingSphere.center; _box$2.setFromBufferAttribute(position); // process morph attributes if present if (morphAttributesPosition) { for (var i = 0, il = morphAttributesPosition.length; i < il; i++) { var morphAttribute = morphAttributesPosition[i]; _boxMorphTargets.setFromBufferAttribute(morphAttribute); if (this.morphTargetsRelative) { _vector$4.addVectors(_box$2.min, _boxMorphTargets.min); _box$2.expandByPoint(_vector$4); _vector$4.addVectors(_box$2.max, _boxMorphTargets.max); _box$2.expandByPoint(_vector$4); } else { _box$2.expandByPoint(_boxMorphTargets.min); _box$2.expandByPoint(_boxMorphTargets.max); } } } _box$2.getCenter(center); // second, try to find a boundingSphere with a radius smaller than the // boundingSphere of the boundingBox: sqrt(3) smaller in the best case var maxRadiusSq = 0; for (var _i = 0, _il = position.count; _i < _il; _i++) { _vector$4.fromBufferAttribute(position, _i); maxRadiusSq = Math.max(maxRadiusSq, center.distanceToSquared(_vector$4)); } // process morph attributes if present if (morphAttributesPosition) { for (var _i2 = 0, _il2 = morphAttributesPosition.length; _i2 < _il2; _i2++) { var _morphAttribute = morphAttributesPosition[_i2]; var morphTargetsRelative = this.morphTargetsRelative; for (var j = 0, jl = _morphAttribute.count; j < jl; j++) { _vector$4.fromBufferAttribute(_morphAttribute, j); if (morphTargetsRelative) { _offset.fromBufferAttribute(position, j); _vector$4.add(_offset); } maxRadiusSq = Math.max(maxRadiusSq, center.distanceToSquared(_vector$4)); } } } this.boundingSphere.radius = Math.sqrt(maxRadiusSq); if (isNaN(this.boundingSphere.radius)) { console.error('THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. The "position" attribute is likely to have NaN values.', this); } } }, computeFaceNormals: function computeFaceNormals() {// backwards compatibility }, computeTangents: function computeTangents() { var index = this.index; var attributes = this.attributes; // based on http://www.terathon.com/code/tangent.html // (per vertex tangents) if (index === null || attributes.position === undefined || attributes.normal === undefined || attributes.uv === undefined) { console.error('THREE.BufferGeometry: .computeTangents() failed. Missing required attributes (index, position, normal or uv)'); return; } var indices = index.array; var positions = attributes.position.array; var normals = attributes.normal.array; var uvs = attributes.uv.array; var nVertices = positions.length / 3; if (attributes.tangent === undefined) { this.setAttribute('tangent', new BufferAttribute(new Float32Array(4 * nVertices), 4)); } var tangents = attributes.tangent.array; var tan1 = [], tan2 = []; for (var i = 0; i < nVertices; i++) { tan1[i] = new Vector3(); tan2[i] = new Vector3(); } var vA = new Vector3(), vB = new Vector3(), vC = new Vector3(), uvA = new Vector2(), uvB = new Vector2(), uvC = new Vector2(), sdir = new Vector3(), tdir = new Vector3(); function handleTriangle(a, b, c) { vA.fromArray(positions, a * 3); vB.fromArray(positions, b * 3); vC.fromArray(positions, c * 3); uvA.fromArray(uvs, a * 2); uvB.fromArray(uvs, b * 2); uvC.fromArray(uvs, c * 2); vB.sub(vA); vC.sub(vA); uvB.sub(uvA); uvC.sub(uvA); var r = 1.0 / (uvB.x * uvC.y - uvC.x * uvB.y); // silently ignore degenerate uv triangles having coincident or colinear vertices if (!isFinite(r)) return; sdir.copy(vB).multiplyScalar(uvC.y).addScaledVector(vC, -uvB.y).multiplyScalar(r); tdir.copy(vC).multiplyScalar(uvB.x).addScaledVector(vB, -uvC.x).multiplyScalar(r); tan1[a].add(sdir); tan1[b].add(sdir); tan1[c].add(sdir); tan2[a].add(tdir); tan2[b].add(tdir); tan2[c].add(tdir); } var groups = this.groups; if (groups.length === 0) { groups = [{ start: 0, count: indices.length }]; } for (var _i3 = 0, il = groups.length; _i3 < il; ++_i3) { var group = groups[_i3]; var start = group.start; var count = group.count; for (var j = start, jl = start + count; j < jl; j += 3) { handleTriangle(indices[j + 0], indices[j + 1], indices[j + 2]); } } var tmp = new Vector3(), tmp2 = new Vector3(); var n = new Vector3(), n2 = new Vector3(); function handleVertex(v) { n.fromArray(normals, v * 3); n2.copy(n); var t = tan1[v]; // Gram-Schmidt orthogonalize tmp.copy(t); tmp.sub(n.multiplyScalar(n.dot(t))).normalize(); // Calculate handedness tmp2.crossVectors(n2, t); var test = tmp2.dot(tan2[v]); var w = test < 0.0 ? -1.0 : 1.0; tangents[v * 4] = tmp.x; tangents[v * 4 + 1] = tmp.y; tangents[v * 4 + 2] = tmp.z; tangents[v * 4 + 3] = w; } for (var _i4 = 0, _il3 = groups.length; _i4 < _il3; ++_i4) { var _group = groups[_i4]; var _start = _group.start; var _count = _group.count; for (var _j = _start, _jl = _start + _count; _j < _jl; _j += 3) { handleVertex(indices[_j + 0]); handleVertex(indices[_j + 1]); handleVertex(indices[_j + 2]); } } }, computeVertexNormals: function computeVertexNormals() { var index = this.index; var positionAttribute = this.getAttribute('position'); if (positionAttribute !== undefined) { var normalAttribute = this.getAttribute('normal'); if (normalAttribute === undefined) { normalAttribute = new BufferAttribute(new Float32Array(positionAttribute.count * 3), 3); this.setAttribute('normal', normalAttribute); } else { // reset existing normals to zero for (var i = 0, il = normalAttribute.count; i < il; i++) { normalAttribute.setXYZ(i, 0, 0, 0); } } var pA = new Vector3(), pB = new Vector3(), pC = new Vector3(); var nA = new Vector3(), nB = new Vector3(), nC = new Vector3(); var cb = new Vector3(), ab = new Vector3(); // indexed elements if (index) { for (var _i5 = 0, _il4 = index.count; _i5 < _il4; _i5 += 3) { var vA = index.getX(_i5 + 0); var vB = index.getX(_i5 + 1); var vC = index.getX(_i5 + 2); pA.fromBufferAttribute(positionAttribute, vA); pB.fromBufferAttribute(positionAttribute, vB); pC.fromBufferAttribute(positionAttribute, vC); cb.subVectors(pC, pB); ab.subVectors(pA, pB); cb.cross(ab); nA.fromBufferAttribute(normalAttribute, vA); nB.fromBufferAttribute(normalAttribute, vB); nC.fromBufferAttribute(normalAttribute, vC); nA.add(cb); nB.add(cb); nC.add(cb); normalAttribute.setXYZ(vA, nA.x, nA.y, nA.z); normalAttribute.setXYZ(vB, nB.x, nB.y, nB.z); normalAttribute.setXYZ(vC, nC.x, nC.y, nC.z); } } else { // non-indexed elements (unconnected triangle soup) for (var _i6 = 0, _il5 = positionAttribute.count; _i6 < _il5; _i6 += 3) { pA.fromBufferAttribute(positionAttribute, _i6 + 0); pB.fromBufferAttribute(positionAttribute, _i6 + 1); pC.fromBufferAttribute(positionAttribute, _i6 + 2); cb.subVectors(pC, pB); ab.subVectors(pA, pB); cb.cross(ab); normalAttribute.setXYZ(_i6 + 0, cb.x, cb.y, cb.z); normalAttribute.setXYZ(_i6 + 1, cb.x, cb.y, cb.z); normalAttribute.setXYZ(_i6 + 2, cb.x, cb.y, cb.z); } } this.normalizeNormals(); normalAttribute.needsUpdate = true; } }, merge: function merge(geometry, offset) { if (!(geometry && geometry.isBufferGeometry)) { console.error('THREE.BufferGeometry.merge(): geometry not an instance of THREE.BufferGeometry.', geometry); return; } if (offset === undefined) { offset = 0; console.warn('THREE.BufferGeometry.merge(): Overwriting original geometry, starting at offset=0. ' + 'Use BufferGeometryUtils.mergeBufferGeometries() for lossless merge.'); } var attributes = this.attributes; for (var key in attributes) { if (geometry.attributes[key] === undefined) continue; var attribute1 = attributes[key]; var attributeArray1 = attribute1.array; var attribute2 = geometry.attributes[key]; var attributeArray2 = attribute2.array; var attributeOffset = attribute2.itemSize * offset; var length = Math.min(attributeArray2.length, attributeArray1.length - attributeOffset); for (var i = 0, j = attributeOffset; i < length; i++, j++) { attributeArray1[j] = attributeArray2[i]; } } return this; }, normalizeNormals: function normalizeNormals() { var normals = this.attributes.normal; for (var i = 0, il = normals.count; i < il; i++) { _vector$4.fromBufferAttribute(normals, i); _vector$4.normalize(); normals.setXYZ(i, _vector$4.x, _vector$4.y, _vector$4.z); } }, toNonIndexed: function toNonIndexed() { function convertBufferAttribute(attribute, indices) { var array = attribute.array; var itemSize = attribute.itemSize; var normalized = attribute.normalized; var array2 = new array.constructor(indices.length * itemSize); var index = 0, index2 = 0; for (var i = 0, l = indices.length; i < l; i++) { index = indices[i] * itemSize; for (var j = 0; j < itemSize; j++) { array2[index2++] = array[index++]; } } return new BufferAttribute(array2, itemSize, normalized); } // if (this.index === null) { console.warn('THREE.BufferGeometry.toNonIndexed(): BufferGeometry is already non-indexed.'); return this; } var geometry2 = new BufferGeometry(); var indices = this.index.array; var attributes = this.attributes; // attributes for (var name in attributes) { var attribute = attributes[name]; var newAttribute = convertBufferAttribute(attribute, indices); geometry2.setAttribute(name, newAttribute); } // morph attributes var morphAttributes = this.morphAttributes; for (var _name in morphAttributes) { var morphArray = []; var morphAttribute = morphAttributes[_name]; // morphAttribute: array of Float32BufferAttributes for (var i = 0, il = morphAttribute.length; i < il; i++) { var _attribute = morphAttribute[i]; var _newAttribute = convertBufferAttribute(_attribute, indices); morphArray.push(_newAttribute); } geometry2.morphAttributes[_name] = morphArray; } geometry2.morphTargetsRelative = this.morphTargetsRelative; // groups var groups = this.groups; for (var _i7 = 0, l = groups.length; _i7 < l; _i7++) { var group = groups[_i7]; geometry2.addGroup(group.start, group.count, group.materialIndex); } return geometry2; }, toJSON: function toJSON() { var data = { metadata: { version: 4.5, type: 'BufferGeometry', generator: 'BufferGeometry.toJSON' } }; // standard BufferGeometry serialization data.uuid = this.uuid; data.type = this.type; if (this.name !== '') data.name = this.name; if (Object.keys(this.userData).length > 0) data.userData = this.userData; if (this.parameters !== undefined) { var parameters = this.parameters; for (var key in parameters) { if (parameters[key] !== undefined) data[key] = parameters[key]; } return data; } data.data = { attributes: {} }; var index = this.index; if (index !== null) { data.data.index = { type: index.array.constructor.name, array: Array.prototype.slice.call(index.array) }; } var attributes = this.attributes; for (var _key in attributes) { var attribute = attributes[_key]; var attributeData = attribute.toJSON(data.data); if (attribute.name !== '') attributeData.name = attribute.name; data.data.attributes[_key] = attributeData; } var morphAttributes = {}; var hasMorphAttributes = false; for (var _key2 in this.morphAttributes) { var attributeArray = this.morphAttributes[_key2]; var array = []; for (var i = 0, il = attributeArray.length; i < il; i++) { var _attribute2 = attributeArray[i]; var _attributeData = _attribute2.toJSON(data.data); if (_attribute2.name !== '') _attributeData.name = _attribute2.name; array.push(_attributeData); } if (array.length > 0) { morphAttributes[_key2] = array; hasMorphAttributes = true; } } if (hasMorphAttributes) { data.data.morphAttributes = morphAttributes; data.data.morphTargetsRelative = this.morphTargetsRelative; } var groups = this.groups; if (groups.length > 0) { data.data.groups = JSON.parse(JSON.stringify(groups)); } var boundingSphere = this.boundingSphere; if (boundingSphere !== null) { data.data.boundingSphere = { center: boundingSphere.center.toArray(), radius: boundingSphere.radius }; } return data; }, clone: function clone() { /* // Handle primitives const parameters = this.parameters; if ( parameters !== undefined ) { const values = []; for ( const key in parameters ) { values.push( parameters[ key ] ); } const geometry = Object.create( this.constructor.prototype ); this.constructor.apply( geometry, values ); return geometry; } return new this.constructor().copy( this ); */ return new BufferGeometry().copy(this); }, copy: function copy(source) { // reset this.index = null; this.attributes = {}; this.morphAttributes = {}; this.groups = []; this.boundingBox = null; this.boundingSphere = null; // used for storing cloned, shared data var data = {}; // name this.name = source.name; // index var index = source.index; if (index !== null) { this.setIndex(index.clone(data)); } // attributes var attributes = source.attributes; for (var name in attributes) { var attribute = attributes[name]; this.setAttribute(name, attribute.clone(data)); } // morph attributes var morphAttributes = source.morphAttributes; for (var _name2 in morphAttributes) { var array = []; var morphAttribute = morphAttributes[_name2]; // morphAttribute: array of Float32BufferAttributes for (var i = 0, l = morphAttribute.length; i < l; i++) { array.push(morphAttribute[i].clone(data)); } this.morphAttributes[_name2] = array; } this.morphTargetsRelative = source.morphTargetsRelative; // groups var groups = source.groups; for (var _i8 = 0, _l = groups.length; _i8 < _l; _i8++) { var group = groups[_i8]; this.addGroup(group.start, group.count, group.materialIndex); } // bounding box var boundingBox = source.boundingBox; if (boundingBox !== null) { this.boundingBox = boundingBox.clone(); } // bounding sphere var boundingSphere = source.boundingSphere; if (boundingSphere !== null) { this.boundingSphere = boundingSphere.clone(); } // draw range this.drawRange.start = source.drawRange.start; this.drawRange.count = source.drawRange.count; // user data this.userData = source.userData; return this; }, dispose: function dispose() { this.dispatchEvent({ type: 'dispose' }); } }); var _inverseMatrix = new Matrix4(); var _ray = new Ray(); var _sphere = new Sphere(); var _vA = new Vector3(); var _vB = new Vector3(); var _vC = new Vector3(); var _tempA = new Vector3(); var _tempB = new Vector3(); var _tempC = new Vector3(); var _morphA = new Vector3(); var _morphB = new Vector3(); var _morphC = new Vector3(); var _uvA = new Vector2(); var _uvB = new Vector2(); var _uvC = new Vector2(); var _intersectionPoint = new Vector3(); var _intersectionPointWorld = new Vector3(); function Mesh(geometry, material) { if (geometry === void 0) { geometry = new BufferGeometry(); } if (material === void 0) { material = new MeshBasicMaterial(); } Object3D.call(this); this.type = 'Mesh'; this.geometry = geometry; this.material = material; this.updateMorphTargets(); } Mesh.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: Mesh, isMesh: true, copy: function copy(source) { Object3D.prototype.copy.call(this, source); if (source.morphTargetInfluences !== undefined) { this.morphTargetInfluences = source.morphTargetInfluences.slice(); } if (source.morphTargetDictionary !== undefined) { this.morphTargetDictionary = Object.assign({}, source.morphTargetDictionary); } this.material = source.material; this.geometry = source.geometry; return this; }, updateMorphTargets: function updateMorphTargets() { var geometry = this.geometry; if (geometry.isBufferGeometry) { var morphAttributes = geometry.morphAttributes; var keys = Object.keys(morphAttributes); if (keys.length > 0) { var morphAttribute = morphAttributes[keys[0]]; if (morphAttribute !== undefined) { this.morphTargetInfluences = []; this.morphTargetDictionary = {}; for (var m = 0, ml = morphAttribute.length; m < ml; m++) { var name = morphAttribute[m].name || String(m); this.morphTargetInfluences.push(0); this.morphTargetDictionary[name] = m; } } } } else { var morphTargets = geometry.morphTargets; if (morphTargets !== undefined && morphTargets.length > 0) { console.error('THREE.Mesh.updateMorphTargets() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.'); } } }, raycast: function raycast(raycaster, intersects) { var geometry = this.geometry; var material = this.material; var matrixWorld = this.matrixWorld; if (material === undefined) return; // Checking boundingSphere distance to ray if (geometry.boundingSphere === null) geometry.computeBoundingSphere(); _sphere.copy(geometry.boundingSphere); _sphere.applyMatrix4(matrixWorld); if (raycaster.ray.intersectsSphere(_sphere) === false) return; // _inverseMatrix.copy(matrixWorld).invert(); _ray.copy(raycaster.ray).applyMatrix4(_inverseMatrix); // Check boundingBox before continuing if (geometry.boundingBox !== null) { if (_ray.intersectsBox(geometry.boundingBox) === false) return; } var intersection; if (geometry.isBufferGeometry) { var index = geometry.index; var position = geometry.attributes.position; var morphPosition = geometry.morphAttributes.position; var morphTargetsRelative = geometry.morphTargetsRelative; var uv = geometry.attributes.uv; var uv2 = geometry.attributes.uv2; var groups = geometry.groups; var drawRange = geometry.drawRange; if (index !== null) { // indexed buffer geometry if (Array.isArray(material)) { for (var i = 0, il = groups.length; i < il; i++) { var group = groups[i]; var groupMaterial = material[group.materialIndex]; var start = Math.max(group.start, drawRange.start); var end = Math.min(group.start + group.count, drawRange.start + drawRange.count); for (var j = start, jl = end; j < jl; j += 3) { var a = index.getX(j); var b = index.getX(j + 1); var c = index.getX(j + 2); intersection = checkBufferGeometryIntersection(this, groupMaterial, raycaster, _ray, position, morphPosition, morphTargetsRelative, uv, uv2, a, b, c); if (intersection) { intersection.faceIndex = Math.floor(j / 3); // triangle number in indexed buffer semantics intersection.face.materialIndex = group.materialIndex; intersects.push(intersection); } } } } else { var _start = Math.max(0, drawRange.start); var _end = Math.min(index.count, drawRange.start + drawRange.count); for (var _i = _start, _il = _end; _i < _il; _i += 3) { var _a = index.getX(_i); var _b = index.getX(_i + 1); var _c = index.getX(_i + 2); intersection = checkBufferGeometryIntersection(this, material, raycaster, _ray, position, morphPosition, morphTargetsRelative, uv, uv2, _a, _b, _c); if (intersection) { intersection.faceIndex = Math.floor(_i / 3); // triangle number in indexed buffer semantics intersects.push(intersection); } } } } else if (position !== undefined) { // non-indexed buffer geometry if (Array.isArray(material)) { for (var _i2 = 0, _il2 = groups.length; _i2 < _il2; _i2++) { var _group = groups[_i2]; var _groupMaterial = material[_group.materialIndex]; var _start2 = Math.max(_group.start, drawRange.start); var _end2 = Math.min(_group.start + _group.count, drawRange.start + drawRange.count); for (var _j = _start2, _jl = _end2; _j < _jl; _j += 3) { var _a2 = _j; var _b2 = _j + 1; var _c2 = _j + 2; intersection = checkBufferGeometryIntersection(this, _groupMaterial, raycaster, _ray, position, morphPosition, morphTargetsRelative, uv, uv2, _a2, _b2, _c2); if (intersection) { intersection.faceIndex = Math.floor(_j / 3); // triangle number in non-indexed buffer semantics intersection.face.materialIndex = _group.materialIndex; intersects.push(intersection); } } } } else { var _start3 = Math.max(0, drawRange.start); var _end3 = Math.min(position.count, drawRange.start + drawRange.count); for (var _i3 = _start3, _il3 = _end3; _i3 < _il3; _i3 += 3) { var _a3 = _i3; var _b3 = _i3 + 1; var _c3 = _i3 + 2; intersection = checkBufferGeometryIntersection(this, material, raycaster, _ray, position, morphPosition, morphTargetsRelative, uv, uv2, _a3, _b3, _c3); if (intersection) { intersection.faceIndex = Math.floor(_i3 / 3); // triangle number in non-indexed buffer semantics intersects.push(intersection); } } } } } else if (geometry.isGeometry) { console.error('THREE.Mesh.raycast() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.'); } } }); function checkIntersection(object, material, raycaster, ray, pA, pB, pC, point) { var intersect; if (material.side === BackSide) { intersect = ray.intersectTriangle(pC, pB, pA, true, point); } else { intersect = ray.intersectTriangle(pA, pB, pC, material.side !== DoubleSide, point); } if (intersect === null) return null; _intersectionPointWorld.copy(point); _intersectionPointWorld.applyMatrix4(object.matrixWorld); var distance = raycaster.ray.origin.distanceTo(_intersectionPointWorld); if (distance < raycaster.near || distance > raycaster.far) return null; return { distance: distance, point: _intersectionPointWorld.clone(), object: object }; } function checkBufferGeometryIntersection(object, material, raycaster, ray, position, morphPosition, morphTargetsRelative, uv, uv2, a, b, c) { _vA.fromBufferAttribute(position, a); _vB.fromBufferAttribute(position, b); _vC.fromBufferAttribute(position, c); var morphInfluences = object.morphTargetInfluences; if (material.morphTargets && morphPosition && morphInfluences) { _morphA.set(0, 0, 0); _morphB.set(0, 0, 0); _morphC.set(0, 0, 0); for (var i = 0, il = morphPosition.length; i < il; i++) { var influence = morphInfluences[i]; var morphAttribute = morphPosition[i]; if (influence === 0) continue; _tempA.fromBufferAttribute(morphAttribute, a); _tempB.fromBufferAttribute(morphAttribute, b); _tempC.fromBufferAttribute(morphAttribute, c); if (morphTargetsRelative) { _morphA.addScaledVector(_tempA, influence); _morphB.addScaledVector(_tempB, influence); _morphC.addScaledVector(_tempC, influence); } else { _morphA.addScaledVector(_tempA.sub(_vA), influence); _morphB.addScaledVector(_tempB.sub(_vB), influence); _morphC.addScaledVector(_tempC.sub(_vC), influence); } } _vA.add(_morphA); _vB.add(_morphB); _vC.add(_morphC); } if (object.isSkinnedMesh) { object.boneTransform(a, _vA); object.boneTransform(b, _vB); object.boneTransform(c, _vC); } var intersection = checkIntersection(object, material, raycaster, ray, _vA, _vB, _vC, _intersectionPoint); if (intersection) { if (uv) { _uvA.fromBufferAttribute(uv, a); _uvB.fromBufferAttribute(uv, b); _uvC.fromBufferAttribute(uv, c); intersection.uv = Triangle.getUV(_intersectionPoint, _vA, _vB, _vC, _uvA, _uvB, _uvC, new Vector2()); } if (uv2) { _uvA.fromBufferAttribute(uv2, a); _uvB.fromBufferAttribute(uv2, b); _uvC.fromBufferAttribute(uv2, c); intersection.uv2 = Triangle.getUV(_intersectionPoint, _vA, _vB, _vC, _uvA, _uvB, _uvC, new Vector2()); } var face = new Face3(a, b, c); Triangle.getNormal(_vA, _vB, _vC, face.normal); intersection.face = face; } return intersection; } var BoxGeometry = /*#__PURE__*/function (_BufferGeometry) { _inheritsLoose(BoxGeometry, _BufferGeometry); function BoxGeometry(width, height, depth, widthSegments, heightSegments, depthSegments) { var _this; if (width === void 0) { width = 1; } if (height === void 0) { height = 1; } if (depth === void 0) { depth = 1; } if (widthSegments === void 0) { widthSegments = 1; } if (heightSegments === void 0) { heightSegments = 1; } if (depthSegments === void 0) { depthSegments = 1; } _this = _BufferGeometry.call(this) || this; _this.type = 'BoxGeometry'; _this.parameters = { width: width, height: height, depth: depth, widthSegments: widthSegments, heightSegments: heightSegments, depthSegments: depthSegments }; var scope = _assertThisInitialized(_this); // segments widthSegments = Math.floor(widthSegments); heightSegments = Math.floor(heightSegments); depthSegments = Math.floor(depthSegments); // buffers var indices = []; var vertices = []; var normals = []; var uvs = []; // helper variables var numberOfVertices = 0; var groupStart = 0; // build each side of the box geometry buildPlane('z', 'y', 'x', -1, -1, depth, height, width, depthSegments, heightSegments, 0); // px buildPlane('z', 'y', 'x', 1, -1, depth, height, -width, depthSegments, heightSegments, 1); // nx buildPlane('x', 'z', 'y', 1, 1, width, depth, height, widthSegments, depthSegments, 2); // py buildPlane('x', 'z', 'y', 1, -1, width, depth, -height, widthSegments, depthSegments, 3); // ny buildPlane('x', 'y', 'z', 1, -1, width, height, depth, widthSegments, heightSegments, 4); // pz buildPlane('x', 'y', 'z', -1, -1, width, height, -depth, widthSegments, heightSegments, 5); // nz // build geometry _this.setIndex(indices); _this.setAttribute('position', new Float32BufferAttribute(vertices, 3)); _this.setAttribute('normal', new Float32BufferAttribute(normals, 3)); _this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); function buildPlane(u, v, w, udir, vdir, width, height, depth, gridX, gridY, materialIndex) { var segmentWidth = width / gridX; var segmentHeight = height / gridY; var widthHalf = width / 2; var heightHalf = height / 2; var depthHalf = depth / 2; var gridX1 = gridX + 1; var gridY1 = gridY + 1; var vertexCounter = 0; var groupCount = 0; var vector = new Vector3(); // generate vertices, normals and uvs for (var iy = 0; iy < gridY1; iy++) { var y = iy * segmentHeight - heightHalf; for (var ix = 0; ix < gridX1; ix++) { var x = ix * segmentWidth - widthHalf; // set values to correct vector component vector[u] = x * udir; vector[v] = y * vdir; vector[w] = depthHalf; // now apply vector to vertex buffer vertices.push(vector.x, vector.y, vector.z); // set values to correct vector component vector[u] = 0; vector[v] = 0; vector[w] = depth > 0 ? 1 : -1; // now apply vector to normal buffer normals.push(vector.x, vector.y, vector.z); // uvs uvs.push(ix / gridX); uvs.push(1 - iy / gridY); // counters vertexCounter += 1; } } // indices // 1. you need three indices to draw a single face // 2. a single segment consists of two faces // 3. so we need to generate six (2*3) indices per segment for (var _iy = 0; _iy < gridY; _iy++) { for (var _ix = 0; _ix < gridX; _ix++) { var a = numberOfVertices + _ix + gridX1 * _iy; var b = numberOfVertices + _ix + gridX1 * (_iy + 1); var c = numberOfVertices + (_ix + 1) + gridX1 * (_iy + 1); var d = numberOfVertices + (_ix + 1) + gridX1 * _iy; // faces indices.push(a, b, d); indices.push(b, c, d); // increase counter groupCount += 6; } } // add a group to the geometry. this will ensure multi material support scope.addGroup(groupStart, groupCount, materialIndex); // calculate new start value for groups groupStart += groupCount; // update total number of vertices numberOfVertices += vertexCounter; } return _this; } return BoxGeometry; }(BufferGeometry); /** * Uniform Utilities */ function cloneUniforms(src) { var dst = {}; for (var u in src) { dst[u] = {}; for (var p in src[u]) { var property = src[u][p]; if (property && (property.isColor || property.isMatrix3 || property.isMatrix4 || property.isVector2 || property.isVector3 || property.isVector4 || property.isTexture)) { dst[u][p] = property.clone(); } else if (Array.isArray(property)) { dst[u][p] = property.slice(); } else { dst[u][p] = property; } } } return dst; } function mergeUniforms(uniforms) { var merged = {}; for (var u = 0; u < uniforms.length; u++) { var tmp = cloneUniforms(uniforms[u]); for (var p in tmp) { merged[p] = tmp[p]; } } return merged; } // Legacy var UniformsUtils = { clone: cloneUniforms, merge: mergeUniforms }; var default_vertex = "void main() {\n\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n}"; var default_fragment = "void main() {\n\tgl_FragColor = vec4( 1.0, 0.0, 0.0, 1.0 );\n}"; /** * parameters = { * defines: { "label" : "value" }, * uniforms: { "parameter1": { value: 1.0 }, "parameter2": { value2: 2 } }, * * fragmentShader: <string>, * vertexShader: <string>, * * wireframe: <boolean>, * wireframeLinewidth: <float>, * * lights: <bool>, * * skinning: <bool>, * morphTargets: <bool>, * morphNormals: <bool> * } */ function ShaderMaterial(parameters) { Material.call(this); this.type = 'ShaderMaterial'; this.defines = {}; this.uniforms = {}; this.vertexShader = default_vertex; this.fragmentShader = default_fragment; this.linewidth = 1; this.wireframe = false; this.wireframeLinewidth = 1; this.fog = false; // set to use scene fog this.lights = false; // set to use scene lights this.clipping = false; // set to use user-defined clipping planes this.skinning = false; // set to use skinning attribute streams this.morphTargets = false; // set to use morph targets this.morphNormals = false; // set to use morph normals this.extensions = { derivatives: false, // set to use derivatives fragDepth: false, // set to use fragment depth values drawBuffers: false, // set to use draw buffers shaderTextureLOD: false // set to use shader texture LOD }; // When rendered geometry doesn't include these attributes but the material does, // use these default values in WebGL. This avoids errors when buffer data is missing. this.defaultAttributeValues = { 'color': [1, 1, 1], 'uv': [0, 0], 'uv2': [0, 0] }; this.index0AttributeName = undefined; this.uniformsNeedUpdate = false; this.glslVersion = null; if (parameters !== undefined) { if (parameters.attributes !== undefined) { console.error('THREE.ShaderMaterial: attributes should now be defined in THREE.BufferGeometry instead.'); } this.setValues(parameters); } } ShaderMaterial.prototype = Object.create(Material.prototype); ShaderMaterial.prototype.constructor = ShaderMaterial; ShaderMaterial.prototype.isShaderMaterial = true; ShaderMaterial.prototype.copy = function (source) { Material.prototype.copy.call(this, source); this.fragmentShader = source.fragmentShader; this.vertexShader = source.vertexShader; this.uniforms = cloneUniforms(source.uniforms); this.defines = Object.assign({}, source.defines); this.wireframe = source.wireframe; this.wireframeLinewidth = source.wireframeLinewidth; this.lights = source.lights; this.clipping = source.clipping; this.skinning = source.skinning; this.morphTargets = source.morphTargets; this.morphNormals = source.morphNormals; this.extensions = Object.assign({}, source.extensions); this.glslVersion = source.glslVersion; return this; }; ShaderMaterial.prototype.toJSON = function (meta) { var data = Material.prototype.toJSON.call(this, meta); data.glslVersion = this.glslVersion; data.uniforms = {}; for (var name in this.uniforms) { var uniform = this.uniforms[name]; var value = uniform.value; if (value && value.isTexture) { data.uniforms[name] = { type: 't', value: value.toJSON(meta).uuid }; } else if (value && value.isColor) { data.uniforms[name] = { type: 'c', value: value.getHex() }; } else if (value && value.isVector2) { data.uniforms[name] = { type: 'v2', value: value.toArray() }; } else if (value && value.isVector3) { data.uniforms[name] = { type: 'v3', value: value.toArray() }; } else if (value && value.isVector4) { data.uniforms[name] = { type: 'v4', value: value.toArray() }; } else if (value && value.isMatrix3) { data.uniforms[name] = { type: 'm3', value: value.toArray() }; } else if (value && value.isMatrix4) { data.uniforms[name] = { type: 'm4', value: value.toArray() }; } else { data.uniforms[name] = { value: value }; // note: the array variants v2v, v3v, v4v, m4v and tv are not supported so far } } if (Object.keys(this.defines).length > 0) data.defines = this.defines; data.vertexShader = this.vertexShader; data.fragmentShader = this.fragmentShader; var extensions = {}; for (var key in this.extensions) { if (this.extensions[key] === true) extensions[key] = true; } if (Object.keys(extensions).length > 0) data.extensions = extensions; return data; }; function Camera() { Object3D.call(this); this.type = 'Camera'; this.matrixWorldInverse = new Matrix4(); this.projectionMatrix = new Matrix4(); this.projectionMatrixInverse = new Matrix4(); } Camera.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: Camera, isCamera: true, copy: function copy(source, recursive) { Object3D.prototype.copy.call(this, source, recursive); this.matrixWorldInverse.copy(source.matrixWorldInverse); this.projectionMatrix.copy(source.projectionMatrix); this.projectionMatrixInverse.copy(source.projectionMatrixInverse); return this; }, getWorldDirection: function getWorldDirection(target) { if (target === undefined) { console.warn('THREE.Camera: .getWorldDirection() target is now required'); target = new Vector3(); } this.updateWorldMatrix(true, false); var e = this.matrixWorld.elements; return target.set(-e[8], -e[9], -e[10]).normalize(); }, updateMatrixWorld: function updateMatrixWorld(force) { Object3D.prototype.updateMatrixWorld.call(this, force); this.matrixWorldInverse.copy(this.matrixWorld).invert(); }, updateWorldMatrix: function updateWorldMatrix(updateParents, updateChildren) { Object3D.prototype.updateWorldMatrix.call(this, updateParents, updateChildren); this.matrixWorldInverse.copy(this.matrixWorld).invert(); }, clone: function clone() { return new this.constructor().copy(this); } }); function PerspectiveCamera(fov, aspect, near, far) { if (fov === void 0) { fov = 50; } if (aspect === void 0) { aspect = 1; } if (near === void 0) { near = 0.1; } if (far === void 0) { far = 2000; } Camera.call(this); this.type = 'PerspectiveCamera'; this.fov = fov; this.zoom = 1; this.near = near; this.far = far; this.focus = 10; this.aspect = aspect; this.view = null; this.filmGauge = 35; // width of the film (default in millimeters) this.filmOffset = 0; // horizontal film offset (same unit as gauge) this.updateProjectionMatrix(); } PerspectiveCamera.prototype = Object.assign(Object.create(Camera.prototype), { constructor: PerspectiveCamera, isPerspectiveCamera: true, copy: function copy(source, recursive) { Camera.prototype.copy.call(this, source, recursive); this.fov = source.fov; this.zoom = source.zoom; this.near = source.near; this.far = source.far; this.focus = source.focus; this.aspect = source.aspect; this.view = source.view === null ? null : Object.assign({}, source.view); this.filmGauge = source.filmGauge; this.filmOffset = source.filmOffset; return this; }, /** * Sets the FOV by focal length in respect to the current .filmGauge. * * The default film gauge is 35, so that the focal length can be specified for * a 35mm (full frame) camera. * * Values for focal length and film gauge must have the same unit. */ setFocalLength: function setFocalLength(focalLength) { /** see {@link http://www.bobatkins.com/photography/technical/field_of_view.html} */ var vExtentSlope = 0.5 * this.getFilmHeight() / focalLength; this.fov = MathUtils.RAD2DEG * 2 * Math.atan(vExtentSlope); this.updateProjectionMatrix(); }, /** * Calculates the focal length from the current .fov and .filmGauge. */ getFocalLength: function getFocalLength() { var vExtentSlope = Math.tan(MathUtils.DEG2RAD * 0.5 * this.fov); return 0.5 * this.getFilmHeight() / vExtentSlope; }, getEffectiveFOV: function getEffectiveFOV() { return MathUtils.RAD2DEG * 2 * Math.atan(Math.tan(MathUtils.DEG2RAD * 0.5 * this.fov) / this.zoom); }, getFilmWidth: function getFilmWidth() { // film not completely covered in portrait format (aspect < 1) return this.filmGauge * Math.min(this.aspect, 1); }, getFilmHeight: function getFilmHeight() { // film not completely covered in landscape format (aspect > 1) return this.filmGauge / Math.max(this.aspect, 1); }, /** * Sets an offset in a larger frustum. This is useful for multi-window or * multi-monitor/multi-machine setups. * * For example, if you have 3x2 monitors and each monitor is 1920x1080 and * the monitors are in grid like this * * +---+---+---+ * | A | B | C | * +---+---+---+ * | D | E | F | * +---+---+---+ * * then for each monitor you would call it like this * * const w = 1920; * const h = 1080; * const fullWidth = w * 3; * const fullHeight = h * 2; * * --A-- * camera.setViewOffset( fullWidth, fullHeight, w * 0, h * 0, w, h ); * --B-- * camera.setViewOffset( fullWidth, fullHeight, w * 1, h * 0, w, h ); * --C-- * camera.setViewOffset( fullWidth, fullHeight, w * 2, h * 0, w, h ); * --D-- * camera.setViewOffset( fullWidth, fullHeight, w * 0, h * 1, w, h ); * --E-- * camera.setViewOffset( fullWidth, fullHeight, w * 1, h * 1, w, h ); * --F-- * camera.setViewOffset( fullWidth, fullHeight, w * 2, h * 1, w, h ); * * Note there is no reason monitors have to be the same size or in a grid. */ setViewOffset: function setViewOffset(fullWidth, fullHeight, x, y, width, height) { this.aspect = fullWidth / fullHeight; if (this.view === null) { this.view = { enabled: true, fullWidth: 1, fullHeight: 1, offsetX: 0, offsetY: 0, width: 1, height: 1 }; } this.view.enabled = true; this.view.fullWidth = fullWidth; this.view.fullHeight = fullHeight; this.view.offsetX = x; this.view.offsetY = y; this.view.width = width; this.view.height = height; this.updateProjectionMatrix(); }, clearViewOffset: function clearViewOffset() { if (this.view !== null) { this.view.enabled = false; } this.updateProjectionMatrix(); }, updateProjectionMatrix: function updateProjectionMatrix() { var near = this.near; var top = near * Math.tan(MathUtils.DEG2RAD * 0.5 * this.fov) / this.zoom; var height = 2 * top; var width = this.aspect * height; var left = -0.5 * width; var view = this.view; if (this.view !== null && this.view.enabled) { var fullWidth = view.fullWidth, fullHeight = view.fullHeight; left += view.offsetX * width / fullWidth; top -= view.offsetY * height / fullHeight; width *= view.width / fullWidth; height *= view.height / fullHeight; } var skew = this.filmOffset; if (skew !== 0) left += near * skew / this.getFilmWidth(); this.projectionMatrix.makePerspective(left, left + width, top, top - height, near, this.far); this.projectionMatrixInverse.copy(this.projectionMatrix).invert(); }, toJSON: function toJSON(meta) { var data = Object3D.prototype.toJSON.call(this, meta); data.object.fov = this.fov; data.object.zoom = this.zoom; data.object.near = this.near; data.object.far = this.far; data.object.focus = this.focus; data.object.aspect = this.aspect; if (this.view !== null) data.object.view = Object.assign({}, this.view); data.object.filmGauge = this.filmGauge; data.object.filmOffset = this.filmOffset; return data; } }); var fov = 90, aspect = 1; function CubeCamera(near, far, renderTarget) { Object3D.call(this); this.type = 'CubeCamera'; if (renderTarget.isWebGLCubeRenderTarget !== true) { console.error('THREE.CubeCamera: The constructor now expects an instance of WebGLCubeRenderTarget as third parameter.'); return; } this.renderTarget = renderTarget; var cameraPX = new PerspectiveCamera(fov, aspect, near, far); cameraPX.layers = this.layers; cameraPX.up.set(0, -1, 0); cameraPX.lookAt(new Vector3(1, 0, 0)); this.add(cameraPX); var cameraNX = new PerspectiveCamera(fov, aspect, near, far); cameraNX.layers = this.layers; cameraNX.up.set(0, -1, 0); cameraNX.lookAt(new Vector3(-1, 0, 0)); this.add(cameraNX); var cameraPY = new PerspectiveCamera(fov, aspect, near, far); cameraPY.layers = this.layers; cameraPY.up.set(0, 0, 1); cameraPY.lookAt(new Vector3(0, 1, 0)); this.add(cameraPY); var cameraNY = new PerspectiveCamera(fov, aspect, near, far); cameraNY.layers = this.layers; cameraNY.up.set(0, 0, -1); cameraNY.lookAt(new Vector3(0, -1, 0)); this.add(cameraNY); var cameraPZ = new PerspectiveCamera(fov, aspect, near, far); cameraPZ.layers = this.layers; cameraPZ.up.set(0, -1, 0); cameraPZ.lookAt(new Vector3(0, 0, 1)); this.add(cameraPZ); var cameraNZ = new PerspectiveCamera(fov, aspect, near, far); cameraNZ.layers = this.layers; cameraNZ.up.set(0, -1, 0); cameraNZ.lookAt(new Vector3(0, 0, -1)); this.add(cameraNZ); this.update = function (renderer, scene) { if (this.parent === null) this.updateMatrixWorld(); var currentXrEnabled = renderer.xr.enabled; var currentRenderTarget = renderer.getRenderTarget(); renderer.xr.enabled = false; var generateMipmaps = renderTarget.texture.generateMipmaps; renderTarget.texture.generateMipmaps = false; renderer.setRenderTarget(renderTarget, 0); renderer.render(scene, cameraPX); renderer.setRenderTarget(renderTarget, 1); renderer.render(scene, cameraNX); renderer.setRenderTarget(renderTarget, 2); renderer.render(scene, cameraPY); renderer.setRenderTarget(renderTarget, 3); renderer.render(scene, cameraNY); renderer.setRenderTarget(renderTarget, 4); renderer.render(scene, cameraPZ); renderTarget.texture.generateMipmaps = generateMipmaps; renderer.setRenderTarget(renderTarget, 5); renderer.render(scene, cameraNZ); renderer.setRenderTarget(currentRenderTarget); renderer.xr.enabled = currentXrEnabled; }; } CubeCamera.prototype = Object.create(Object3D.prototype); CubeCamera.prototype.constructor = CubeCamera; function CubeTexture(images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding) { images = images !== undefined ? images : []; mapping = mapping !== undefined ? mapping : CubeReflectionMapping; format = format !== undefined ? format : RGBFormat; Texture.call(this, images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding); this.flipY = false; // Why CubeTexture._needsFlipEnvMap is necessary: // // By convention -- likely based on the RenderMan spec from the 1990's -- cube maps are specified by WebGL (and three.js) // in a coordinate system in which positive-x is to the right when looking up the positive-z axis -- in other words, // in a left-handed coordinate system. By continuing this convention, preexisting cube maps continued to render correctly. // three.js uses a right-handed coordinate system. So environment maps used in three.js appear to have px and nx swapped // and the flag _needsFlipEnvMap controls this conversion. The flip is not required (and thus _needsFlipEnvMap is set to false) // when using WebGLCubeRenderTarget.texture as a cube texture. this._needsFlipEnvMap = true; } CubeTexture.prototype = Object.create(Texture.prototype); CubeTexture.prototype.constructor = CubeTexture; CubeTexture.prototype.isCubeTexture = true; Object.defineProperty(CubeTexture.prototype, 'images', { get: function get() { return this.image; }, set: function set(value) { this.image = value; } }); var WebGLCubeRenderTarget = /*#__PURE__*/function (_WebGLRenderTarget) { _inheritsLoose(WebGLCubeRenderTarget, _WebGLRenderTarget); function WebGLCubeRenderTarget(size, options, dummy) { var _this; if (Number.isInteger(options)) { console.warn('THREE.WebGLCubeRenderTarget: constructor signature is now WebGLCubeRenderTarget( size, options )'); options = dummy; } _this = _WebGLRenderTarget.call(this, size, size, options) || this; Object.defineProperty(_assertThisInitialized(_this), 'isWebGLCubeRenderTarget', { value: true }); options = options || {}; _this.texture = new CubeTexture(undefined, options.mapping, options.wrapS, options.wrapT, options.magFilter, options.minFilter, options.format, options.type, options.anisotropy, options.encoding); _this.texture._needsFlipEnvMap = false; return _this; } var _proto = WebGLCubeRenderTarget.prototype; _proto.fromEquirectangularTexture = function fromEquirectangularTexture(renderer, texture) { this.texture.type = texture.type; this.texture.format = RGBAFormat; // see #18859 this.texture.encoding = texture.encoding; this.texture.generateMipmaps = texture.generateMipmaps; this.texture.minFilter = texture.minFilter; this.texture.magFilter = texture.magFilter; var shader = { uniforms: { tEquirect: { value: null } }, vertexShader: /* glsl */ "\n\n\t\t\t\tvarying vec3 vWorldDirection;\n\n\t\t\t\tvec3 transformDirection( in vec3 dir, in mat4 matrix ) {\n\n\t\t\t\t\treturn normalize( ( matrix * vec4( dir, 0.0 ) ).xyz );\n\n\t\t\t\t}\n\n\t\t\t\tvoid main() {\n\n\t\t\t\t\tvWorldDirection = transformDirection( position, modelMatrix );\n\n\t\t\t\t\t#include <begin_vertex>\n\t\t\t\t\t#include <project_vertex>\n\n\t\t\t\t}\n\t\t\t", fragmentShader: /* glsl */ "\n\n\t\t\t\tuniform sampler2D tEquirect;\n\n\t\t\t\tvarying vec3 vWorldDirection;\n\n\t\t\t\t#include <common>\n\n\t\t\t\tvoid main() {\n\n\t\t\t\t\tvec3 direction = normalize( vWorldDirection );\n\n\t\t\t\t\tvec2 sampleUV = equirectUv( direction );\n\n\t\t\t\t\tgl_FragColor = texture2D( tEquirect, sampleUV );\n\n\t\t\t\t}\n\t\t\t" }; var geometry = new BoxGeometry(5, 5, 5); var material = new ShaderMaterial({ name: 'CubemapFromEquirect', uniforms: cloneUniforms(shader.uniforms), vertexShader: shader.vertexShader, fragmentShader: shader.fragmentShader, side: BackSide, blending: NoBlending }); material.uniforms.tEquirect.value = texture; var mesh = new Mesh(geometry, material); var currentMinFilter = texture.minFilter; // Avoid blurred poles if (texture.minFilter === LinearMipmapLinearFilter) texture.minFilter = LinearFilter; var camera = new CubeCamera(1, 10, this); camera.update(renderer, mesh); texture.minFilter = currentMinFilter; mesh.geometry.dispose(); mesh.material.dispose(); return this; }; _proto.clear = function clear(renderer, color, depth, stencil) { var currentRenderTarget = renderer.getRenderTarget(); for (var i = 0; i < 6; i++) { renderer.setRenderTarget(this, i); renderer.clear(color, depth, stencil); } renderer.setRenderTarget(currentRenderTarget); }; return WebGLCubeRenderTarget; }(WebGLRenderTarget); function DataTexture(data, width, height, format, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, encoding) { Texture.call(this, null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding); this.image = { data: data || null, width: width || 1, height: height || 1 }; this.magFilter = magFilter !== undefined ? magFilter : NearestFilter; this.minFilter = minFilter !== undefined ? minFilter : NearestFilter; this.generateMipmaps = false; this.flipY = false; this.unpackAlignment = 1; this.needsUpdate = true; } DataTexture.prototype = Object.create(Texture.prototype); DataTexture.prototype.constructor = DataTexture; DataTexture.prototype.isDataTexture = true; var _sphere$1 = /*@__PURE__*/new Sphere(); var _vector$5 = /*@__PURE__*/new Vector3(); var Frustum = /*#__PURE__*/function () { function Frustum(p0, p1, p2, p3, p4, p5) { this.planes = [p0 !== undefined ? p0 : new Plane(), p1 !== undefined ? p1 : new Plane(), p2 !== undefined ? p2 : new Plane(), p3 !== undefined ? p3 : new Plane(), p4 !== undefined ? p4 : new Plane(), p5 !== undefined ? p5 : new Plane()]; } var _proto = Frustum.prototype; _proto.set = function set(p0, p1, p2, p3, p4, p5) { var planes = this.planes; planes[0].copy(p0); planes[1].copy(p1); planes[2].copy(p2); planes[3].copy(p3); planes[4].copy(p4); planes[5].copy(p5); return this; }; _proto.clone = function clone() { return new this.constructor().copy(this); }; _proto.copy = function copy(frustum) { var planes = this.planes; for (var i = 0; i < 6; i++) { planes[i].copy(frustum.planes[i]); } return this; }; _proto.setFromProjectionMatrix = function setFromProjectionMatrix(m) { var planes = this.planes; var me = m.elements; var me0 = me[0], me1 = me[1], me2 = me[2], me3 = me[3]; var me4 = me[4], me5 = me[5], me6 = me[6], me7 = me[7]; var me8 = me[8], me9 = me[9], me10 = me[10], me11 = me[11]; var me12 = me[12], me13 = me[13], me14 = me[14], me15 = me[15]; planes[0].setComponents(me3 - me0, me7 - me4, me11 - me8, me15 - me12).normalize(); planes[1].setComponents(me3 + me0, me7 + me4, me11 + me8, me15 + me12).normalize(); planes[2].setComponents(me3 + me1, me7 + me5, me11 + me9, me15 + me13).normalize(); planes[3].setComponents(me3 - me1, me7 - me5, me11 - me9, me15 - me13).normalize(); planes[4].setComponents(me3 - me2, me7 - me6, me11 - me10, me15 - me14).normalize(); planes[5].setComponents(me3 + me2, me7 + me6, me11 + me10, me15 + me14).normalize(); return this; }; _proto.intersectsObject = function intersectsObject(object) { var geometry = object.geometry; if (geometry.boundingSphere === null) geometry.computeBoundingSphere(); _sphere$1.copy(geometry.boundingSphere).applyMatrix4(object.matrixWorld); return this.intersectsSphere(_sphere$1); }; _proto.intersectsSprite = function intersectsSprite(sprite) { _sphere$1.center.set(0, 0, 0); _sphere$1.radius = 0.7071067811865476; _sphere$1.applyMatrix4(sprite.matrixWorld); return this.intersectsSphere(_sphere$1); }; _proto.intersectsSphere = function intersectsSphere(sphere) { var planes = this.planes; var center = sphere.center; var negRadius = -sphere.radius; for (var i = 0; i < 6; i++) { var distance = planes[i].distanceToPoint(center); if (distance < negRadius) { return false; } } return true; }; _proto.intersectsBox = function intersectsBox(box) { var planes = this.planes; for (var i = 0; i < 6; i++) { var plane = planes[i]; // corner at max distance _vector$5.x = plane.normal.x > 0 ? box.max.x : box.min.x; _vector$5.y = plane.normal.y > 0 ? box.max.y : box.min.y; _vector$5.z = plane.normal.z > 0 ? box.max.z : box.min.z; if (plane.distanceToPoint(_vector$5) < 0) { return false; } } return true; }; _proto.containsPoint = function containsPoint(point) { var planes = this.planes; for (var i = 0; i < 6; i++) { if (planes[i].distanceToPoint(point) < 0) { return false; } } return true; }; return Frustum; }(); function WebGLAnimation() { var context = null; var isAnimating = false; var animationLoop = null; var requestId = null; function onAnimationFrame(time, frame) { animationLoop(time, frame); requestId = context.requestAnimationFrame(onAnimationFrame); } return { start: function start() { if (isAnimating === true) return; if (animationLoop === null) return; requestId = context.requestAnimationFrame(onAnimationFrame); isAnimating = true; }, stop: function stop() { context.cancelAnimationFrame(requestId); isAnimating = false; }, setAnimationLoop: function setAnimationLoop(callback) { animationLoop = callback; }, setContext: function setContext(value) { context = value; } }; } function WebGLAttributes(gl, capabilities) { var isWebGL2 = capabilities.isWebGL2; var buffers = new WeakMap(); function createBuffer(attribute, bufferType) { var array = attribute.array; var usage = attribute.usage; var buffer = gl.createBuffer(); gl.bindBuffer(bufferType, buffer); gl.bufferData(bufferType, array, usage); attribute.onUploadCallback(); var type = 5126; if (array instanceof Float32Array) { type = 5126; } else if (array instanceof Float64Array) { console.warn('THREE.WebGLAttributes: Unsupported data buffer format: Float64Array.'); } else if (array instanceof Uint16Array) { if (attribute.isFloat16BufferAttribute) { if (isWebGL2) { type = 5131; } else { console.warn('THREE.WebGLAttributes: Usage of Float16BufferAttribute requires WebGL2.'); } } else { type = 5123; } } else if (array instanceof Int16Array) { type = 5122; } else if (array instanceof Uint32Array) { type = 5125; } else if (array instanceof Int32Array) { type = 5124; } else if (array instanceof Int8Array) { type = 5120; } else if (array instanceof Uint8Array) { type = 5121; } return { buffer: buffer, type: type, bytesPerElement: array.BYTES_PER_ELEMENT, version: attribute.version }; } function updateBuffer(buffer, attribute, bufferType) { var array = attribute.array; var updateRange = attribute.updateRange; gl.bindBuffer(bufferType, buffer); if (updateRange.count === -1) { // Not using update ranges gl.bufferSubData(bufferType, 0, array); } else { if (isWebGL2) { gl.bufferSubData(bufferType, updateRange.offset * array.BYTES_PER_ELEMENT, array, updateRange.offset, updateRange.count); } else { gl.bufferSubData(bufferType, updateRange.offset * array.BYTES_PER_ELEMENT, array.subarray(updateRange.offset, updateRange.offset + updateRange.count)); } updateRange.count = -1; // reset range } } // function get(attribute) { if (attribute.isInterleavedBufferAttribute) attribute = attribute.data; return buffers.get(attribute); } function remove(attribute) { if (attribute.isInterleavedBufferAttribute) attribute = attribute.data; var data = buffers.get(attribute); if (data) { gl.deleteBuffer(data.buffer); buffers.delete(attribute); } } function update(attribute, bufferType) { if (attribute.isGLBufferAttribute) { var cached = buffers.get(attribute); if (!cached || cached.version < attribute.version) { buffers.set(attribute, { buffer: attribute.buffer, type: attribute.type, bytesPerElement: attribute.elementSize, version: attribute.version }); } return; } if (attribute.isInterleavedBufferAttribute) attribute = attribute.data; var data = buffers.get(attribute); if (data === undefined) { buffers.set(attribute, createBuffer(attribute, bufferType)); } else if (data.version < attribute.version) { updateBuffer(data.buffer, attribute, bufferType); data.version = attribute.version; } } return { get: get, remove: remove, update: update }; } var PlaneGeometry = /*#__PURE__*/function (_BufferGeometry) { _inheritsLoose(PlaneGeometry, _BufferGeometry); function PlaneGeometry(width, height, widthSegments, heightSegments) { var _this; if (width === void 0) { width = 1; } if (height === void 0) { height = 1; } if (widthSegments === void 0) { widthSegments = 1; } if (heightSegments === void 0) { heightSegments = 1; } _this = _BufferGeometry.call(this) || this; _this.type = 'PlaneGeometry'; _this.parameters = { width: width, height: height, widthSegments: widthSegments, heightSegments: heightSegments }; var width_half = width / 2; var height_half = height / 2; var gridX = Math.floor(widthSegments); var gridY = Math.floor(heightSegments); var gridX1 = gridX + 1; var gridY1 = gridY + 1; var segment_width = width / gridX; var segment_height = height / gridY; // var indices = []; var vertices = []; var normals = []; var uvs = []; for (var iy = 0; iy < gridY1; iy++) { var y = iy * segment_height - height_half; for (var ix = 0; ix < gridX1; ix++) { var x = ix * segment_width - width_half; vertices.push(x, -y, 0); normals.push(0, 0, 1); uvs.push(ix / gridX); uvs.push(1 - iy / gridY); } } for (var _iy = 0; _iy < gridY; _iy++) { for (var _ix = 0; _ix < gridX; _ix++) { var a = _ix + gridX1 * _iy; var b = _ix + gridX1 * (_iy + 1); var c = _ix + 1 + gridX1 * (_iy + 1); var d = _ix + 1 + gridX1 * _iy; indices.push(a, b, d); indices.push(b, c, d); } } _this.setIndex(indices); _this.setAttribute('position', new Float32BufferAttribute(vertices, 3)); _this.setAttribute('normal', new Float32BufferAttribute(normals, 3)); _this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); return _this; } return PlaneGeometry; }(BufferGeometry); var alphamap_fragment = "#ifdef USE_ALPHAMAP\n\tdiffuseColor.a *= texture2D( alphaMap, vUv ).g;\n#endif"; var alphamap_pars_fragment = "#ifdef USE_ALPHAMAP\n\tuniform sampler2D alphaMap;\n#endif"; var alphatest_fragment = "#ifdef ALPHATEST\n\tif ( diffuseColor.a < ALPHATEST ) discard;\n#endif"; var aomap_fragment = "#ifdef USE_AOMAP\n\tfloat ambientOcclusion = ( texture2D( aoMap, vUv2 ).r - 1.0 ) * aoMapIntensity + 1.0;\n\treflectedLight.indirectDiffuse *= ambientOcclusion;\n\t#if defined( USE_ENVMAP ) && defined( STANDARD )\n\t\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\t\treflectedLight.indirectSpecular *= computeSpecularOcclusion( dotNV, ambientOcclusion, material.specularRoughness );\n\t#endif\n#endif"; var aomap_pars_fragment = "#ifdef USE_AOMAP\n\tuniform sampler2D aoMap;\n\tuniform float aoMapIntensity;\n#endif"; var begin_vertex = "vec3 transformed = vec3( position );"; var beginnormal_vertex = "vec3 objectNormal = vec3( normal );\n#ifdef USE_TANGENT\n\tvec3 objectTangent = vec3( tangent.xyz );\n#endif"; var bsdfs = "vec2 integrateSpecularBRDF( const in float dotNV, const in float roughness ) {\n\tconst vec4 c0 = vec4( - 1, - 0.0275, - 0.572, 0.022 );\n\tconst vec4 c1 = vec4( 1, 0.0425, 1.04, - 0.04 );\n\tvec4 r = roughness * c0 + c1;\n\tfloat a004 = min( r.x * r.x, exp2( - 9.28 * dotNV ) ) * r.x + r.y;\n\treturn vec2( -1.04, 1.04 ) * a004 + r.zw;\n}\nfloat punctualLightIntensityToIrradianceFactor( const in float lightDistance, const in float cutoffDistance, const in float decayExponent ) {\n#if defined ( PHYSICALLY_CORRECT_LIGHTS )\n\tfloat distanceFalloff = 1.0 / max( pow( lightDistance, decayExponent ), 0.01 );\n\tif( cutoffDistance > 0.0 ) {\n\t\tdistanceFalloff *= pow2( saturate( 1.0 - pow4( lightDistance / cutoffDistance ) ) );\n\t}\n\treturn distanceFalloff;\n#else\n\tif( cutoffDistance > 0.0 && decayExponent > 0.0 ) {\n\t\treturn pow( saturate( -lightDistance / cutoffDistance + 1.0 ), decayExponent );\n\t}\n\treturn 1.0;\n#endif\n}\nvec3 BRDF_Diffuse_Lambert( const in vec3 diffuseColor ) {\n\treturn RECIPROCAL_PI * diffuseColor;\n}\nvec3 F_Schlick( const in vec3 specularColor, const in float dotLH ) {\n\tfloat fresnel = exp2( ( -5.55473 * dotLH - 6.98316 ) * dotLH );\n\treturn ( 1.0 - specularColor ) * fresnel + specularColor;\n}\nvec3 F_Schlick_RoughnessDependent( const in vec3 F0, const in float dotNV, const in float roughness ) {\n\tfloat fresnel = exp2( ( -5.55473 * dotNV - 6.98316 ) * dotNV );\n\tvec3 Fr = max( vec3( 1.0 - roughness ), F0 ) - F0;\n\treturn Fr * fresnel + F0;\n}\nfloat G_GGX_Smith( const in float alpha, const in float dotNL, const in float dotNV ) {\n\tfloat a2 = pow2( alpha );\n\tfloat gl = dotNL + sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\n\tfloat gv = dotNV + sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\n\treturn 1.0 / ( gl * gv );\n}\nfloat G_GGX_SmithCorrelated( const in float alpha, const in float dotNL, const in float dotNV ) {\n\tfloat a2 = pow2( alpha );\n\tfloat gv = dotNL * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\n\tfloat gl = dotNV * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\n\treturn 0.5 / max( gv + gl, EPSILON );\n}\nfloat D_GGX( const in float alpha, const in float dotNH ) {\n\tfloat a2 = pow2( alpha );\n\tfloat denom = pow2( dotNH ) * ( a2 - 1.0 ) + 1.0;\n\treturn RECIPROCAL_PI * a2 / pow2( denom );\n}\nvec3 BRDF_Specular_GGX( const in IncidentLight incidentLight, const in vec3 viewDir, const in vec3 normal, const in vec3 specularColor, const in float roughness ) {\n\tfloat alpha = pow2( roughness );\n\tvec3 halfDir = normalize( incidentLight.direction + viewDir );\n\tfloat dotNL = saturate( dot( normal, incidentLight.direction ) );\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tfloat dotNH = saturate( dot( normal, halfDir ) );\n\tfloat dotLH = saturate( dot( incidentLight.direction, halfDir ) );\n\tvec3 F = F_Schlick( specularColor, dotLH );\n\tfloat G = G_GGX_SmithCorrelated( alpha, dotNL, dotNV );\n\tfloat D = D_GGX( alpha, dotNH );\n\treturn F * ( G * D );\n}\nvec2 LTC_Uv( const in vec3 N, const in vec3 V, const in float roughness ) {\n\tconst float LUT_SIZE = 64.0;\n\tconst float LUT_SCALE = ( LUT_SIZE - 1.0 ) / LUT_SIZE;\n\tconst float LUT_BIAS = 0.5 / LUT_SIZE;\n\tfloat dotNV = saturate( dot( N, V ) );\n\tvec2 uv = vec2( roughness, sqrt( 1.0 - dotNV ) );\n\tuv = uv * LUT_SCALE + LUT_BIAS;\n\treturn uv;\n}\nfloat LTC_ClippedSphereFormFactor( const in vec3 f ) {\n\tfloat l = length( f );\n\treturn max( ( l * l + f.z ) / ( l + 1.0 ), 0.0 );\n}\nvec3 LTC_EdgeVectorFormFactor( const in vec3 v1, const in vec3 v2 ) {\n\tfloat x = dot( v1, v2 );\n\tfloat y = abs( x );\n\tfloat a = 0.8543985 + ( 0.4965155 + 0.0145206 * y ) * y;\n\tfloat b = 3.4175940 + ( 4.1616724 + y ) * y;\n\tfloat v = a / b;\n\tfloat theta_sintheta = ( x > 0.0 ) ? v : 0.5 * inversesqrt( max( 1.0 - x * x, 1e-7 ) ) - v;\n\treturn cross( v1, v2 ) * theta_sintheta;\n}\nvec3 LTC_Evaluate( const in vec3 N, const in vec3 V, const in vec3 P, const in mat3 mInv, const in vec3 rectCoords[ 4 ] ) {\n\tvec3 v1 = rectCoords[ 1 ] - rectCoords[ 0 ];\n\tvec3 v2 = rectCoords[ 3 ] - rectCoords[ 0 ];\n\tvec3 lightNormal = cross( v1, v2 );\n\tif( dot( lightNormal, P - rectCoords[ 0 ] ) < 0.0 ) return vec3( 0.0 );\n\tvec3 T1, T2;\n\tT1 = normalize( V - N * dot( V, N ) );\n\tT2 = - cross( N, T1 );\n\tmat3 mat = mInv * transposeMat3( mat3( T1, T2, N ) );\n\tvec3 coords[ 4 ];\n\tcoords[ 0 ] = mat * ( rectCoords[ 0 ] - P );\n\tcoords[ 1 ] = mat * ( rectCoords[ 1 ] - P );\n\tcoords[ 2 ] = mat * ( rectCoords[ 2 ] - P );\n\tcoords[ 3 ] = mat * ( rectCoords[ 3 ] - P );\n\tcoords[ 0 ] = normalize( coords[ 0 ] );\n\tcoords[ 1 ] = normalize( coords[ 1 ] );\n\tcoords[ 2 ] = normalize( coords[ 2 ] );\n\tcoords[ 3 ] = normalize( coords[ 3 ] );\n\tvec3 vectorFormFactor = vec3( 0.0 );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 0 ], coords[ 1 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 1 ], coords[ 2 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 2 ], coords[ 3 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 3 ], coords[ 0 ] );\n\tfloat result = LTC_ClippedSphereFormFactor( vectorFormFactor );\n\treturn vec3( result );\n}\nvec3 BRDF_Specular_GGX_Environment( const in vec3 viewDir, const in vec3 normal, const in vec3 specularColor, const in float roughness ) {\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tvec2 brdf = integrateSpecularBRDF( dotNV, roughness );\n\treturn specularColor * brdf.x + brdf.y;\n}\nvoid BRDF_Specular_Multiscattering_Environment( const in GeometricContext geometry, const in vec3 specularColor, const in float roughness, inout vec3 singleScatter, inout vec3 multiScatter ) {\n\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\tvec3 F = F_Schlick_RoughnessDependent( specularColor, dotNV, roughness );\n\tvec2 brdf = integrateSpecularBRDF( dotNV, roughness );\n\tvec3 FssEss = F * brdf.x + brdf.y;\n\tfloat Ess = brdf.x + brdf.y;\n\tfloat Ems = 1.0 - Ess;\n\tvec3 Favg = specularColor + ( 1.0 - specularColor ) * 0.047619;\tvec3 Fms = FssEss * Favg / ( 1.0 - Ems * Favg );\n\tsingleScatter += FssEss;\n\tmultiScatter += Fms * Ems;\n}\nfloat G_BlinnPhong_Implicit( ) {\n\treturn 0.25;\n}\nfloat D_BlinnPhong( const in float shininess, const in float dotNH ) {\n\treturn RECIPROCAL_PI * ( shininess * 0.5 + 1.0 ) * pow( dotNH, shininess );\n}\nvec3 BRDF_Specular_BlinnPhong( const in IncidentLight incidentLight, const in GeometricContext geometry, const in vec3 specularColor, const in float shininess ) {\n\tvec3 halfDir = normalize( incidentLight.direction + geometry.viewDir );\n\tfloat dotNH = saturate( dot( geometry.normal, halfDir ) );\n\tfloat dotLH = saturate( dot( incidentLight.direction, halfDir ) );\n\tvec3 F = F_Schlick( specularColor, dotLH );\n\tfloat G = G_BlinnPhong_Implicit( );\n\tfloat D = D_BlinnPhong( shininess, dotNH );\n\treturn F * ( G * D );\n}\nfloat GGXRoughnessToBlinnExponent( const in float ggxRoughness ) {\n\treturn ( 2.0 / pow2( ggxRoughness + 0.0001 ) - 2.0 );\n}\nfloat BlinnExponentToGGXRoughness( const in float blinnExponent ) {\n\treturn sqrt( 2.0 / ( blinnExponent + 2.0 ) );\n}\n#if defined( USE_SHEEN )\nfloat D_Charlie(float roughness, float NoH) {\n\tfloat invAlpha = 1.0 / roughness;\n\tfloat cos2h = NoH * NoH;\n\tfloat sin2h = max(1.0 - cos2h, 0.0078125);\treturn (2.0 + invAlpha) * pow(sin2h, invAlpha * 0.5) / (2.0 * PI);\n}\nfloat V_Neubelt(float NoV, float NoL) {\n\treturn saturate(1.0 / (4.0 * (NoL + NoV - NoL * NoV)));\n}\nvec3 BRDF_Specular_Sheen( const in float roughness, const in vec3 L, const in GeometricContext geometry, vec3 specularColor ) {\n\tvec3 N = geometry.normal;\n\tvec3 V = geometry.viewDir;\n\tvec3 H = normalize( V + L );\n\tfloat dotNH = saturate( dot( N, H ) );\n\treturn specularColor * D_Charlie( roughness, dotNH ) * V_Neubelt( dot(N, V), dot(N, L) );\n}\n#endif"; var bumpmap_pars_fragment = "#ifdef USE_BUMPMAP\n\tuniform sampler2D bumpMap;\n\tuniform float bumpScale;\n\tvec2 dHdxy_fwd() {\n\t\tvec2 dSTdx = dFdx( vUv );\n\t\tvec2 dSTdy = dFdy( vUv );\n\t\tfloat Hll = bumpScale * texture2D( bumpMap, vUv ).x;\n\t\tfloat dBx = bumpScale * texture2D( bumpMap, vUv + dSTdx ).x - Hll;\n\t\tfloat dBy = bumpScale * texture2D( bumpMap, vUv + dSTdy ).x - Hll;\n\t\treturn vec2( dBx, dBy );\n\t}\n\tvec3 perturbNormalArb( vec3 surf_pos, vec3 surf_norm, vec2 dHdxy ) {\n\t\tvec3 vSigmaX = vec3( dFdx( surf_pos.x ), dFdx( surf_pos.y ), dFdx( surf_pos.z ) );\n\t\tvec3 vSigmaY = vec3( dFdy( surf_pos.x ), dFdy( surf_pos.y ), dFdy( surf_pos.z ) );\n\t\tvec3 vN = surf_norm;\n\t\tvec3 R1 = cross( vSigmaY, vN );\n\t\tvec3 R2 = cross( vN, vSigmaX );\n\t\tfloat fDet = dot( vSigmaX, R1 );\n\t\tfDet *= ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t\tvec3 vGrad = sign( fDet ) * ( dHdxy.x * R1 + dHdxy.y * R2 );\n\t\treturn normalize( abs( fDet ) * surf_norm - vGrad );\n\t}\n#endif"; var clipping_planes_fragment = "#if NUM_CLIPPING_PLANES > 0\n\tvec4 plane;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < UNION_CLIPPING_PLANES; i ++ ) {\n\t\tplane = clippingPlanes[ i ];\n\t\tif ( dot( vClipPosition, plane.xyz ) > plane.w ) discard;\n\t}\n\t#pragma unroll_loop_end\n\t#if UNION_CLIPPING_PLANES < NUM_CLIPPING_PLANES\n\t\tbool clipped = true;\n\t\t#pragma unroll_loop_start\n\t\tfor ( int i = UNION_CLIPPING_PLANES; i < NUM_CLIPPING_PLANES; i ++ ) {\n\t\t\tplane = clippingPlanes[ i ];\n\t\t\tclipped = ( dot( vClipPosition, plane.xyz ) > plane.w ) && clipped;\n\t\t}\n\t\t#pragma unroll_loop_end\n\t\tif ( clipped ) discard;\n\t#endif\n#endif"; var clipping_planes_pars_fragment = "#if NUM_CLIPPING_PLANES > 0\n\tvarying vec3 vClipPosition;\n\tuniform vec4 clippingPlanes[ NUM_CLIPPING_PLANES ];\n#endif"; var clipping_planes_pars_vertex = "#if NUM_CLIPPING_PLANES > 0\n\tvarying vec3 vClipPosition;\n#endif"; var clipping_planes_vertex = "#if NUM_CLIPPING_PLANES > 0\n\tvClipPosition = - mvPosition.xyz;\n#endif"; var color_fragment = "#ifdef USE_COLOR\n\tdiffuseColor.rgb *= vColor;\n#endif"; var color_pars_fragment = "#ifdef USE_COLOR\n\tvarying vec3 vColor;\n#endif"; var color_pars_vertex = "#if defined( USE_COLOR ) || defined( USE_INSTANCING_COLOR )\n\tvarying vec3 vColor;\n#endif"; var color_vertex = "#if defined( USE_COLOR ) || defined( USE_INSTANCING_COLOR )\n\tvColor = vec3( 1.0 );\n#endif\n#ifdef USE_COLOR\n\tvColor.xyz *= color.xyz;\n#endif\n#ifdef USE_INSTANCING_COLOR\n\tvColor.xyz *= instanceColor.xyz;\n#endif"; var common = "#define PI 3.141592653589793\n#define PI2 6.283185307179586\n#define PI_HALF 1.5707963267948966\n#define RECIPROCAL_PI 0.3183098861837907\n#define RECIPROCAL_PI2 0.15915494309189535\n#define EPSILON 1e-6\n#ifndef saturate\n#define saturate(a) clamp( a, 0.0, 1.0 )\n#endif\n#define whiteComplement(a) ( 1.0 - saturate( a ) )\nfloat pow2( const in float x ) { return x*x; }\nfloat pow3( const in float x ) { return x*x*x; }\nfloat pow4( const in float x ) { float x2 = x*x; return x2*x2; }\nfloat average( const in vec3 color ) { return dot( color, vec3( 0.3333 ) ); }\nhighp float rand( const in vec2 uv ) {\n\tconst highp float a = 12.9898, b = 78.233, c = 43758.5453;\n\thighp float dt = dot( uv.xy, vec2( a,b ) ), sn = mod( dt, PI );\n\treturn fract(sin(sn) * c);\n}\n#ifdef HIGH_PRECISION\n\tfloat precisionSafeLength( vec3 v ) { return length( v ); }\n#else\n\tfloat max3( vec3 v ) { return max( max( v.x, v.y ), v.z ); }\n\tfloat precisionSafeLength( vec3 v ) {\n\t\tfloat maxComponent = max3( abs( v ) );\n\t\treturn length( v / maxComponent ) * maxComponent;\n\t}\n#endif\nstruct IncidentLight {\n\tvec3 color;\n\tvec3 direction;\n\tbool visible;\n};\nstruct ReflectedLight {\n\tvec3 directDiffuse;\n\tvec3 directSpecular;\n\tvec3 indirectDiffuse;\n\tvec3 indirectSpecular;\n};\nstruct GeometricContext {\n\tvec3 position;\n\tvec3 normal;\n\tvec3 viewDir;\n#ifdef CLEARCOAT\n\tvec3 clearcoatNormal;\n#endif\n};\nvec3 transformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( matrix * vec4( dir, 0.0 ) ).xyz );\n}\nvec3 inverseTransformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( vec4( dir, 0.0 ) * matrix ).xyz );\n}\nvec3 projectOnPlane(in vec3 point, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\tfloat distance = dot( planeNormal, point - pointOnPlane );\n\treturn - distance * planeNormal + point;\n}\nfloat sideOfPlane( in vec3 point, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\treturn sign( dot( point - pointOnPlane, planeNormal ) );\n}\nvec3 linePlaneIntersect( in vec3 pointOnLine, in vec3 lineDirection, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\treturn lineDirection * ( dot( planeNormal, pointOnPlane - pointOnLine ) / dot( planeNormal, lineDirection ) ) + pointOnLine;\n}\nmat3 transposeMat3( const in mat3 m ) {\n\tmat3 tmp;\n\ttmp[ 0 ] = vec3( m[ 0 ].x, m[ 1 ].x, m[ 2 ].x );\n\ttmp[ 1 ] = vec3( m[ 0 ].y, m[ 1 ].y, m[ 2 ].y );\n\ttmp[ 2 ] = vec3( m[ 0 ].z, m[ 1 ].z, m[ 2 ].z );\n\treturn tmp;\n}\nfloat linearToRelativeLuminance( const in vec3 color ) {\n\tvec3 weights = vec3( 0.2126, 0.7152, 0.0722 );\n\treturn dot( weights, color.rgb );\n}\nbool isPerspectiveMatrix( mat4 m ) {\n\treturn m[ 2 ][ 3 ] == - 1.0;\n}\nvec2 equirectUv( in vec3 dir ) {\n\tfloat u = atan( dir.z, dir.x ) * RECIPROCAL_PI2 + 0.5;\n\tfloat v = asin( clamp( dir.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\treturn vec2( u, v );\n}"; var cube_uv_reflection_fragment = "#ifdef ENVMAP_TYPE_CUBE_UV\n\t#define cubeUV_maxMipLevel 8.0\n\t#define cubeUV_minMipLevel 4.0\n\t#define cubeUV_maxTileSize 256.0\n\t#define cubeUV_minTileSize 16.0\n\tfloat getFace( vec3 direction ) {\n\t\tvec3 absDirection = abs( direction );\n\t\tfloat face = - 1.0;\n\t\tif ( absDirection.x > absDirection.z ) {\n\t\t\tif ( absDirection.x > absDirection.y )\n\t\t\t\tface = direction.x > 0.0 ? 0.0 : 3.0;\n\t\t\telse\n\t\t\t\tface = direction.y > 0.0 ? 1.0 : 4.0;\n\t\t} else {\n\t\t\tif ( absDirection.z > absDirection.y )\n\t\t\t\tface = direction.z > 0.0 ? 2.0 : 5.0;\n\t\t\telse\n\t\t\t\tface = direction.y > 0.0 ? 1.0 : 4.0;\n\t\t}\n\t\treturn face;\n\t}\n\tvec2 getUV( vec3 direction, float face ) {\n\t\tvec2 uv;\n\t\tif ( face == 0.0 ) {\n\t\t\tuv = vec2( direction.z, direction.y ) / abs( direction.x );\n\t\t} else if ( face == 1.0 ) {\n\t\t\tuv = vec2( - direction.x, - direction.z ) / abs( direction.y );\n\t\t} else if ( face == 2.0 ) {\n\t\t\tuv = vec2( - direction.x, direction.y ) / abs( direction.z );\n\t\t} else if ( face == 3.0 ) {\n\t\t\tuv = vec2( - direction.z, direction.y ) / abs( direction.x );\n\t\t} else if ( face == 4.0 ) {\n\t\t\tuv = vec2( - direction.x, direction.z ) / abs( direction.y );\n\t\t} else {\n\t\t\tuv = vec2( direction.x, direction.y ) / abs( direction.z );\n\t\t}\n\t\treturn 0.5 * ( uv + 1.0 );\n\t}\n\tvec3 bilinearCubeUV( sampler2D envMap, vec3 direction, float mipInt ) {\n\t\tfloat face = getFace( direction );\n\t\tfloat filterInt = max( cubeUV_minMipLevel - mipInt, 0.0 );\n\t\tmipInt = max( mipInt, cubeUV_minMipLevel );\n\t\tfloat faceSize = exp2( mipInt );\n\t\tfloat texelSize = 1.0 / ( 3.0 * cubeUV_maxTileSize );\n\t\tvec2 uv = getUV( direction, face ) * ( faceSize - 1.0 );\n\t\tvec2 f = fract( uv );\n\t\tuv += 0.5 - f;\n\t\tif ( face > 2.0 ) {\n\t\t\tuv.y += faceSize;\n\t\t\tface -= 3.0;\n\t\t}\n\t\tuv.x += face * faceSize;\n\t\tif ( mipInt < cubeUV_maxMipLevel ) {\n\t\t\tuv.y += 2.0 * cubeUV_maxTileSize;\n\t\t}\n\t\tuv.y += filterInt * 2.0 * cubeUV_minTileSize;\n\t\tuv.x += 3.0 * max( 0.0, cubeUV_maxTileSize - 2.0 * faceSize );\n\t\tuv *= texelSize;\n\t\tvec3 tl = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tuv.x += texelSize;\n\t\tvec3 tr = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tuv.y += texelSize;\n\t\tvec3 br = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tuv.x -= texelSize;\n\t\tvec3 bl = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tvec3 tm = mix( tl, tr, f.x );\n\t\tvec3 bm = mix( bl, br, f.x );\n\t\treturn mix( tm, bm, f.y );\n\t}\n\t#define r0 1.0\n\t#define v0 0.339\n\t#define m0 - 2.0\n\t#define r1 0.8\n\t#define v1 0.276\n\t#define m1 - 1.0\n\t#define r4 0.4\n\t#define v4 0.046\n\t#define m4 2.0\n\t#define r5 0.305\n\t#define v5 0.016\n\t#define m5 3.0\n\t#define r6 0.21\n\t#define v6 0.0038\n\t#define m6 4.0\n\tfloat roughnessToMip( float roughness ) {\n\t\tfloat mip = 0.0;\n\t\tif ( roughness >= r1 ) {\n\t\t\tmip = ( r0 - roughness ) * ( m1 - m0 ) / ( r0 - r1 ) + m0;\n\t\t} else if ( roughness >= r4 ) {\n\t\t\tmip = ( r1 - roughness ) * ( m4 - m1 ) / ( r1 - r4 ) + m1;\n\t\t} else if ( roughness >= r5 ) {\n\t\t\tmip = ( r4 - roughness ) * ( m5 - m4 ) / ( r4 - r5 ) + m4;\n\t\t} else if ( roughness >= r6 ) {\n\t\t\tmip = ( r5 - roughness ) * ( m6 - m5 ) / ( r5 - r6 ) + m5;\n\t\t} else {\n\t\t\tmip = - 2.0 * log2( 1.16 * roughness );\t\t}\n\t\treturn mip;\n\t}\n\tvec4 textureCubeUV( sampler2D envMap, vec3 sampleDir, float roughness ) {\n\t\tfloat mip = clamp( roughnessToMip( roughness ), m0, cubeUV_maxMipLevel );\n\t\tfloat mipF = fract( mip );\n\t\tfloat mipInt = floor( mip );\n\t\tvec3 color0 = bilinearCubeUV( envMap, sampleDir, mipInt );\n\t\tif ( mipF == 0.0 ) {\n\t\t\treturn vec4( color0, 1.0 );\n\t\t} else {\n\t\t\tvec3 color1 = bilinearCubeUV( envMap, sampleDir, mipInt + 1.0 );\n\t\t\treturn vec4( mix( color0, color1, mipF ), 1.0 );\n\t\t}\n\t}\n#endif"; var defaultnormal_vertex = "vec3 transformedNormal = objectNormal;\n#ifdef USE_INSTANCING\n\tmat3 m = mat3( instanceMatrix );\n\ttransformedNormal /= vec3( dot( m[ 0 ], m[ 0 ] ), dot( m[ 1 ], m[ 1 ] ), dot( m[ 2 ], m[ 2 ] ) );\n\ttransformedNormal = m * transformedNormal;\n#endif\ntransformedNormal = normalMatrix * transformedNormal;\n#ifdef FLIP_SIDED\n\ttransformedNormal = - transformedNormal;\n#endif\n#ifdef USE_TANGENT\n\tvec3 transformedTangent = ( modelViewMatrix * vec4( objectTangent, 0.0 ) ).xyz;\n\t#ifdef FLIP_SIDED\n\t\ttransformedTangent = - transformedTangent;\n\t#endif\n#endif"; var displacementmap_pars_vertex = "#ifdef USE_DISPLACEMENTMAP\n\tuniform sampler2D displacementMap;\n\tuniform float displacementScale;\n\tuniform float displacementBias;\n#endif"; var displacementmap_vertex = "#ifdef USE_DISPLACEMENTMAP\n\ttransformed += normalize( objectNormal ) * ( texture2D( displacementMap, vUv ).x * displacementScale + displacementBias );\n#endif"; var emissivemap_fragment = "#ifdef USE_EMISSIVEMAP\n\tvec4 emissiveColor = texture2D( emissiveMap, vUv );\n\temissiveColor.rgb = emissiveMapTexelToLinear( emissiveColor ).rgb;\n\ttotalEmissiveRadiance *= emissiveColor.rgb;\n#endif"; var emissivemap_pars_fragment = "#ifdef USE_EMISSIVEMAP\n\tuniform sampler2D emissiveMap;\n#endif"; var encodings_fragment = "gl_FragColor = linearToOutputTexel( gl_FragColor );"; var encodings_pars_fragment = "\nvec4 LinearToLinear( in vec4 value ) {\n\treturn value;\n}\nvec4 GammaToLinear( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.rgb, vec3( gammaFactor ) ), value.a );\n}\nvec4 LinearToGamma( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.rgb, vec3( 1.0 / gammaFactor ) ), value.a );\n}\nvec4 sRGBToLinear( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), value.rgb * 0.0773993808, vec3( lessThanEqual( value.rgb, vec3( 0.04045 ) ) ) ), value.a );\n}\nvec4 LinearTosRGB( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb, vec3( 0.41666 ) ) * 1.055 - vec3( 0.055 ), value.rgb * 12.92, vec3( lessThanEqual( value.rgb, vec3( 0.0031308 ) ) ) ), value.a );\n}\nvec4 RGBEToLinear( in vec4 value ) {\n\treturn vec4( value.rgb * exp2( value.a * 255.0 - 128.0 ), 1.0 );\n}\nvec4 LinearToRGBE( in vec4 value ) {\n\tfloat maxComponent = max( max( value.r, value.g ), value.b );\n\tfloat fExp = clamp( ceil( log2( maxComponent ) ), -128.0, 127.0 );\n\treturn vec4( value.rgb / exp2( fExp ), ( fExp + 128.0 ) / 255.0 );\n}\nvec4 RGBMToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.rgb * value.a * maxRange, 1.0 );\n}\nvec4 LinearToRGBM( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.r, max( value.g, value.b ) );\n\tfloat M = clamp( maxRGB / maxRange, 0.0, 1.0 );\n\tM = ceil( M * 255.0 ) / 255.0;\n\treturn vec4( value.rgb / ( M * maxRange ), M );\n}\nvec4 RGBDToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.rgb * ( ( maxRange / 255.0 ) / value.a ), 1.0 );\n}\nvec4 LinearToRGBD( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.r, max( value.g, value.b ) );\n\tfloat D = max( maxRange / maxRGB, 1.0 );\n\tD = clamp( floor( D ) / 255.0, 0.0, 1.0 );\n\treturn vec4( value.rgb * ( D * ( 255.0 / maxRange ) ), D );\n}\nconst mat3 cLogLuvM = mat3( 0.2209, 0.3390, 0.4184, 0.1138, 0.6780, 0.7319, 0.0102, 0.1130, 0.2969 );\nvec4 LinearToLogLuv( in vec4 value ) {\n\tvec3 Xp_Y_XYZp = cLogLuvM * value.rgb;\n\tXp_Y_XYZp = max( Xp_Y_XYZp, vec3( 1e-6, 1e-6, 1e-6 ) );\n\tvec4 vResult;\n\tvResult.xy = Xp_Y_XYZp.xy / Xp_Y_XYZp.z;\n\tfloat Le = 2.0 * log2(Xp_Y_XYZp.y) + 127.0;\n\tvResult.w = fract( Le );\n\tvResult.z = ( Le - ( floor( vResult.w * 255.0 ) ) / 255.0 ) / 255.0;\n\treturn vResult;\n}\nconst mat3 cLogLuvInverseM = mat3( 6.0014, -2.7008, -1.7996, -1.3320, 3.1029, -5.7721, 0.3008, -1.0882, 5.6268 );\nvec4 LogLuvToLinear( in vec4 value ) {\n\tfloat Le = value.z * 255.0 + value.w;\n\tvec3 Xp_Y_XYZp;\n\tXp_Y_XYZp.y = exp2( ( Le - 127.0 ) / 2.0 );\n\tXp_Y_XYZp.z = Xp_Y_XYZp.y / value.y;\n\tXp_Y_XYZp.x = value.x * Xp_Y_XYZp.z;\n\tvec3 vRGB = cLogLuvInverseM * Xp_Y_XYZp.rgb;\n\treturn vec4( max( vRGB, 0.0 ), 1.0 );\n}"; var envmap_fragment = "#ifdef USE_ENVMAP\n\t#ifdef ENV_WORLDPOS\n\t\tvec3 cameraToFrag;\n\t\tif ( isOrthographic ) {\n\t\t\tcameraToFrag = normalize( vec3( - viewMatrix[ 0 ][ 2 ], - viewMatrix[ 1 ][ 2 ], - viewMatrix[ 2 ][ 2 ] ) );\n\t\t} else {\n\t\t\tcameraToFrag = normalize( vWorldPosition - cameraPosition );\n\t\t}\n\t\tvec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( cameraToFrag, worldNormal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( cameraToFrag, worldNormal, refractionRatio );\n\t\t#endif\n\t#else\n\t\tvec3 reflectVec = vReflect;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tvec4 envColor = textureCube( envMap, vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );\n\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\tvec4 envColor = textureCubeUV( envMap, reflectVec, 0.0 );\n\t#else\n\t\tvec4 envColor = vec4( 0.0 );\n\t#endif\n\t#ifndef ENVMAP_TYPE_CUBE_UV\n\t\tenvColor = envMapTexelToLinear( envColor );\n\t#endif\n\t#ifdef ENVMAP_BLENDING_MULTIPLY\n\t\toutgoingLight = mix( outgoingLight, outgoingLight * envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_MIX )\n\t\toutgoingLight = mix( outgoingLight, envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_ADD )\n\t\toutgoingLight += envColor.xyz * specularStrength * reflectivity;\n\t#endif\n#endif"; var envmap_common_pars_fragment = "#ifdef USE_ENVMAP\n\tuniform float envMapIntensity;\n\tuniform float flipEnvMap;\n\tuniform int maxMipLevel;\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tuniform samplerCube envMap;\n\t#else\n\t\tuniform sampler2D envMap;\n\t#endif\n\t\n#endif"; var envmap_pars_fragment = "#ifdef USE_ENVMAP\n\tuniform float reflectivity;\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\t#define ENV_WORLDPOS\n\t#endif\n\t#ifdef ENV_WORLDPOS\n\t\tvarying vec3 vWorldPosition;\n\t\tuniform float refractionRatio;\n\t#else\n\t\tvarying vec3 vReflect;\n\t#endif\n#endif"; var envmap_pars_vertex = "#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) ||defined( PHONG )\n\t\t#define ENV_WORLDPOS\n\t#endif\n\t#ifdef ENV_WORLDPOS\n\t\t\n\t\tvarying vec3 vWorldPosition;\n\t#else\n\t\tvarying vec3 vReflect;\n\t\tuniform float refractionRatio;\n\t#endif\n#endif"; var envmap_vertex = "#ifdef USE_ENVMAP\n\t#ifdef ENV_WORLDPOS\n\t\tvWorldPosition = worldPosition.xyz;\n\t#else\n\t\tvec3 cameraToVertex;\n\t\tif ( isOrthographic ) {\n\t\t\tcameraToVertex = normalize( vec3( - viewMatrix[ 0 ][ 2 ], - viewMatrix[ 1 ][ 2 ], - viewMatrix[ 2 ][ 2 ] ) );\n\t\t} else {\n\t\t\tcameraToVertex = normalize( worldPosition.xyz - cameraPosition );\n\t\t}\n\t\tvec3 worldNormal = inverseTransformDirection( transformedNormal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvReflect = reflect( cameraToVertex, worldNormal );\n\t\t#else\n\t\t\tvReflect = refract( cameraToVertex, worldNormal, refractionRatio );\n\t\t#endif\n\t#endif\n#endif"; var fog_vertex = "#ifdef USE_FOG\n\tfogDepth = - mvPosition.z;\n#endif"; var fog_pars_vertex = "#ifdef USE_FOG\n\tvarying float fogDepth;\n#endif"; var fog_fragment = "#ifdef USE_FOG\n\t#ifdef FOG_EXP2\n\t\tfloat fogFactor = 1.0 - exp( - fogDensity * fogDensity * fogDepth * fogDepth );\n\t#else\n\t\tfloat fogFactor = smoothstep( fogNear, fogFar, fogDepth );\n\t#endif\n\tgl_FragColor.rgb = mix( gl_FragColor.rgb, fogColor, fogFactor );\n#endif"; var fog_pars_fragment = "#ifdef USE_FOG\n\tuniform vec3 fogColor;\n\tvarying float fogDepth;\n\t#ifdef FOG_EXP2\n\t\tuniform float fogDensity;\n\t#else\n\t\tuniform float fogNear;\n\t\tuniform float fogFar;\n\t#endif\n#endif"; var gradientmap_pars_fragment = "#ifdef USE_GRADIENTMAP\n\tuniform sampler2D gradientMap;\n#endif\nvec3 getGradientIrradiance( vec3 normal, vec3 lightDirection ) {\n\tfloat dotNL = dot( normal, lightDirection );\n\tvec2 coord = vec2( dotNL * 0.5 + 0.5, 0.0 );\n\t#ifdef USE_GRADIENTMAP\n\t\treturn texture2D( gradientMap, coord ).rgb;\n\t#else\n\t\treturn ( coord.x < 0.7 ) ? vec3( 0.7 ) : vec3( 1.0 );\n\t#endif\n}"; var lightmap_fragment = "#ifdef USE_LIGHTMAP\n\tvec4 lightMapTexel= texture2D( lightMap, vUv2 );\n\treflectedLight.indirectDiffuse += PI * lightMapTexelToLinear( lightMapTexel ).rgb * lightMapIntensity;\n#endif"; var lightmap_pars_fragment = "#ifdef USE_LIGHTMAP\n\tuniform sampler2D lightMap;\n\tuniform float lightMapIntensity;\n#endif"; var lights_lambert_vertex = "vec3 diffuse = vec3( 1.0 );\nGeometricContext geometry;\ngeometry.position = mvPosition.xyz;\ngeometry.normal = normalize( transformedNormal );\ngeometry.viewDir = ( isOrthographic ) ? vec3( 0, 0, 1 ) : normalize( -mvPosition.xyz );\nGeometricContext backGeometry;\nbackGeometry.position = geometry.position;\nbackGeometry.normal = -geometry.normal;\nbackGeometry.viewDir = geometry.viewDir;\nvLightFront = vec3( 0.0 );\nvIndirectFront = vec3( 0.0 );\n#ifdef DOUBLE_SIDED\n\tvLightBack = vec3( 0.0 );\n\tvIndirectBack = vec3( 0.0 );\n#endif\nIncidentLight directLight;\nfloat dotNL;\nvec3 directLightColor_Diffuse;\nvIndirectFront += getAmbientLightIrradiance( ambientLightColor );\nvIndirectFront += getLightProbeIrradiance( lightProbe, geometry );\n#ifdef DOUBLE_SIDED\n\tvIndirectBack += getAmbientLightIrradiance( ambientLightColor );\n\tvIndirectBack += getLightProbeIrradiance( lightProbe, backGeometry );\n#endif\n#if NUM_POINT_LIGHTS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tgetPointDirectLightIrradiance( pointLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tgetSpotDirectLightIrradiance( spotLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if NUM_DIR_LIGHTS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tgetDirectionalDirectLightIrradiance( directionalLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\tvIndirectFront += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvIndirectBack += getHemisphereLightIrradiance( hemisphereLights[ i ], backGeometry );\n\t\t#endif\n\t}\n\t#pragma unroll_loop_end\n#endif"; var lights_pars_begin = "uniform bool receiveShadow;\nuniform vec3 ambientLightColor;\nuniform vec3 lightProbe[ 9 ];\nvec3 shGetIrradianceAt( in vec3 normal, in vec3 shCoefficients[ 9 ] ) {\n\tfloat x = normal.x, y = normal.y, z = normal.z;\n\tvec3 result = shCoefficients[ 0 ] * 0.886227;\n\tresult += shCoefficients[ 1 ] * 2.0 * 0.511664 * y;\n\tresult += shCoefficients[ 2 ] * 2.0 * 0.511664 * z;\n\tresult += shCoefficients[ 3 ] * 2.0 * 0.511664 * x;\n\tresult += shCoefficients[ 4 ] * 2.0 * 0.429043 * x * y;\n\tresult += shCoefficients[ 5 ] * 2.0 * 0.429043 * y * z;\n\tresult += shCoefficients[ 6 ] * ( 0.743125 * z * z - 0.247708 );\n\tresult += shCoefficients[ 7 ] * 2.0 * 0.429043 * x * z;\n\tresult += shCoefficients[ 8 ] * 0.429043 * ( x * x - y * y );\n\treturn result;\n}\nvec3 getLightProbeIrradiance( const in vec3 lightProbe[ 9 ], const in GeometricContext geometry ) {\n\tvec3 worldNormal = inverseTransformDirection( geometry.normal, viewMatrix );\n\tvec3 irradiance = shGetIrradianceAt( worldNormal, lightProbe );\n\treturn irradiance;\n}\nvec3 getAmbientLightIrradiance( const in vec3 ambientLightColor ) {\n\tvec3 irradiance = ambientLightColor;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\treturn irradiance;\n}\n#if NUM_DIR_LIGHTS > 0\n\tstruct DirectionalLight {\n\t\tvec3 direction;\n\t\tvec3 color;\n\t};\n\tuniform DirectionalLight directionalLights[ NUM_DIR_LIGHTS ];\n\tvoid getDirectionalDirectLightIrradiance( const in DirectionalLight directionalLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tdirectLight.color = directionalLight.color;\n\t\tdirectLight.direction = directionalLight.direction;\n\t\tdirectLight.visible = true;\n\t}\n#endif\n#if NUM_POINT_LIGHTS > 0\n\tstruct PointLight {\n\t\tvec3 position;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t};\n\tuniform PointLight pointLights[ NUM_POINT_LIGHTS ];\n\tvoid getPointDirectLightIrradiance( const in PointLight pointLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tvec3 lVector = pointLight.position - geometry.position;\n\t\tdirectLight.direction = normalize( lVector );\n\t\tfloat lightDistance = length( lVector );\n\t\tdirectLight.color = pointLight.color;\n\t\tdirectLight.color *= punctualLightIntensityToIrradianceFactor( lightDistance, pointLight.distance, pointLight.decay );\n\t\tdirectLight.visible = ( directLight.color != vec3( 0.0 ) );\n\t}\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\tstruct SpotLight {\n\t\tvec3 position;\n\t\tvec3 direction;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t\tfloat coneCos;\n\t\tfloat penumbraCos;\n\t};\n\tuniform SpotLight spotLights[ NUM_SPOT_LIGHTS ];\n\tvoid getSpotDirectLightIrradiance( const in SpotLight spotLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tvec3 lVector = spotLight.position - geometry.position;\n\t\tdirectLight.direction = normalize( lVector );\n\t\tfloat lightDistance = length( lVector );\n\t\tfloat angleCos = dot( directLight.direction, spotLight.direction );\n\t\tif ( angleCos > spotLight.coneCos ) {\n\t\t\tfloat spotEffect = smoothstep( spotLight.coneCos, spotLight.penumbraCos, angleCos );\n\t\t\tdirectLight.color = spotLight.color;\n\t\t\tdirectLight.color *= spotEffect * punctualLightIntensityToIrradianceFactor( lightDistance, spotLight.distance, spotLight.decay );\n\t\t\tdirectLight.visible = true;\n\t\t} else {\n\t\t\tdirectLight.color = vec3( 0.0 );\n\t\t\tdirectLight.visible = false;\n\t\t}\n\t}\n#endif\n#if NUM_RECT_AREA_LIGHTS > 0\n\tstruct RectAreaLight {\n\t\tvec3 color;\n\t\tvec3 position;\n\t\tvec3 halfWidth;\n\t\tvec3 halfHeight;\n\t};\n\tuniform sampler2D ltc_1;\tuniform sampler2D ltc_2;\n\tuniform RectAreaLight rectAreaLights[ NUM_RECT_AREA_LIGHTS ];\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\tstruct HemisphereLight {\n\t\tvec3 direction;\n\t\tvec3 skyColor;\n\t\tvec3 groundColor;\n\t};\n\tuniform HemisphereLight hemisphereLights[ NUM_HEMI_LIGHTS ];\n\tvec3 getHemisphereLightIrradiance( const in HemisphereLight hemiLight, const in GeometricContext geometry ) {\n\t\tfloat dotNL = dot( geometry.normal, hemiLight.direction );\n\t\tfloat hemiDiffuseWeight = 0.5 * dotNL + 0.5;\n\t\tvec3 irradiance = mix( hemiLight.groundColor, hemiLight.skyColor, hemiDiffuseWeight );\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tirradiance *= PI;\n\t\t#endif\n\t\treturn irradiance;\n\t}\n#endif"; var envmap_physical_pars_fragment = "#if defined( USE_ENVMAP )\n\t#ifdef ENVMAP_MODE_REFRACTION\n\t\tuniform float refractionRatio;\n\t#endif\n\tvec3 getLightProbeIndirectIrradiance( const in GeometricContext geometry, const in int maxMIPLevel ) {\n\t\tvec3 worldNormal = inverseTransformDirection( geometry.normal, viewMatrix );\n\t\t#ifdef ENVMAP_TYPE_CUBE\n\t\t\tvec3 queryVec = vec3( flipEnvMap * worldNormal.x, worldNormal.yz );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = textureCubeLodEXT( envMap, queryVec, float( maxMIPLevel ) );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = textureCube( envMap, queryVec, float( maxMIPLevel ) );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec4 envMapColor = textureCubeUV( envMap, worldNormal, 1.0 );\n\t\t#else\n\t\t\tvec4 envMapColor = vec4( 0.0 );\n\t\t#endif\n\t\treturn PI * envMapColor.rgb * envMapIntensity;\n\t}\n\tfloat getSpecularMIPLevel( const in float roughness, const in int maxMIPLevel ) {\n\t\tfloat maxMIPLevelScalar = float( maxMIPLevel );\n\t\tfloat sigma = PI * roughness * roughness / ( 1.0 + roughness );\n\t\tfloat desiredMIPLevel = maxMIPLevelScalar + log2( sigma );\n\t\treturn clamp( desiredMIPLevel, 0.0, maxMIPLevelScalar );\n\t}\n\tvec3 getLightProbeIndirectRadiance( const in vec3 viewDir, const in vec3 normal, const in float roughness, const in int maxMIPLevel ) {\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( -viewDir, normal );\n\t\t\treflectVec = normalize( mix( reflectVec, normal, roughness * roughness) );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( -viewDir, normal, refractionRatio );\n\t\t#endif\n\t\treflectVec = inverseTransformDirection( reflectVec, viewMatrix );\n\t\tfloat specularMIPLevel = getSpecularMIPLevel( roughness, maxMIPLevel );\n\t\t#ifdef ENVMAP_TYPE_CUBE\n\t\t\tvec3 queryReflectVec = vec3( flipEnvMap * reflectVec.x, reflectVec.yz );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = textureCubeLodEXT( envMap, queryReflectVec, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = textureCube( envMap, queryReflectVec, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec4 envMapColor = textureCubeUV( envMap, reflectVec, roughness );\n\t\t#endif\n\t\treturn envMapColor.rgb * envMapIntensity;\n\t}\n#endif"; var lights_toon_fragment = "ToonMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb;"; var lights_toon_pars_fragment = "varying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\nstruct ToonMaterial {\n\tvec3 diffuseColor;\n};\nvoid RE_Direct_Toon( const in IncidentLight directLight, const in GeometricContext geometry, const in ToonMaterial material, inout ReflectedLight reflectedLight ) {\n\tvec3 irradiance = getGradientIrradiance( geometry.normal, directLight.direction ) * directLight.color;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\treflectedLight.directDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectDiffuse_Toon( const in vec3 irradiance, const in GeometricContext geometry, const in ToonMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_Toon\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_Toon\n#define Material_LightProbeLOD( material )\t(0)"; var lights_phong_fragment = "BlinnPhongMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb;\nmaterial.specularColor = specular;\nmaterial.specularShininess = shininess;\nmaterial.specularStrength = specularStrength;"; var lights_phong_pars_fragment = "varying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\nstruct BlinnPhongMaterial {\n\tvec3 diffuseColor;\n\tvec3 specularColor;\n\tfloat specularShininess;\n\tfloat specularStrength;\n};\nvoid RE_Direct_BlinnPhong( const in IncidentLight directLight, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\treflectedLight.directDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n\treflectedLight.directSpecular += irradiance * BRDF_Specular_BlinnPhong( directLight, geometry, material.specularColor, material.specularShininess ) * material.specularStrength;\n}\nvoid RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_BlinnPhong\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_BlinnPhong\n#define Material_LightProbeLOD( material )\t(0)"; var lights_physical_fragment = "PhysicalMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb * ( 1.0 - metalnessFactor );\nvec3 dxy = max( abs( dFdx( geometryNormal ) ), abs( dFdy( geometryNormal ) ) );\nfloat geometryRoughness = max( max( dxy.x, dxy.y ), dxy.z );\nmaterial.specularRoughness = max( roughnessFactor, 0.0525 );material.specularRoughness += geometryRoughness;\nmaterial.specularRoughness = min( material.specularRoughness, 1.0 );\n#ifdef REFLECTIVITY\n\tmaterial.specularColor = mix( vec3( MAXIMUM_SPECULAR_COEFFICIENT * pow2( reflectivity ) ), diffuseColor.rgb, metalnessFactor );\n#else\n\tmaterial.specularColor = mix( vec3( DEFAULT_SPECULAR_COEFFICIENT ), diffuseColor.rgb, metalnessFactor );\n#endif\n#ifdef CLEARCOAT\n\tmaterial.clearcoat = clearcoat;\n\tmaterial.clearcoatRoughness = clearcoatRoughness;\n\t#ifdef USE_CLEARCOATMAP\n\t\tmaterial.clearcoat *= texture2D( clearcoatMap, vUv ).x;\n\t#endif\n\t#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\t\tmaterial.clearcoatRoughness *= texture2D( clearcoatRoughnessMap, vUv ).y;\n\t#endif\n\tmaterial.clearcoat = saturate( material.clearcoat );\tmaterial.clearcoatRoughness = max( material.clearcoatRoughness, 0.0525 );\n\tmaterial.clearcoatRoughness += geometryRoughness;\n\tmaterial.clearcoatRoughness = min( material.clearcoatRoughness, 1.0 );\n#endif\n#ifdef USE_SHEEN\n\tmaterial.sheenColor = sheen;\n#endif"; var lights_physical_pars_fragment = "struct PhysicalMaterial {\n\tvec3 diffuseColor;\n\tfloat specularRoughness;\n\tvec3 specularColor;\n#ifdef CLEARCOAT\n\tfloat clearcoat;\n\tfloat clearcoatRoughness;\n#endif\n#ifdef USE_SHEEN\n\tvec3 sheenColor;\n#endif\n};\n#define MAXIMUM_SPECULAR_COEFFICIENT 0.16\n#define DEFAULT_SPECULAR_COEFFICIENT 0.04\nfloat clearcoatDHRApprox( const in float roughness, const in float dotNL ) {\n\treturn DEFAULT_SPECULAR_COEFFICIENT + ( 1.0 - DEFAULT_SPECULAR_COEFFICIENT ) * ( pow( 1.0 - dotNL, 5.0 ) * pow( 1.0 - roughness, 2.0 ) );\n}\n#if NUM_RECT_AREA_LIGHTS > 0\n\tvoid RE_Direct_RectArea_Physical( const in RectAreaLight rectAreaLight, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t\tvec3 normal = geometry.normal;\n\t\tvec3 viewDir = geometry.viewDir;\n\t\tvec3 position = geometry.position;\n\t\tvec3 lightPos = rectAreaLight.position;\n\t\tvec3 halfWidth = rectAreaLight.halfWidth;\n\t\tvec3 halfHeight = rectAreaLight.halfHeight;\n\t\tvec3 lightColor = rectAreaLight.color;\n\t\tfloat roughness = material.specularRoughness;\n\t\tvec3 rectCoords[ 4 ];\n\t\trectCoords[ 0 ] = lightPos + halfWidth - halfHeight;\t\trectCoords[ 1 ] = lightPos - halfWidth - halfHeight;\n\t\trectCoords[ 2 ] = lightPos - halfWidth + halfHeight;\n\t\trectCoords[ 3 ] = lightPos + halfWidth + halfHeight;\n\t\tvec2 uv = LTC_Uv( normal, viewDir, roughness );\n\t\tvec4 t1 = texture2D( ltc_1, uv );\n\t\tvec4 t2 = texture2D( ltc_2, uv );\n\t\tmat3 mInv = mat3(\n\t\t\tvec3( t1.x, 0, t1.y ),\n\t\t\tvec3( 0, 1, 0 ),\n\t\t\tvec3( t1.z, 0, t1.w )\n\t\t);\n\t\tvec3 fresnel = ( material.specularColor * t2.x + ( vec3( 1.0 ) - material.specularColor ) * t2.y );\n\t\treflectedLight.directSpecular += lightColor * fresnel * LTC_Evaluate( normal, viewDir, position, mInv, rectCoords );\n\t\treflectedLight.directDiffuse += lightColor * material.diffuseColor * LTC_Evaluate( normal, viewDir, position, mat3( 1.0 ), rectCoords );\n\t}\n#endif\nvoid RE_Direct_Physical( const in IncidentLight directLight, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\t#ifdef CLEARCOAT\n\t\tfloat ccDotNL = saturate( dot( geometry.clearcoatNormal, directLight.direction ) );\n\t\tvec3 ccIrradiance = ccDotNL * directLight.color;\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tccIrradiance *= PI;\n\t\t#endif\n\t\tfloat clearcoatDHR = material.clearcoat * clearcoatDHRApprox( material.clearcoatRoughness, ccDotNL );\n\t\treflectedLight.directSpecular += ccIrradiance * material.clearcoat * BRDF_Specular_GGX( directLight, geometry.viewDir, geometry.clearcoatNormal, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearcoatRoughness );\n\t#else\n\t\tfloat clearcoatDHR = 0.0;\n\t#endif\n\t#ifdef USE_SHEEN\n\t\treflectedLight.directSpecular += ( 1.0 - clearcoatDHR ) * irradiance * BRDF_Specular_Sheen(\n\t\t\tmaterial.specularRoughness,\n\t\t\tdirectLight.direction,\n\t\t\tgeometry,\n\t\t\tmaterial.sheenColor\n\t\t);\n\t#else\n\t\treflectedLight.directSpecular += ( 1.0 - clearcoatDHR ) * irradiance * BRDF_Specular_GGX( directLight, geometry.viewDir, geometry.normal, material.specularColor, material.specularRoughness);\n\t#endif\n\treflectedLight.directDiffuse += ( 1.0 - clearcoatDHR ) * irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectDiffuse_Physical( const in vec3 irradiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectSpecular_Physical( const in vec3 radiance, const in vec3 irradiance, const in vec3 clearcoatRadiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight) {\n\t#ifdef CLEARCOAT\n\t\tfloat ccDotNV = saturate( dot( geometry.clearcoatNormal, geometry.viewDir ) );\n\t\treflectedLight.indirectSpecular += clearcoatRadiance * material.clearcoat * BRDF_Specular_GGX_Environment( geometry.viewDir, geometry.clearcoatNormal, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearcoatRoughness );\n\t\tfloat ccDotNL = ccDotNV;\n\t\tfloat clearcoatDHR = material.clearcoat * clearcoatDHRApprox( material.clearcoatRoughness, ccDotNL );\n\t#else\n\t\tfloat clearcoatDHR = 0.0;\n\t#endif\n\tfloat clearcoatInv = 1.0 - clearcoatDHR;\n\tvec3 singleScattering = vec3( 0.0 );\n\tvec3 multiScattering = vec3( 0.0 );\n\tvec3 cosineWeightedIrradiance = irradiance * RECIPROCAL_PI;\n\tBRDF_Specular_Multiscattering_Environment( geometry, material.specularColor, material.specularRoughness, singleScattering, multiScattering );\n\tvec3 diffuse = material.diffuseColor * ( 1.0 - ( singleScattering + multiScattering ) );\n\treflectedLight.indirectSpecular += clearcoatInv * radiance * singleScattering;\n\treflectedLight.indirectSpecular += multiScattering * cosineWeightedIrradiance;\n\treflectedLight.indirectDiffuse += diffuse * cosineWeightedIrradiance;\n}\n#define RE_Direct\t\t\t\tRE_Direct_Physical\n#define RE_Direct_RectArea\t\tRE_Direct_RectArea_Physical\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_Physical\n#define RE_IndirectSpecular\t\tRE_IndirectSpecular_Physical\nfloat computeSpecularOcclusion( const in float dotNV, const in float ambientOcclusion, const in float roughness ) {\n\treturn saturate( pow( dotNV + ambientOcclusion, exp2( - 16.0 * roughness - 1.0 ) ) - 1.0 + ambientOcclusion );\n}"; var lights_fragment_begin = "\nGeometricContext geometry;\ngeometry.position = - vViewPosition;\ngeometry.normal = normal;\ngeometry.viewDir = ( isOrthographic ) ? vec3( 0, 0, 1 ) : normalize( vViewPosition );\n#ifdef CLEARCOAT\n\tgeometry.clearcoatNormal = clearcoatNormal;\n#endif\nIncidentLight directLight;\n#if ( NUM_POINT_LIGHTS > 0 ) && defined( RE_Direct )\n\tPointLight pointLight;\n\t#if defined( USE_SHADOWMAP ) && NUM_POINT_LIGHT_SHADOWS > 0\n\tPointLightShadow pointLightShadow;\n\t#endif\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tpointLight = pointLights[ i ];\n\t\tgetPointDirectLightIrradiance( pointLight, geometry, directLight );\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_POINT_LIGHT_SHADOWS )\n\t\tpointLightShadow = pointLightShadows[ i ];\n\t\tdirectLight.color *= all( bvec2( directLight.visible, receiveShadow ) ) ? getPointShadow( pointShadowMap[ i ], pointLightShadow.shadowMapSize, pointLightShadow.shadowBias, pointLightShadow.shadowRadius, vPointShadowCoord[ i ], pointLightShadow.shadowCameraNear, pointLightShadow.shadowCameraFar ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if ( NUM_SPOT_LIGHTS > 0 ) && defined( RE_Direct )\n\tSpotLight spotLight;\n\t#if defined( USE_SHADOWMAP ) && NUM_SPOT_LIGHT_SHADOWS > 0\n\tSpotLightShadow spotLightShadow;\n\t#endif\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tspotLight = spotLights[ i ];\n\t\tgetSpotDirectLightIrradiance( spotLight, geometry, directLight );\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_SPOT_LIGHT_SHADOWS )\n\t\tspotLightShadow = spotLightShadows[ i ];\n\t\tdirectLight.color *= all( bvec2( directLight.visible, receiveShadow ) ) ? getShadow( spotShadowMap[ i ], spotLightShadow.shadowMapSize, spotLightShadow.shadowBias, spotLightShadow.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if ( NUM_DIR_LIGHTS > 0 ) && defined( RE_Direct )\n\tDirectionalLight directionalLight;\n\t#if defined( USE_SHADOWMAP ) && NUM_DIR_LIGHT_SHADOWS > 0\n\tDirectionalLightShadow directionalLightShadow;\n\t#endif\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tdirectionalLight = directionalLights[ i ];\n\t\tgetDirectionalDirectLightIrradiance( directionalLight, geometry, directLight );\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_DIR_LIGHT_SHADOWS )\n\t\tdirectionalLightShadow = directionalLightShadows[ i ];\n\t\tdirectLight.color *= all( bvec2( directLight.visible, receiveShadow ) ) ? getShadow( directionalShadowMap[ i ], directionalLightShadow.shadowMapSize, directionalLightShadow.shadowBias, directionalLightShadow.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if ( NUM_RECT_AREA_LIGHTS > 0 ) && defined( RE_Direct_RectArea )\n\tRectAreaLight rectAreaLight;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_RECT_AREA_LIGHTS; i ++ ) {\n\t\trectAreaLight = rectAreaLights[ i ];\n\t\tRE_Direct_RectArea( rectAreaLight, geometry, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if defined( RE_IndirectDiffuse )\n\tvec3 iblIrradiance = vec3( 0.0 );\n\tvec3 irradiance = getAmbientLightIrradiance( ambientLightColor );\n\tirradiance += getLightProbeIrradiance( lightProbe, geometry );\n\t#if ( NUM_HEMI_LIGHTS > 0 )\n\t\t#pragma unroll_loop_start\n\t\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\t\tirradiance += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t}\n\t\t#pragma unroll_loop_end\n\t#endif\n#endif\n#if defined( RE_IndirectSpecular )\n\tvec3 radiance = vec3( 0.0 );\n\tvec3 clearcoatRadiance = vec3( 0.0 );\n#endif"; var lights_fragment_maps = "#if defined( RE_IndirectDiffuse )\n\t#ifdef USE_LIGHTMAP\n\t\tvec4 lightMapTexel= texture2D( lightMap, vUv2 );\n\t\tvec3 lightMapIrradiance = lightMapTexelToLinear( lightMapTexel ).rgb * lightMapIntensity;\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tlightMapIrradiance *= PI;\n\t\t#endif\n\t\tirradiance += lightMapIrradiance;\n\t#endif\n\t#if defined( USE_ENVMAP ) && defined( STANDARD ) && defined( ENVMAP_TYPE_CUBE_UV )\n\t\tiblIrradiance += getLightProbeIndirectIrradiance( geometry, maxMipLevel );\n\t#endif\n#endif\n#if defined( USE_ENVMAP ) && defined( RE_IndirectSpecular )\n\tradiance += getLightProbeIndirectRadiance( geometry.viewDir, geometry.normal, material.specularRoughness, maxMipLevel );\n\t#ifdef CLEARCOAT\n\t\tclearcoatRadiance += getLightProbeIndirectRadiance( geometry.viewDir, geometry.clearcoatNormal, material.clearcoatRoughness, maxMipLevel );\n\t#endif\n#endif"; var lights_fragment_end = "#if defined( RE_IndirectDiffuse )\n\tRE_IndirectDiffuse( irradiance, geometry, material, reflectedLight );\n#endif\n#if defined( RE_IndirectSpecular )\n\tRE_IndirectSpecular( radiance, iblIrradiance, clearcoatRadiance, geometry, material, reflectedLight );\n#endif"; var logdepthbuf_fragment = "#if defined( USE_LOGDEPTHBUF ) && defined( USE_LOGDEPTHBUF_EXT )\n\tgl_FragDepthEXT = vIsPerspective == 0.0 ? gl_FragCoord.z : log2( vFragDepth ) * logDepthBufFC * 0.5;\n#endif"; var logdepthbuf_pars_fragment = "#if defined( USE_LOGDEPTHBUF ) && defined( USE_LOGDEPTHBUF_EXT )\n\tuniform float logDepthBufFC;\n\tvarying float vFragDepth;\n\tvarying float vIsPerspective;\n#endif"; var logdepthbuf_pars_vertex = "#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvarying float vFragDepth;\n\t\tvarying float vIsPerspective;\n\t#else\n\t\tuniform float logDepthBufFC;\n\t#endif\n#endif"; var logdepthbuf_vertex = "#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvFragDepth = 1.0 + gl_Position.w;\n\t\tvIsPerspective = float( isPerspectiveMatrix( projectionMatrix ) );\n\t#else\n\t\tif ( isPerspectiveMatrix( projectionMatrix ) ) {\n\t\t\tgl_Position.z = log2( max( EPSILON, gl_Position.w + 1.0 ) ) * logDepthBufFC - 1.0;\n\t\t\tgl_Position.z *= gl_Position.w;\n\t\t}\n\t#endif\n#endif"; var map_fragment = "#ifdef USE_MAP\n\tvec4 texelColor = texture2D( map, vUv );\n\ttexelColor = mapTexelToLinear( texelColor );\n\tdiffuseColor *= texelColor;\n#endif"; var map_pars_fragment = "#ifdef USE_MAP\n\tuniform sampler2D map;\n#endif"; var map_particle_fragment = "#if defined( USE_MAP ) || defined( USE_ALPHAMAP )\n\tvec2 uv = ( uvTransform * vec3( gl_PointCoord.x, 1.0 - gl_PointCoord.y, 1 ) ).xy;\n#endif\n#ifdef USE_MAP\n\tvec4 mapTexel = texture2D( map, uv );\n\tdiffuseColor *= mapTexelToLinear( mapTexel );\n#endif\n#ifdef USE_ALPHAMAP\n\tdiffuseColor.a *= texture2D( alphaMap, uv ).g;\n#endif"; var map_particle_pars_fragment = "#if defined( USE_MAP ) || defined( USE_ALPHAMAP )\n\tuniform mat3 uvTransform;\n#endif\n#ifdef USE_MAP\n\tuniform sampler2D map;\n#endif\n#ifdef USE_ALPHAMAP\n\tuniform sampler2D alphaMap;\n#endif"; var metalnessmap_fragment = "float metalnessFactor = metalness;\n#ifdef USE_METALNESSMAP\n\tvec4 texelMetalness = texture2D( metalnessMap, vUv );\n\tmetalnessFactor *= texelMetalness.b;\n#endif"; var metalnessmap_pars_fragment = "#ifdef USE_METALNESSMAP\n\tuniform sampler2D metalnessMap;\n#endif"; var morphnormal_vertex = "#ifdef USE_MORPHNORMALS\n\tobjectNormal *= morphTargetBaseInfluence;\n\tobjectNormal += morphNormal0 * morphTargetInfluences[ 0 ];\n\tobjectNormal += morphNormal1 * morphTargetInfluences[ 1 ];\n\tobjectNormal += morphNormal2 * morphTargetInfluences[ 2 ];\n\tobjectNormal += morphNormal3 * morphTargetInfluences[ 3 ];\n#endif"; var morphtarget_pars_vertex = "#ifdef USE_MORPHTARGETS\n\tuniform float morphTargetBaseInfluence;\n\t#ifndef USE_MORPHNORMALS\n\t\tuniform float morphTargetInfluences[ 8 ];\n\t#else\n\t\tuniform float morphTargetInfluences[ 4 ];\n\t#endif\n#endif"; var morphtarget_vertex = "#ifdef USE_MORPHTARGETS\n\ttransformed *= morphTargetBaseInfluence;\n\ttransformed += morphTarget0 * morphTargetInfluences[ 0 ];\n\ttransformed += morphTarget1 * morphTargetInfluences[ 1 ];\n\ttransformed += morphTarget2 * morphTargetInfluences[ 2 ];\n\ttransformed += morphTarget3 * morphTargetInfluences[ 3 ];\n\t#ifndef USE_MORPHNORMALS\n\t\ttransformed += morphTarget4 * morphTargetInfluences[ 4 ];\n\t\ttransformed += morphTarget5 * morphTargetInfluences[ 5 ];\n\t\ttransformed += morphTarget6 * morphTargetInfluences[ 6 ];\n\t\ttransformed += morphTarget7 * morphTargetInfluences[ 7 ];\n\t#endif\n#endif"; var normal_fragment_begin = "#ifdef FLAT_SHADED\n\tvec3 fdx = vec3( dFdx( vViewPosition.x ), dFdx( vViewPosition.y ), dFdx( vViewPosition.z ) );\n\tvec3 fdy = vec3( dFdy( vViewPosition.x ), dFdy( vViewPosition.y ), dFdy( vViewPosition.z ) );\n\tvec3 normal = normalize( cross( fdx, fdy ) );\n#else\n\tvec3 normal = normalize( vNormal );\n\t#ifdef DOUBLE_SIDED\n\t\tnormal = normal * ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t#endif\n\t#ifdef USE_TANGENT\n\t\tvec3 tangent = normalize( vTangent );\n\t\tvec3 bitangent = normalize( vBitangent );\n\t\t#ifdef DOUBLE_SIDED\n\t\t\ttangent = tangent * ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t\t\tbitangent = bitangent * ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t\t#endif\n\t\t#if defined( TANGENTSPACE_NORMALMAP ) || defined( USE_CLEARCOAT_NORMALMAP )\n\t\t\tmat3 vTBN = mat3( tangent, bitangent, normal );\n\t\t#endif\n\t#endif\n#endif\nvec3 geometryNormal = normal;"; var normal_fragment_maps = "#ifdef OBJECTSPACE_NORMALMAP\n\tnormal = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\n\t#ifdef FLIP_SIDED\n\t\tnormal = - normal;\n\t#endif\n\t#ifdef DOUBLE_SIDED\n\t\tnormal = normal * ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t#endif\n\tnormal = normalize( normalMatrix * normal );\n#elif defined( TANGENTSPACE_NORMALMAP )\n\tvec3 mapN = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\n\tmapN.xy *= normalScale;\n\t#ifdef USE_TANGENT\n\t\tnormal = normalize( vTBN * mapN );\n\t#else\n\t\tnormal = perturbNormal2Arb( -vViewPosition, normal, mapN );\n\t#endif\n#elif defined( USE_BUMPMAP )\n\tnormal = perturbNormalArb( -vViewPosition, normal, dHdxy_fwd() );\n#endif"; var normalmap_pars_fragment = "#ifdef USE_NORMALMAP\n\tuniform sampler2D normalMap;\n\tuniform vec2 normalScale;\n#endif\n#ifdef OBJECTSPACE_NORMALMAP\n\tuniform mat3 normalMatrix;\n#endif\n#if ! defined ( USE_TANGENT ) && ( defined ( TANGENTSPACE_NORMALMAP ) || defined ( USE_CLEARCOAT_NORMALMAP ) )\n\tvec3 perturbNormal2Arb( vec3 eye_pos, vec3 surf_norm, vec3 mapN ) {\n\t\tvec3 q0 = vec3( dFdx( eye_pos.x ), dFdx( eye_pos.y ), dFdx( eye_pos.z ) );\n\t\tvec3 q1 = vec3( dFdy( eye_pos.x ), dFdy( eye_pos.y ), dFdy( eye_pos.z ) );\n\t\tvec2 st0 = dFdx( vUv.st );\n\t\tvec2 st1 = dFdy( vUv.st );\n\t\tfloat scale = sign( st1.t * st0.s - st0.t * st1.s );\n\t\tvec3 S = normalize( ( q0 * st1.t - q1 * st0.t ) * scale );\n\t\tvec3 T = normalize( ( - q0 * st1.s + q1 * st0.s ) * scale );\n\t\tvec3 N = normalize( surf_norm );\n\t\tmat3 tsn = mat3( S, T, N );\n\t\tmapN.xy *= ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t\treturn normalize( tsn * mapN );\n\t}\n#endif"; var clearcoat_normal_fragment_begin = "#ifdef CLEARCOAT\n\tvec3 clearcoatNormal = geometryNormal;\n#endif"; var clearcoat_normal_fragment_maps = "#ifdef USE_CLEARCOAT_NORMALMAP\n\tvec3 clearcoatMapN = texture2D( clearcoatNormalMap, vUv ).xyz * 2.0 - 1.0;\n\tclearcoatMapN.xy *= clearcoatNormalScale;\n\t#ifdef USE_TANGENT\n\t\tclearcoatNormal = normalize( vTBN * clearcoatMapN );\n\t#else\n\t\tclearcoatNormal = perturbNormal2Arb( - vViewPosition, clearcoatNormal, clearcoatMapN );\n\t#endif\n#endif"; var clearcoat_pars_fragment = "#ifdef USE_CLEARCOATMAP\n\tuniform sampler2D clearcoatMap;\n#endif\n#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\tuniform sampler2D clearcoatRoughnessMap;\n#endif\n#ifdef USE_CLEARCOAT_NORMALMAP\n\tuniform sampler2D clearcoatNormalMap;\n\tuniform vec2 clearcoatNormalScale;\n#endif"; var packing = "vec3 packNormalToRGB( const in vec3 normal ) {\n\treturn normalize( normal ) * 0.5 + 0.5;\n}\nvec3 unpackRGBToNormal( const in vec3 rgb ) {\n\treturn 2.0 * rgb.xyz - 1.0;\n}\nconst float PackUpscale = 256. / 255.;const float UnpackDownscale = 255. / 256.;\nconst vec3 PackFactors = vec3( 256. * 256. * 256., 256. * 256., 256. );\nconst vec4 UnpackFactors = UnpackDownscale / vec4( PackFactors, 1. );\nconst float ShiftRight8 = 1. / 256.;\nvec4 packDepthToRGBA( const in float v ) {\n\tvec4 r = vec4( fract( v * PackFactors ), v );\n\tr.yzw -= r.xyz * ShiftRight8;\treturn r * PackUpscale;\n}\nfloat unpackRGBAToDepth( const in vec4 v ) {\n\treturn dot( v, UnpackFactors );\n}\nvec4 pack2HalfToRGBA( vec2 v ) {\n\tvec4 r = vec4( v.x, fract( v.x * 255.0 ), v.y, fract( v.y * 255.0 ));\n\treturn vec4( r.x - r.y / 255.0, r.y, r.z - r.w / 255.0, r.w);\n}\nvec2 unpackRGBATo2Half( vec4 v ) {\n\treturn vec2( v.x + ( v.y / 255.0 ), v.z + ( v.w / 255.0 ) );\n}\nfloat viewZToOrthographicDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn ( viewZ + near ) / ( near - far );\n}\nfloat orthographicDepthToViewZ( const in float linearClipZ, const in float near, const in float far ) {\n\treturn linearClipZ * ( near - far ) - near;\n}\nfloat viewZToPerspectiveDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn (( near + viewZ ) * far ) / (( far - near ) * viewZ );\n}\nfloat perspectiveDepthToViewZ( const in float invClipZ, const in float near, const in float far ) {\n\treturn ( near * far ) / ( ( far - near ) * invClipZ - far );\n}"; var premultiplied_alpha_fragment = "#ifdef PREMULTIPLIED_ALPHA\n\tgl_FragColor.rgb *= gl_FragColor.a;\n#endif"; var project_vertex = "vec4 mvPosition = vec4( transformed, 1.0 );\n#ifdef USE_INSTANCING\n\tmvPosition = instanceMatrix * mvPosition;\n#endif\nmvPosition = modelViewMatrix * mvPosition;\ngl_Position = projectionMatrix * mvPosition;"; var dithering_fragment = "#ifdef DITHERING\n\tgl_FragColor.rgb = dithering( gl_FragColor.rgb );\n#endif"; var dithering_pars_fragment = "#ifdef DITHERING\n\tvec3 dithering( vec3 color ) {\n\t\tfloat grid_position = rand( gl_FragCoord.xy );\n\t\tvec3 dither_shift_RGB = vec3( 0.25 / 255.0, -0.25 / 255.0, 0.25 / 255.0 );\n\t\tdither_shift_RGB = mix( 2.0 * dither_shift_RGB, -2.0 * dither_shift_RGB, grid_position );\n\t\treturn color + dither_shift_RGB;\n\t}\n#endif"; var roughnessmap_fragment = "float roughnessFactor = roughness;\n#ifdef USE_ROUGHNESSMAP\n\tvec4 texelRoughness = texture2D( roughnessMap, vUv );\n\troughnessFactor *= texelRoughness.g;\n#endif"; var roughnessmap_pars_fragment = "#ifdef USE_ROUGHNESSMAP\n\tuniform sampler2D roughnessMap;\n#endif"; var shadowmap_pars_fragment = "#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHT_SHADOWS > 0\n\t\tuniform sampler2D directionalShadowMap[ NUM_DIR_LIGHT_SHADOWS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHT_SHADOWS ];\n\t\tstruct DirectionalLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t};\n\t\tuniform DirectionalLightShadow directionalLightShadows[ NUM_DIR_LIGHT_SHADOWS ];\n\t#endif\n\t#if NUM_SPOT_LIGHT_SHADOWS > 0\n\t\tuniform sampler2D spotShadowMap[ NUM_SPOT_LIGHT_SHADOWS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHT_SHADOWS ];\n\t\tstruct SpotLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t};\n\t\tuniform SpotLightShadow spotLightShadows[ NUM_SPOT_LIGHT_SHADOWS ];\n\t#endif\n\t#if NUM_POINT_LIGHT_SHADOWS > 0\n\t\tuniform sampler2D pointShadowMap[ NUM_POINT_LIGHT_SHADOWS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHT_SHADOWS ];\n\t\tstruct PointLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t\tfloat shadowCameraNear;\n\t\t\tfloat shadowCameraFar;\n\t\t};\n\t\tuniform PointLightShadow pointLightShadows[ NUM_POINT_LIGHT_SHADOWS ];\n\t#endif\n\tfloat texture2DCompare( sampler2D depths, vec2 uv, float compare ) {\n\t\treturn step( compare, unpackRGBAToDepth( texture2D( depths, uv ) ) );\n\t}\n\tvec2 texture2DDistribution( sampler2D shadow, vec2 uv ) {\n\t\treturn unpackRGBATo2Half( texture2D( shadow, uv ) );\n\t}\n\tfloat VSMShadow (sampler2D shadow, vec2 uv, float compare ){\n\t\tfloat occlusion = 1.0;\n\t\tvec2 distribution = texture2DDistribution( shadow, uv );\n\t\tfloat hard_shadow = step( compare , distribution.x );\n\t\tif (hard_shadow != 1.0 ) {\n\t\t\tfloat distance = compare - distribution.x ;\n\t\t\tfloat variance = max( 0.00000, distribution.y * distribution.y );\n\t\t\tfloat softness_probability = variance / (variance + distance * distance );\t\t\tsoftness_probability = clamp( ( softness_probability - 0.3 ) / ( 0.95 - 0.3 ), 0.0, 1.0 );\t\t\tocclusion = clamp( max( hard_shadow, softness_probability ), 0.0, 1.0 );\n\t\t}\n\t\treturn occlusion;\n\t}\n\tfloat getShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord ) {\n\t\tfloat shadow = 1.0;\n\t\tshadowCoord.xyz /= shadowCoord.w;\n\t\tshadowCoord.z += shadowBias;\n\t\tbvec4 inFrustumVec = bvec4 ( shadowCoord.x >= 0.0, shadowCoord.x <= 1.0, shadowCoord.y >= 0.0, shadowCoord.y <= 1.0 );\n\t\tbool inFrustum = all( inFrustumVec );\n\t\tbvec2 frustumTestVec = bvec2( inFrustum, shadowCoord.z <= 1.0 );\n\t\tbool frustumTest = all( frustumTestVec );\n\t\tif ( frustumTest ) {\n\t\t#if defined( SHADOWMAP_TYPE_PCF )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx0 = - texelSize.x * shadowRadius;\n\t\t\tfloat dy0 = - texelSize.y * shadowRadius;\n\t\t\tfloat dx1 = + texelSize.x * shadowRadius;\n\t\t\tfloat dy1 = + texelSize.y * shadowRadius;\n\t\t\tfloat dx2 = dx0 / 2.0;\n\t\t\tfloat dy2 = dy0 / 2.0;\n\t\t\tfloat dx3 = dx1 / 2.0;\n\t\t\tfloat dy3 = dy1 / 2.0;\n\t\t\tshadow = (\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx2, dy2 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy2 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx3, dy2 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx2, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx3, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx2, dy3 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy3 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx3, dy3 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy1 ), shadowCoord.z )\n\t\t\t) * ( 1.0 / 17.0 );\n\t\t#elif defined( SHADOWMAP_TYPE_PCF_SOFT )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx = texelSize.x;\n\t\t\tfloat dy = texelSize.y;\n\t\t\tvec2 uv = shadowCoord.xy;\n\t\t\tvec2 f = fract( uv * shadowMapSize + 0.5 );\n\t\t\tuv -= f * texelSize;\n\t\t\tshadow = (\n\t\t\t\ttexture2DCompare( shadowMap, uv, shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, uv + vec2( dx, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, uv + vec2( 0.0, dy ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, uv + texelSize, shadowCoord.z ) +\n\t\t\t\tmix( texture2DCompare( shadowMap, uv + vec2( -dx, 0.0 ), shadowCoord.z ), \n\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( 2.0 * dx, 0.0 ), shadowCoord.z ),\n\t\t\t\t\t f.x ) +\n\t\t\t\tmix( texture2DCompare( shadowMap, uv + vec2( -dx, dy ), shadowCoord.z ), \n\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( 2.0 * dx, dy ), shadowCoord.z ),\n\t\t\t\t\t f.x ) +\n\t\t\t\tmix( texture2DCompare( shadowMap, uv + vec2( 0.0, -dy ), shadowCoord.z ), \n\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( 0.0, 2.0 * dy ), shadowCoord.z ),\n\t\t\t\t\t f.y ) +\n\t\t\t\tmix( texture2DCompare( shadowMap, uv + vec2( dx, -dy ), shadowCoord.z ), \n\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( dx, 2.0 * dy ), shadowCoord.z ),\n\t\t\t\t\t f.y ) +\n\t\t\t\tmix( mix( texture2DCompare( shadowMap, uv + vec2( -dx, -dy ), shadowCoord.z ), \n\t\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( 2.0 * dx, -dy ), shadowCoord.z ),\n\t\t\t\t\t\t f.x ),\n\t\t\t\t\t mix( texture2DCompare( shadowMap, uv + vec2( -dx, 2.0 * dy ), shadowCoord.z ), \n\t\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( 2.0 * dx, 2.0 * dy ), shadowCoord.z ),\n\t\t\t\t\t\t f.x ),\n\t\t\t\t\t f.y )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#elif defined( SHADOWMAP_TYPE_VSM )\n\t\t\tshadow = VSMShadow( shadowMap, shadowCoord.xy, shadowCoord.z );\n\t\t#else\n\t\t\tshadow = texture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z );\n\t\t#endif\n\t\t}\n\t\treturn shadow;\n\t}\n\tvec2 cubeToUV( vec3 v, float texelSizeY ) {\n\t\tvec3 absV = abs( v );\n\t\tfloat scaleToCube = 1.0 / max( absV.x, max( absV.y, absV.z ) );\n\t\tabsV *= scaleToCube;\n\t\tv *= scaleToCube * ( 1.0 - 2.0 * texelSizeY );\n\t\tvec2 planar = v.xy;\n\t\tfloat almostATexel = 1.5 * texelSizeY;\n\t\tfloat almostOne = 1.0 - almostATexel;\n\t\tif ( absV.z >= almostOne ) {\n\t\t\tif ( v.z > 0.0 )\n\t\t\t\tplanar.x = 4.0 - v.x;\n\t\t} else if ( absV.x >= almostOne ) {\n\t\t\tfloat signX = sign( v.x );\n\t\t\tplanar.x = v.z * signX + 2.0 * signX;\n\t\t} else if ( absV.y >= almostOne ) {\n\t\t\tfloat signY = sign( v.y );\n\t\t\tplanar.x = v.x + 2.0 * signY + 2.0;\n\t\t\tplanar.y = v.z * signY - 2.0;\n\t\t}\n\t\treturn vec2( 0.125, 0.25 ) * planar + vec2( 0.375, 0.75 );\n\t}\n\tfloat getPointShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord, float shadowCameraNear, float shadowCameraFar ) {\n\t\tvec2 texelSize = vec2( 1.0 ) / ( shadowMapSize * vec2( 4.0, 2.0 ) );\n\t\tvec3 lightToPosition = shadowCoord.xyz;\n\t\tfloat dp = ( length( lightToPosition ) - shadowCameraNear ) / ( shadowCameraFar - shadowCameraNear );\t\tdp += shadowBias;\n\t\tvec3 bd3D = normalize( lightToPosition );\n\t\t#if defined( SHADOWMAP_TYPE_PCF ) || defined( SHADOWMAP_TYPE_PCF_SOFT ) || defined( SHADOWMAP_TYPE_VSM )\n\t\t\tvec2 offset = vec2( - 1, 1 ) * shadowRadius * texelSize.y;\n\t\t\treturn (\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxx, texelSize.y ), dp )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#else\n\t\t\treturn texture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp );\n\t\t#endif\n\t}\n#endif"; var shadowmap_pars_vertex = "#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHT_SHADOWS > 0\n\t\tuniform mat4 directionalShadowMatrix[ NUM_DIR_LIGHT_SHADOWS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHT_SHADOWS ];\n\t\tstruct DirectionalLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t};\n\t\tuniform DirectionalLightShadow directionalLightShadows[ NUM_DIR_LIGHT_SHADOWS ];\n\t#endif\n\t#if NUM_SPOT_LIGHT_SHADOWS > 0\n\t\tuniform mat4 spotShadowMatrix[ NUM_SPOT_LIGHT_SHADOWS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHT_SHADOWS ];\n\t\tstruct SpotLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t};\n\t\tuniform SpotLightShadow spotLightShadows[ NUM_SPOT_LIGHT_SHADOWS ];\n\t#endif\n\t#if NUM_POINT_LIGHT_SHADOWS > 0\n\t\tuniform mat4 pointShadowMatrix[ NUM_POINT_LIGHT_SHADOWS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHT_SHADOWS ];\n\t\tstruct PointLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t\tfloat shadowCameraNear;\n\t\t\tfloat shadowCameraFar;\n\t\t};\n\t\tuniform PointLightShadow pointLightShadows[ NUM_POINT_LIGHT_SHADOWS ];\n\t#endif\n#endif"; var shadowmap_vertex = "#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHT_SHADOWS > 0 || NUM_SPOT_LIGHT_SHADOWS > 0 || NUM_POINT_LIGHT_SHADOWS > 0\n\t\tvec3 shadowWorldNormal = inverseTransformDirection( transformedNormal, viewMatrix );\n\t\tvec4 shadowWorldPosition;\n\t#endif\n\t#if NUM_DIR_LIGHT_SHADOWS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_DIR_LIGHT_SHADOWS; i ++ ) {\n\t\tshadowWorldPosition = worldPosition + vec4( shadowWorldNormal * directionalLightShadows[ i ].shadowNormalBias, 0 );\n\t\tvDirectionalShadowCoord[ i ] = directionalShadowMatrix[ i ] * shadowWorldPosition;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#if NUM_SPOT_LIGHT_SHADOWS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_SPOT_LIGHT_SHADOWS; i ++ ) {\n\t\tshadowWorldPosition = worldPosition + vec4( shadowWorldNormal * spotLightShadows[ i ].shadowNormalBias, 0 );\n\t\tvSpotShadowCoord[ i ] = spotShadowMatrix[ i ] * shadowWorldPosition;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#if NUM_POINT_LIGHT_SHADOWS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_POINT_LIGHT_SHADOWS; i ++ ) {\n\t\tshadowWorldPosition = worldPosition + vec4( shadowWorldNormal * pointLightShadows[ i ].shadowNormalBias, 0 );\n\t\tvPointShadowCoord[ i ] = pointShadowMatrix[ i ] * shadowWorldPosition;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n#endif"; var shadowmask_pars_fragment = "float getShadowMask() {\n\tfloat shadow = 1.0;\n\t#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHT_SHADOWS > 0\n\tDirectionalLightShadow directionalLight;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_DIR_LIGHT_SHADOWS; i ++ ) {\n\t\tdirectionalLight = directionalLightShadows[ i ];\n\t\tshadow *= receiveShadow ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#if NUM_SPOT_LIGHT_SHADOWS > 0\n\tSpotLightShadow spotLight;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_SPOT_LIGHT_SHADOWS; i ++ ) {\n\t\tspotLight = spotLightShadows[ i ];\n\t\tshadow *= receiveShadow ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#if NUM_POINT_LIGHT_SHADOWS > 0\n\tPointLightShadow pointLight;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_POINT_LIGHT_SHADOWS; i ++ ) {\n\t\tpointLight = pointLightShadows[ i ];\n\t\tshadow *= receiveShadow ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#endif\n\treturn shadow;\n}"; var skinbase_vertex = "#ifdef USE_SKINNING\n\tmat4 boneMatX = getBoneMatrix( skinIndex.x );\n\tmat4 boneMatY = getBoneMatrix( skinIndex.y );\n\tmat4 boneMatZ = getBoneMatrix( skinIndex.z );\n\tmat4 boneMatW = getBoneMatrix( skinIndex.w );\n#endif"; var skinning_pars_vertex = "#ifdef USE_SKINNING\n\tuniform mat4 bindMatrix;\n\tuniform mat4 bindMatrixInverse;\n\t#ifdef BONE_TEXTURE\n\t\tuniform highp sampler2D boneTexture;\n\t\tuniform int boneTextureSize;\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tfloat j = i * 4.0;\n\t\t\tfloat x = mod( j, float( boneTextureSize ) );\n\t\t\tfloat y = floor( j / float( boneTextureSize ) );\n\t\t\tfloat dx = 1.0 / float( boneTextureSize );\n\t\t\tfloat dy = 1.0 / float( boneTextureSize );\n\t\t\ty = dy * ( y + 0.5 );\n\t\t\tvec4 v1 = texture2D( boneTexture, vec2( dx * ( x + 0.5 ), y ) );\n\t\t\tvec4 v2 = texture2D( boneTexture, vec2( dx * ( x + 1.5 ), y ) );\n\t\t\tvec4 v3 = texture2D( boneTexture, vec2( dx * ( x + 2.5 ), y ) );\n\t\t\tvec4 v4 = texture2D( boneTexture, vec2( dx * ( x + 3.5 ), y ) );\n\t\t\tmat4 bone = mat4( v1, v2, v3, v4 );\n\t\t\treturn bone;\n\t\t}\n\t#else\n\t\tuniform mat4 boneMatrices[ MAX_BONES ];\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tmat4 bone = boneMatrices[ int(i) ];\n\t\t\treturn bone;\n\t\t}\n\t#endif\n#endif"; var skinning_vertex = "#ifdef USE_SKINNING\n\tvec4 skinVertex = bindMatrix * vec4( transformed, 1.0 );\n\tvec4 skinned = vec4( 0.0 );\n\tskinned += boneMatX * skinVertex * skinWeight.x;\n\tskinned += boneMatY * skinVertex * skinWeight.y;\n\tskinned += boneMatZ * skinVertex * skinWeight.z;\n\tskinned += boneMatW * skinVertex * skinWeight.w;\n\ttransformed = ( bindMatrixInverse * skinned ).xyz;\n#endif"; var skinnormal_vertex = "#ifdef USE_SKINNING\n\tmat4 skinMatrix = mat4( 0.0 );\n\tskinMatrix += skinWeight.x * boneMatX;\n\tskinMatrix += skinWeight.y * boneMatY;\n\tskinMatrix += skinWeight.z * boneMatZ;\n\tskinMatrix += skinWeight.w * boneMatW;\n\tskinMatrix = bindMatrixInverse * skinMatrix * bindMatrix;\n\tobjectNormal = vec4( skinMatrix * vec4( objectNormal, 0.0 ) ).xyz;\n\t#ifdef USE_TANGENT\n\t\tobjectTangent = vec4( skinMatrix * vec4( objectTangent, 0.0 ) ).xyz;\n\t#endif\n#endif"; var specularmap_fragment = "float specularStrength;\n#ifdef USE_SPECULARMAP\n\tvec4 texelSpecular = texture2D( specularMap, vUv );\n\tspecularStrength = texelSpecular.r;\n#else\n\tspecularStrength = 1.0;\n#endif"; var specularmap_pars_fragment = "#ifdef USE_SPECULARMAP\n\tuniform sampler2D specularMap;\n#endif"; var tonemapping_fragment = "#if defined( TONE_MAPPING )\n\tgl_FragColor.rgb = toneMapping( gl_FragColor.rgb );\n#endif"; var tonemapping_pars_fragment = "#ifndef saturate\n#define saturate(a) clamp( a, 0.0, 1.0 )\n#endif\nuniform float toneMappingExposure;\nvec3 LinearToneMapping( vec3 color ) {\n\treturn toneMappingExposure * color;\n}\nvec3 ReinhardToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\treturn saturate( color / ( vec3( 1.0 ) + color ) );\n}\nvec3 OptimizedCineonToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\tcolor = max( vec3( 0.0 ), color - 0.004 );\n\treturn pow( ( color * ( 6.2 * color + 0.5 ) ) / ( color * ( 6.2 * color + 1.7 ) + 0.06 ), vec3( 2.2 ) );\n}\nvec3 RRTAndODTFit( vec3 v ) {\n\tvec3 a = v * ( v + 0.0245786 ) - 0.000090537;\n\tvec3 b = v * ( 0.983729 * v + 0.4329510 ) + 0.238081;\n\treturn a / b;\n}\nvec3 ACESFilmicToneMapping( vec3 color ) {\n\tconst mat3 ACESInputMat = mat3(\n\t\tvec3( 0.59719, 0.07600, 0.02840 ),\t\tvec3( 0.35458, 0.90834, 0.13383 ),\n\t\tvec3( 0.04823, 0.01566, 0.83777 )\n\t);\n\tconst mat3 ACESOutputMat = mat3(\n\t\tvec3( 1.60475, -0.10208, -0.00327 ),\t\tvec3( -0.53108, 1.10813, -0.07276 ),\n\t\tvec3( -0.07367, -0.00605, 1.07602 )\n\t);\n\tcolor *= toneMappingExposure / 0.6;\n\tcolor = ACESInputMat * color;\n\tcolor = RRTAndODTFit( color );\n\tcolor = ACESOutputMat * color;\n\treturn saturate( color );\n}\nvec3 CustomToneMapping( vec3 color ) { return color; }"; var transmissionmap_fragment = "#ifdef USE_TRANSMISSIONMAP\n\ttotalTransmission *= texture2D( transmissionMap, vUv ).r;\n#endif"; var transmissionmap_pars_fragment = "#ifdef USE_TRANSMISSIONMAP\n\tuniform sampler2D transmissionMap;\n#endif"; var uv_pars_fragment = "#if ( defined( USE_UV ) && ! defined( UVS_VERTEX_ONLY ) )\n\tvarying vec2 vUv;\n#endif"; var uv_pars_vertex = "#ifdef USE_UV\n\t#ifdef UVS_VERTEX_ONLY\n\t\tvec2 vUv;\n\t#else\n\t\tvarying vec2 vUv;\n\t#endif\n\tuniform mat3 uvTransform;\n#endif"; var uv_vertex = "#ifdef USE_UV\n\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\n#endif"; var uv2_pars_fragment = "#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvarying vec2 vUv2;\n#endif"; var uv2_pars_vertex = "#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tattribute vec2 uv2;\n\tvarying vec2 vUv2;\n\tuniform mat3 uv2Transform;\n#endif"; var uv2_vertex = "#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvUv2 = ( uv2Transform * vec3( uv2, 1 ) ).xy;\n#endif"; var worldpos_vertex = "#if defined( USE_ENVMAP ) || defined( DISTANCE ) || defined ( USE_SHADOWMAP )\n\tvec4 worldPosition = vec4( transformed, 1.0 );\n\t#ifdef USE_INSTANCING\n\t\tworldPosition = instanceMatrix * worldPosition;\n\t#endif\n\tworldPosition = modelMatrix * worldPosition;\n#endif"; var background_frag = "uniform sampler2D t2D;\nvarying vec2 vUv;\nvoid main() {\n\tvec4 texColor = texture2D( t2D, vUv );\n\tgl_FragColor = mapTexelToLinear( texColor );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}"; var background_vert = "varying vec2 vUv;\nuniform mat3 uvTransform;\nvoid main() {\n\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\n\tgl_Position = vec4( position.xy, 1.0, 1.0 );\n}"; var cube_frag = "#include <envmap_common_pars_fragment>\nuniform float opacity;\nvarying vec3 vWorldDirection;\n#include <cube_uv_reflection_fragment>\nvoid main() {\n\tvec3 vReflect = vWorldDirection;\n\t#include <envmap_fragment>\n\tgl_FragColor = envColor;\n\tgl_FragColor.a *= opacity;\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}"; var cube_vert = "varying vec3 vWorldDirection;\n#include <common>\nvoid main() {\n\tvWorldDirection = transformDirection( position, modelMatrix );\n\t#include <begin_vertex>\n\t#include <project_vertex>\n\tgl_Position.z = gl_Position.w;\n}"; var depth_frag = "#if DEPTH_PACKING == 3200\n\tuniform float opacity;\n#endif\n#include <common>\n#include <packing>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvarying vec2 vHighPrecisionZW;\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( 1.0 );\n\t#if DEPTH_PACKING == 3200\n\t\tdiffuseColor.a = opacity;\n\t#endif\n\t#include <map_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <logdepthbuf_fragment>\n\tfloat fragCoordZ = 0.5 * vHighPrecisionZW[0] / vHighPrecisionZW[1] + 0.5;\n\t#if DEPTH_PACKING == 3200\n\t\tgl_FragColor = vec4( vec3( 1.0 - fragCoordZ ), opacity );\n\t#elif DEPTH_PACKING == 3201\n\t\tgl_FragColor = packDepthToRGBA( fragCoordZ );\n\t#endif\n}"; var depth_vert = "#include <common>\n#include <uv_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvarying vec2 vHighPrecisionZW;\nvoid main() {\n\t#include <uv_vertex>\n\t#include <skinbase_vertex>\n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include <beginnormal_vertex>\n\t\t#include <morphnormal_vertex>\n\t\t#include <skinnormal_vertex>\n\t#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\tvHighPrecisionZW = gl_Position.zw;\n}"; var distanceRGBA_frag = "#define DISTANCE\nuniform vec3 referencePosition;\nuniform float nearDistance;\nuniform float farDistance;\nvarying vec3 vWorldPosition;\n#include <common>\n#include <packing>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main () {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( 1.0 );\n\t#include <map_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\tfloat dist = length( vWorldPosition - referencePosition );\n\tdist = ( dist - nearDistance ) / ( farDistance - nearDistance );\n\tdist = saturate( dist );\n\tgl_FragColor = packDepthToRGBA( dist );\n}"; var distanceRGBA_vert = "#define DISTANCE\nvarying vec3 vWorldPosition;\n#include <common>\n#include <uv_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <skinbase_vertex>\n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include <beginnormal_vertex>\n\t\t#include <morphnormal_vertex>\n\t\t#include <skinnormal_vertex>\n\t#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <worldpos_vertex>\n\t#include <clipping_planes_vertex>\n\tvWorldPosition = worldPosition.xyz;\n}"; var equirect_frag = "uniform sampler2D tEquirect;\nvarying vec3 vWorldDirection;\n#include <common>\nvoid main() {\n\tvec3 direction = normalize( vWorldDirection );\n\tvec2 sampleUV = equirectUv( direction );\n\tvec4 texColor = texture2D( tEquirect, sampleUV );\n\tgl_FragColor = mapTexelToLinear( texColor );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}"; var equirect_vert = "varying vec3 vWorldDirection;\n#include <common>\nvoid main() {\n\tvWorldDirection = transformDirection( position, modelMatrix );\n\t#include <begin_vertex>\n\t#include <project_vertex>\n}"; var linedashed_frag = "uniform vec3 diffuse;\nuniform float opacity;\nuniform float dashSize;\nuniform float totalSize;\nvarying float vLineDistance;\n#include <common>\n#include <color_pars_fragment>\n#include <fog_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tif ( mod( vLineDistance, totalSize ) > dashSize ) {\n\t\tdiscard;\n\t}\n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <color_fragment>\n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n}"; var linedashed_vert = "uniform float scale;\nattribute float lineDistance;\nvarying float vLineDistance;\n#include <common>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\tvLineDistance = scale * lineDistance;\n\t#include <color_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <fog_vertex>\n}"; var meshbasic_frag = "uniform vec3 diffuse;\nuniform float opacity;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include <common>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_pars_fragment>\n#include <cube_uv_reflection_fragment>\n#include <fog_pars_fragment>\n#include <specularmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <specularmap_fragment>\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\t#ifdef USE_LIGHTMAP\n\t\n\t\tvec4 lightMapTexel= texture2D( lightMap, vUv2 );\n\t\treflectedLight.indirectDiffuse += lightMapTexelToLinear( lightMapTexel ).rgb * lightMapIntensity;\n\t#else\n\t\treflectedLight.indirectDiffuse += vec3( 1.0 );\n\t#endif\n\t#include <aomap_fragment>\n\treflectedLight.indirectDiffuse *= diffuseColor.rgb;\n\tvec3 outgoingLight = reflectedLight.indirectDiffuse;\n\t#include <envmap_fragment>\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}"; var meshbasic_vert = "#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <envmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <skinbase_vertex>\n\t#ifdef USE_ENVMAP\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <worldpos_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <envmap_vertex>\n\t#include <fog_vertex>\n}"; var meshlambert_frag = "uniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float opacity;\nvarying vec3 vLightFront;\nvarying vec3 vIndirectFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n\tvarying vec3 vIndirectBack;\n#endif\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_pars_fragment>\n#include <cube_uv_reflection_fragment>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <fog_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <shadowmask_pars_fragment>\n#include <specularmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <specularmap_fragment>\n\t#include <emissivemap_fragment>\n\t#ifdef DOUBLE_SIDED\n\t\treflectedLight.indirectDiffuse += ( gl_FrontFacing ) ? vIndirectFront : vIndirectBack;\n\t#else\n\t\treflectedLight.indirectDiffuse += vIndirectFront;\n\t#endif\n\t#include <lightmap_fragment>\n\treflectedLight.indirectDiffuse *= BRDF_Diffuse_Lambert( diffuseColor.rgb );\n\t#ifdef DOUBLE_SIDED\n\t\treflectedLight.directDiffuse = ( gl_FrontFacing ) ? vLightFront : vLightBack;\n\t#else\n\t\treflectedLight.directDiffuse = vLightFront;\n\t#endif\n\treflectedLight.directDiffuse *= BRDF_Diffuse_Lambert( diffuseColor.rgb ) * getShadowMask();\n\t#include <aomap_fragment>\n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + totalEmissiveRadiance;\n\t#include <envmap_fragment>\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}"; var meshlambert_vert = "#define LAMBERT\nvarying vec3 vLightFront;\nvarying vec3 vIndirectFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n\tvarying vec3 vIndirectBack;\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <envmap_pars_vertex>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <worldpos_vertex>\n\t#include <envmap_vertex>\n\t#include <lights_lambert_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}"; var meshmatcap_frag = "#define MATCAP\nuniform vec3 diffuse;\nuniform float opacity;\nuniform sampler2D matcap;\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include <common>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <fog_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\tvec3 viewDir = normalize( vViewPosition );\n\tvec3 x = normalize( vec3( viewDir.z, 0.0, - viewDir.x ) );\n\tvec3 y = cross( viewDir, x );\n\tvec2 uv = vec2( dot( x, normal ), dot( y, normal ) ) * 0.495 + 0.5;\n\t#ifdef USE_MATCAP\n\t\tvec4 matcapColor = texture2D( matcap, uv );\n\t\tmatcapColor = matcapTexelToLinear( matcapColor );\n\t#else\n\t\tvec4 matcapColor = vec4( 1.0 );\n\t#endif\n\tvec3 outgoingLight = diffuseColor.rgb * matcapColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}"; var meshmatcap_vert = "#define MATCAP\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <color_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#ifndef FLAT_SHADED\n\t\tvNormal = normalize( transformedNormal );\n\t#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <fog_vertex>\n\tvViewPosition = - mvPosition.xyz;\n}"; var meshtoon_frag = "#define TOON\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float opacity;\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <gradientmap_pars_fragment>\n#include <fog_pars_fragment>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <lights_toon_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\t#include <emissivemap_fragment>\n\t#include <lights_toon_fragment>\n\t#include <lights_fragment_begin>\n\t#include <lights_fragment_maps>\n\t#include <lights_fragment_end>\n\t#include <aomap_fragment>\n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + totalEmissiveRadiance;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}"; var meshtoon_vert = "#define TOON\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\tvViewPosition = - mvPosition.xyz;\n\t#include <worldpos_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}"; var meshphong_frag = "#define PHONG\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform vec3 specular;\nuniform float shininess;\nuniform float opacity;\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_pars_fragment>\n#include <cube_uv_reflection_fragment>\n#include <fog_pars_fragment>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <lights_phong_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <specularmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <specularmap_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\t#include <emissivemap_fragment>\n\t#include <lights_phong_fragment>\n\t#include <lights_fragment_begin>\n\t#include <lights_fragment_maps>\n\t#include <lights_fragment_end>\n\t#include <aomap_fragment>\n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\t#include <envmap_fragment>\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}"; var meshphong_vert = "#define PHONG\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <envmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\tvViewPosition = - mvPosition.xyz;\n\t#include <worldpos_vertex>\n\t#include <envmap_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}"; var meshphysical_frag = "#define STANDARD\n#ifdef PHYSICAL\n\t#define REFLECTIVITY\n\t#define CLEARCOAT\n\t#define TRANSMISSION\n#endif\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float roughness;\nuniform float metalness;\nuniform float opacity;\n#ifdef TRANSMISSION\n\tuniform float transmission;\n#endif\n#ifdef REFLECTIVITY\n\tuniform float reflectivity;\n#endif\n#ifdef CLEARCOAT\n\tuniform float clearcoat;\n\tuniform float clearcoatRoughness;\n#endif\n#ifdef USE_SHEEN\n\tuniform vec3 sheen;\n#endif\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n\t#ifdef USE_TANGENT\n\t\tvarying vec3 vTangent;\n\t\tvarying vec3 vBitangent;\n\t#endif\n#endif\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <transmissionmap_pars_fragment>\n#include <bsdfs>\n#include <cube_uv_reflection_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_physical_pars_fragment>\n#include <fog_pars_fragment>\n#include <lights_pars_begin>\n#include <lights_physical_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <clearcoat_pars_fragment>\n#include <roughnessmap_pars_fragment>\n#include <metalnessmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#ifdef TRANSMISSION\n\t\tfloat totalTransmission = transmission;\n\t#endif\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <roughnessmap_fragment>\n\t#include <metalnessmap_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\t#include <clearcoat_normal_fragment_begin>\n\t#include <clearcoat_normal_fragment_maps>\n\t#include <emissivemap_fragment>\n\t#include <transmissionmap_fragment>\n\t#include <lights_physical_fragment>\n\t#include <lights_fragment_begin>\n\t#include <lights_fragment_maps>\n\t#include <lights_fragment_end>\n\t#include <aomap_fragment>\n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\t#ifdef TRANSMISSION\n\t\tdiffuseColor.a *= mix( saturate( 1. - totalTransmission + linearToRelativeLuminance( reflectedLight.directSpecular + reflectedLight.indirectSpecular ) ), 1.0, metalness );\n\t#endif\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}"; var meshphysical_vert = "#define STANDARD\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n\t#ifdef USE_TANGENT\n\t\tvarying vec3 vTangent;\n\t\tvarying vec3 vBitangent;\n\t#endif\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n\t#ifdef USE_TANGENT\n\t\tvTangent = normalize( transformedTangent );\n\t\tvBitangent = normalize( cross( vNormal, vTangent ) * tangent.w );\n\t#endif\n#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\tvViewPosition = - mvPosition.xyz;\n\t#include <worldpos_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}"; var normal_frag = "#define NORMAL\nuniform float opacity;\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( TANGENTSPACE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n\t#ifdef USE_TANGENT\n\t\tvarying vec3 vTangent;\n\t\tvarying vec3 vBitangent;\n\t#endif\n#endif\n#include <packing>\n#include <uv_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\t#include <logdepthbuf_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\tgl_FragColor = vec4( packNormalToRGB( normal ), opacity );\n}"; var normal_vert = "#define NORMAL\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( TANGENTSPACE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n\t#ifdef USE_TANGENT\n\t\tvarying vec3 vTangent;\n\t\tvarying vec3 vBitangent;\n\t#endif\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n\t#ifdef USE_TANGENT\n\t\tvTangent = normalize( transformedTangent );\n\t\tvBitangent = normalize( cross( vNormal, vTangent ) * tangent.w );\n\t#endif\n#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( TANGENTSPACE_NORMALMAP )\n\tvViewPosition = - mvPosition.xyz;\n#endif\n}"; var points_frag = "uniform vec3 diffuse;\nuniform float opacity;\n#include <common>\n#include <color_pars_fragment>\n#include <map_particle_pars_fragment>\n#include <fog_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <map_particle_fragment>\n\t#include <color_fragment>\n\t#include <alphatest_fragment>\n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n}"; var points_vert = "uniform float size;\nuniform float scale;\n#include <common>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <color_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <project_vertex>\n\tgl_PointSize = size;\n\t#ifdef USE_SIZEATTENUATION\n\t\tbool isPerspective = isPerspectiveMatrix( projectionMatrix );\n\t\tif ( isPerspective ) gl_PointSize *= ( scale / - mvPosition.z );\n\t#endif\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <worldpos_vertex>\n\t#include <fog_vertex>\n}"; var shadow_frag = "uniform vec3 color;\nuniform float opacity;\n#include <common>\n#include <packing>\n#include <fog_pars_fragment>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <shadowmap_pars_fragment>\n#include <shadowmask_pars_fragment>\nvoid main() {\n\tgl_FragColor = vec4( color, opacity * ( 1.0 - getShadowMask() ) );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n}"; var shadow_vert = "#include <common>\n#include <fog_pars_vertex>\n#include <shadowmap_pars_vertex>\nvoid main() {\n\t#include <begin_vertex>\n\t#include <project_vertex>\n\t#include <worldpos_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}"; var sprite_frag = "uniform vec3 diffuse;\nuniform float opacity;\n#include <common>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <fog_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n}"; var sprite_vert = "uniform float rotation;\nuniform vec2 center;\n#include <common>\n#include <uv_pars_vertex>\n#include <fog_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\tvec4 mvPosition = modelViewMatrix * vec4( 0.0, 0.0, 0.0, 1.0 );\n\tvec2 scale;\n\tscale.x = length( vec3( modelMatrix[ 0 ].x, modelMatrix[ 0 ].y, modelMatrix[ 0 ].z ) );\n\tscale.y = length( vec3( modelMatrix[ 1 ].x, modelMatrix[ 1 ].y, modelMatrix[ 1 ].z ) );\n\t#ifndef USE_SIZEATTENUATION\n\t\tbool isPerspective = isPerspectiveMatrix( projectionMatrix );\n\t\tif ( isPerspective ) scale *= - mvPosition.z;\n\t#endif\n\tvec2 alignedPosition = ( position.xy - ( center - vec2( 0.5 ) ) ) * scale;\n\tvec2 rotatedPosition;\n\trotatedPosition.x = cos( rotation ) * alignedPosition.x - sin( rotation ) * alignedPosition.y;\n\trotatedPosition.y = sin( rotation ) * alignedPosition.x + cos( rotation ) * alignedPosition.y;\n\tmvPosition.xy += rotatedPosition;\n\tgl_Position = projectionMatrix * mvPosition;\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <fog_vertex>\n}"; var ShaderChunk = { alphamap_fragment: alphamap_fragment, alphamap_pars_fragment: alphamap_pars_fragment, alphatest_fragment: alphatest_fragment, aomap_fragment: aomap_fragment, aomap_pars_fragment: aomap_pars_fragment, begin_vertex: begin_vertex, beginnormal_vertex: beginnormal_vertex, bsdfs: bsdfs, bumpmap_pars_fragment: bumpmap_pars_fragment, clipping_planes_fragment: clipping_planes_fragment, clipping_planes_pars_fragment: clipping_planes_pars_fragment, clipping_planes_pars_vertex: clipping_planes_pars_vertex, clipping_planes_vertex: clipping_planes_vertex, color_fragment: color_fragment, color_pars_fragment: color_pars_fragment, color_pars_vertex: color_pars_vertex, color_vertex: color_vertex, common: common, cube_uv_reflection_fragment: cube_uv_reflection_fragment, defaultnormal_vertex: defaultnormal_vertex, displacementmap_pars_vertex: displacementmap_pars_vertex, displacementmap_vertex: displacementmap_vertex, emissivemap_fragment: emissivemap_fragment, emissivemap_pars_fragment: emissivemap_pars_fragment, encodings_fragment: encodings_fragment, encodings_pars_fragment: encodings_pars_fragment, envmap_fragment: envmap_fragment, envmap_common_pars_fragment: envmap_common_pars_fragment, envmap_pars_fragment: envmap_pars_fragment, envmap_pars_vertex: envmap_pars_vertex, envmap_physical_pars_fragment: envmap_physical_pars_fragment, envmap_vertex: envmap_vertex, fog_vertex: fog_vertex, fog_pars_vertex: fog_pars_vertex, fog_fragment: fog_fragment, fog_pars_fragment: fog_pars_fragment, gradientmap_pars_fragment: gradientmap_pars_fragment, lightmap_fragment: lightmap_fragment, lightmap_pars_fragment: lightmap_pars_fragment, lights_lambert_vertex: lights_lambert_vertex, lights_pars_begin: lights_pars_begin, lights_toon_fragment: lights_toon_fragment, lights_toon_pars_fragment: lights_toon_pars_fragment, lights_phong_fragment: lights_phong_fragment, lights_phong_pars_fragment: lights_phong_pars_fragment, lights_physical_fragment: lights_physical_fragment, lights_physical_pars_fragment: lights_physical_pars_fragment, lights_fragment_begin: lights_fragment_begin, lights_fragment_maps: lights_fragment_maps, lights_fragment_end: lights_fragment_end, logdepthbuf_fragment: logdepthbuf_fragment, logdepthbuf_pars_fragment: logdepthbuf_pars_fragment, logdepthbuf_pars_vertex: logdepthbuf_pars_vertex, logdepthbuf_vertex: logdepthbuf_vertex, map_fragment: map_fragment, map_pars_fragment: map_pars_fragment, map_particle_fragment: map_particle_fragment, map_particle_pars_fragment: map_particle_pars_fragment, metalnessmap_fragment: metalnessmap_fragment, metalnessmap_pars_fragment: metalnessmap_pars_fragment, morphnormal_vertex: morphnormal_vertex, morphtarget_pars_vertex: morphtarget_pars_vertex, morphtarget_vertex: morphtarget_vertex, normal_fragment_begin: normal_fragment_begin, normal_fragment_maps: normal_fragment_maps, normalmap_pars_fragment: normalmap_pars_fragment, clearcoat_normal_fragment_begin: clearcoat_normal_fragment_begin, clearcoat_normal_fragment_maps: clearcoat_normal_fragment_maps, clearcoat_pars_fragment: clearcoat_pars_fragment, packing: packing, premultiplied_alpha_fragment: premultiplied_alpha_fragment, project_vertex: project_vertex, dithering_fragment: dithering_fragment, dithering_pars_fragment: dithering_pars_fragment, roughnessmap_fragment: roughnessmap_fragment, roughnessmap_pars_fragment: roughnessmap_pars_fragment, shadowmap_pars_fragment: shadowmap_pars_fragment, shadowmap_pars_vertex: shadowmap_pars_vertex, shadowmap_vertex: shadowmap_vertex, shadowmask_pars_fragment: shadowmask_pars_fragment, skinbase_vertex: skinbase_vertex, skinning_pars_vertex: skinning_pars_vertex, skinning_vertex: skinning_vertex, skinnormal_vertex: skinnormal_vertex, specularmap_fragment: specularmap_fragment, specularmap_pars_fragment: specularmap_pars_fragment, tonemapping_fragment: tonemapping_fragment, tonemapping_pars_fragment: tonemapping_pars_fragment, transmissionmap_fragment: transmissionmap_fragment, transmissionmap_pars_fragment: transmissionmap_pars_fragment, uv_pars_fragment: uv_pars_fragment, uv_pars_vertex: uv_pars_vertex, uv_vertex: uv_vertex, uv2_pars_fragment: uv2_pars_fragment, uv2_pars_vertex: uv2_pars_vertex, uv2_vertex: uv2_vertex, worldpos_vertex: worldpos_vertex, background_frag: background_frag, background_vert: background_vert, cube_frag: cube_frag, cube_vert: cube_vert, depth_frag: depth_frag, depth_vert: depth_vert, distanceRGBA_frag: distanceRGBA_frag, distanceRGBA_vert: distanceRGBA_vert, equirect_frag: equirect_frag, equirect_vert: equirect_vert, linedashed_frag: linedashed_frag, linedashed_vert: linedashed_vert, meshbasic_frag: meshbasic_frag, meshbasic_vert: meshbasic_vert, meshlambert_frag: meshlambert_frag, meshlambert_vert: meshlambert_vert, meshmatcap_frag: meshmatcap_frag, meshmatcap_vert: meshmatcap_vert, meshtoon_frag: meshtoon_frag, meshtoon_vert: meshtoon_vert, meshphong_frag: meshphong_frag, meshphong_vert: meshphong_vert, meshphysical_frag: meshphysical_frag, meshphysical_vert: meshphysical_vert, normal_frag: normal_frag, normal_vert: normal_vert, points_frag: points_frag, points_vert: points_vert, shadow_frag: shadow_frag, shadow_vert: shadow_vert, sprite_frag: sprite_frag, sprite_vert: sprite_vert }; /** * Uniforms library for shared webgl shaders */ var UniformsLib = { common: { diffuse: { value: new Color(0xeeeeee) }, opacity: { value: 1.0 }, map: { value: null }, uvTransform: { value: new Matrix3() }, uv2Transform: { value: new Matrix3() }, alphaMap: { value: null } }, specularmap: { specularMap: { value: null } }, envmap: { envMap: { value: null }, flipEnvMap: { value: -1 }, reflectivity: { value: 1.0 }, refractionRatio: { value: 0.98 }, maxMipLevel: { value: 0 } }, aomap: { aoMap: { value: null }, aoMapIntensity: { value: 1 } }, lightmap: { lightMap: { value: null }, lightMapIntensity: { value: 1 } }, emissivemap: { emissiveMap: { value: null } }, bumpmap: { bumpMap: { value: null }, bumpScale: { value: 1 } }, normalmap: { normalMap: { value: null }, normalScale: { value: new Vector2(1, 1) } }, displacementmap: { displacementMap: { value: null }, displacementScale: { value: 1 }, displacementBias: { value: 0 } }, roughnessmap: { roughnessMap: { value: null } }, metalnessmap: { metalnessMap: { value: null } }, gradientmap: { gradientMap: { value: null } }, fog: { fogDensity: { value: 0.00025 }, fogNear: { value: 1 }, fogFar: { value: 2000 }, fogColor: { value: new Color(0xffffff) } }, lights: { ambientLightColor: { value: [] }, lightProbe: { value: [] }, directionalLights: { value: [], properties: { direction: {}, color: {} } }, directionalLightShadows: { value: [], properties: { shadowBias: {}, shadowNormalBias: {}, shadowRadius: {}, shadowMapSize: {} } }, directionalShadowMap: { value: [] }, directionalShadowMatrix: { value: [] }, spotLights: { value: [], properties: { color: {}, position: {}, direction: {}, distance: {}, coneCos: {}, penumbraCos: {}, decay: {} } }, spotLightShadows: { value: [], properties: { shadowBias: {}, shadowNormalBias: {}, shadowRadius: {}, shadowMapSize: {} } }, spotShadowMap: { value: [] }, spotShadowMatrix: { value: [] }, pointLights: { value: [], properties: { color: {}, position: {}, decay: {}, distance: {} } }, pointLightShadows: { value: [], properties: { shadowBias: {}, shadowNormalBias: {}, shadowRadius: {}, shadowMapSize: {}, shadowCameraNear: {}, shadowCameraFar: {} } }, pointShadowMap: { value: [] }, pointShadowMatrix: { value: [] }, hemisphereLights: { value: [], properties: { direction: {}, skyColor: {}, groundColor: {} } }, // TODO (abelnation): RectAreaLight BRDF data needs to be moved from example to main src rectAreaLights: { value: [], properties: { color: {}, position: {}, width: {}, height: {} } }, ltc_1: { value: null }, ltc_2: { value: null } }, points: { diffuse: { value: new Color(0xeeeeee) }, opacity: { value: 1.0 }, size: { value: 1.0 }, scale: { value: 1.0 }, map: { value: null }, alphaMap: { value: null }, uvTransform: { value: new Matrix3() } }, sprite: { diffuse: { value: new Color(0xeeeeee) }, opacity: { value: 1.0 }, center: { value: new Vector2(0.5, 0.5) }, rotation: { value: 0.0 }, map: { value: null }, alphaMap: { value: null }, uvTransform: { value: new Matrix3() } } }; var ShaderLib = { basic: { uniforms: mergeUniforms([UniformsLib.common, UniformsLib.specularmap, UniformsLib.envmap, UniformsLib.aomap, UniformsLib.lightmap, UniformsLib.fog]), vertexShader: ShaderChunk.meshbasic_vert, fragmentShader: ShaderChunk.meshbasic_frag }, lambert: { uniforms: mergeUniforms([UniformsLib.common, UniformsLib.specularmap, UniformsLib.envmap, UniformsLib.aomap, UniformsLib.lightmap, UniformsLib.emissivemap, UniformsLib.fog, UniformsLib.lights, { emissive: { value: new Color(0x000000) } }]), vertexShader: ShaderChunk.meshlambert_vert, fragmentShader: ShaderChunk.meshlambert_frag }, phong: { uniforms: mergeUniforms([UniformsLib.common, UniformsLib.specularmap, UniformsLib.envmap, UniformsLib.aomap, UniformsLib.lightmap, UniformsLib.emissivemap, UniformsLib.bumpmap, UniformsLib.normalmap, UniformsLib.displacementmap, UniformsLib.fog, UniformsLib.lights, { emissive: { value: new Color(0x000000) }, specular: { value: new Color(0x111111) }, shininess: { value: 30 } }]), vertexShader: ShaderChunk.meshphong_vert, fragmentShader: ShaderChunk.meshphong_frag }, standard: { uniforms: mergeUniforms([UniformsLib.common, UniformsLib.envmap, UniformsLib.aomap, UniformsLib.lightmap, UniformsLib.emissivemap, UniformsLib.bumpmap, UniformsLib.normalmap, UniformsLib.displacementmap, UniformsLib.roughnessmap, UniformsLib.metalnessmap, UniformsLib.fog, UniformsLib.lights, { emissive: { value: new Color(0x000000) }, roughness: { value: 1.0 }, metalness: { value: 0.0 }, envMapIntensity: { value: 1 } // temporary }]), vertexShader: ShaderChunk.meshphysical_vert, fragmentShader: ShaderChunk.meshphysical_frag }, toon: { uniforms: mergeUniforms([UniformsLib.common, UniformsLib.aomap, UniformsLib.lightmap, UniformsLib.emissivemap, UniformsLib.bumpmap, UniformsLib.normalmap, UniformsLib.displacementmap, UniformsLib.gradientmap, UniformsLib.fog, UniformsLib.lights, { emissive: { value: new Color(0x000000) } }]), vertexShader: ShaderChunk.meshtoon_vert, fragmentShader: ShaderChunk.meshtoon_frag }, matcap: { uniforms: mergeUniforms([UniformsLib.common, UniformsLib.bumpmap, UniformsLib.normalmap, UniformsLib.displacementmap, UniformsLib.fog, { matcap: { value: null } }]), vertexShader: ShaderChunk.meshmatcap_vert, fragmentShader: ShaderChunk.meshmatcap_frag }, points: { uniforms: mergeUniforms([UniformsLib.points, UniformsLib.fog]), vertexShader: ShaderChunk.points_vert, fragmentShader: ShaderChunk.points_frag }, dashed: { uniforms: mergeUniforms([UniformsLib.common, UniformsLib.fog, { scale: { value: 1 }, dashSize: { value: 1 }, totalSize: { value: 2 } }]), vertexShader: ShaderChunk.linedashed_vert, fragmentShader: ShaderChunk.linedashed_frag }, depth: { uniforms: mergeUniforms([UniformsLib.common, UniformsLib.displacementmap]), vertexShader: ShaderChunk.depth_vert, fragmentShader: ShaderChunk.depth_frag }, normal: { uniforms: mergeUniforms([UniformsLib.common, UniformsLib.bumpmap, UniformsLib.normalmap, UniformsLib.displacementmap, { opacity: { value: 1.0 } }]), vertexShader: ShaderChunk.normal_vert, fragmentShader: ShaderChunk.normal_frag }, sprite: { uniforms: mergeUniforms([UniformsLib.sprite, UniformsLib.fog]), vertexShader: ShaderChunk.sprite_vert, fragmentShader: ShaderChunk.sprite_frag }, background: { uniforms: { uvTransform: { value: new Matrix3() }, t2D: { value: null } }, vertexShader: ShaderChunk.background_vert, fragmentShader: ShaderChunk.background_frag }, /* ------------------------------------------------------------------------- // Cube map shader ------------------------------------------------------------------------- */ cube: { uniforms: mergeUniforms([UniformsLib.envmap, { opacity: { value: 1.0 } }]), vertexShader: ShaderChunk.cube_vert, fragmentShader: ShaderChunk.cube_frag }, equirect: { uniforms: { tEquirect: { value: null } }, vertexShader: ShaderChunk.equirect_vert, fragmentShader: ShaderChunk.equirect_frag }, distanceRGBA: { uniforms: mergeUniforms([UniformsLib.common, UniformsLib.displacementmap, { referencePosition: { value: new Vector3() }, nearDistance: { value: 1 }, farDistance: { value: 1000 } }]), vertexShader: ShaderChunk.distanceRGBA_vert, fragmentShader: ShaderChunk.distanceRGBA_frag }, shadow: { uniforms: mergeUniforms([UniformsLib.lights, UniformsLib.fog, { color: { value: new Color(0x00000) }, opacity: { value: 1.0 } }]), vertexShader: ShaderChunk.shadow_vert, fragmentShader: ShaderChunk.shadow_frag } }; ShaderLib.physical = { uniforms: mergeUniforms([ShaderLib.standard.uniforms, { clearcoat: { value: 0 }, clearcoatMap: { value: null }, clearcoatRoughness: { value: 0 }, clearcoatRoughnessMap: { value: null }, clearcoatNormalScale: { value: new Vector2(1, 1) }, clearcoatNormalMap: { value: null }, sheen: { value: new Color(0x000000) }, transmission: { value: 0 }, transmissionMap: { value: null } }]), vertexShader: ShaderChunk.meshphysical_vert, fragmentShader: ShaderChunk.meshphysical_frag }; function WebGLBackground(renderer, cubemaps, state, objects, premultipliedAlpha) { var clearColor = new Color(0x000000); var clearAlpha = 0; var planeMesh; var boxMesh; var currentBackground = null; var currentBackgroundVersion = 0; var currentTonemapping = null; function render(renderList, scene, camera, forceClear) { var background = scene.isScene === true ? scene.background : null; if (background && background.isTexture) { background = cubemaps.get(background); } // Ignore background in AR // TODO: Reconsider this. var xr = renderer.xr; var session = xr.getSession && xr.getSession(); if (session && session.environmentBlendMode === 'additive') { background = null; } if (background === null) { setClear(clearColor, clearAlpha); } else if (background && background.isColor) { setClear(background, 1); forceClear = true; } if (renderer.autoClear || forceClear) { renderer.clear(renderer.autoClearColor, renderer.autoClearDepth, renderer.autoClearStencil); } if (background && (background.isCubeTexture || background.isWebGLCubeRenderTarget || background.mapping === CubeUVReflectionMapping)) { if (boxMesh === undefined) { boxMesh = new Mesh(new BoxGeometry(1, 1, 1), new ShaderMaterial({ name: 'BackgroundCubeMaterial', uniforms: cloneUniforms(ShaderLib.cube.uniforms), vertexShader: ShaderLib.cube.vertexShader, fragmentShader: ShaderLib.cube.fragmentShader, side: BackSide, depthTest: false, depthWrite: false, fog: false })); boxMesh.geometry.deleteAttribute('normal'); boxMesh.geometry.deleteAttribute('uv'); boxMesh.onBeforeRender = function (renderer, scene, camera) { this.matrixWorld.copyPosition(camera.matrixWorld); }; // enable code injection for non-built-in material Object.defineProperty(boxMesh.material, 'envMap', { get: function get() { return this.uniforms.envMap.value; } }); objects.update(boxMesh); } if (background.isWebGLCubeRenderTarget) { // TODO Deprecate background = background.texture; } boxMesh.material.uniforms.envMap.value = background; boxMesh.material.uniforms.flipEnvMap.value = background.isCubeTexture && background._needsFlipEnvMap ? -1 : 1; if (currentBackground !== background || currentBackgroundVersion !== background.version || currentTonemapping !== renderer.toneMapping) { boxMesh.material.needsUpdate = true; currentBackground = background; currentBackgroundVersion = background.version; currentTonemapping = renderer.toneMapping; } // push to the pre-sorted opaque render list renderList.unshift(boxMesh, boxMesh.geometry, boxMesh.material, 0, 0, null); } else if (background && background.isTexture) { if (planeMesh === undefined) { planeMesh = new Mesh(new PlaneGeometry(2, 2), new ShaderMaterial({ name: 'BackgroundMaterial', uniforms: cloneUniforms(ShaderLib.background.uniforms), vertexShader: ShaderLib.background.vertexShader, fragmentShader: ShaderLib.background.fragmentShader, side: FrontSide, depthTest: false, depthWrite: false, fog: false })); planeMesh.geometry.deleteAttribute('normal'); // enable code injection for non-built-in material Object.defineProperty(planeMesh.material, 'map', { get: function get() { return this.uniforms.t2D.value; } }); objects.update(planeMesh); } planeMesh.material.uniforms.t2D.value = background; if (background.matrixAutoUpdate === true) { background.updateMatrix(); } planeMesh.material.uniforms.uvTransform.value.copy(background.matrix); if (currentBackground !== background || currentBackgroundVersion !== background.version || currentTonemapping !== renderer.toneMapping) { planeMesh.material.needsUpdate = true; currentBackground = background; currentBackgroundVersion = background.version; currentTonemapping = renderer.toneMapping; } // push to the pre-sorted opaque render list renderList.unshift(planeMesh, planeMesh.geometry, planeMesh.material, 0, 0, null); } } function setClear(color, alpha) { state.buffers.color.setClear(color.r, color.g, color.b, alpha, premultipliedAlpha); } return { getClearColor: function getClearColor() { return clearColor; }, setClearColor: function setClearColor(color, alpha) { if (alpha === void 0) { alpha = 1; } clearColor.set(color); clearAlpha = alpha; setClear(clearColor, clearAlpha); }, getClearAlpha: function getClearAlpha() { return clearAlpha; }, setClearAlpha: function setClearAlpha(alpha) { clearAlpha = alpha; setClear(clearColor, clearAlpha); }, render: render }; } function WebGLBindingStates(gl, extensions, attributes, capabilities) { var maxVertexAttributes = gl.getParameter(34921); var extension = capabilities.isWebGL2 ? null : extensions.get('OES_vertex_array_object'); var vaoAvailable = capabilities.isWebGL2 || extension !== null; var bindingStates = {}; var defaultState = createBindingState(null); var currentState = defaultState; function setup(object, material, program, geometry, index) { var updateBuffers = false; if (vaoAvailable) { var state = getBindingState(geometry, program, material); if (currentState !== state) { currentState = state; bindVertexArrayObject(currentState.object); } updateBuffers = needsUpdate(geometry, index); if (updateBuffers) saveCache(geometry, index); } else { var wireframe = material.wireframe === true; if (currentState.geometry !== geometry.id || currentState.program !== program.id || currentState.wireframe !== wireframe) { currentState.geometry = geometry.id; currentState.program = program.id; currentState.wireframe = wireframe; updateBuffers = true; } } if (object.isInstancedMesh === true) { updateBuffers = true; } if (index !== null) { attributes.update(index, 34963); } if (updateBuffers) { setupVertexAttributes(object, material, program, geometry); if (index !== null) { gl.bindBuffer(34963, attributes.get(index).buffer); } } } function createVertexArrayObject() { if (capabilities.isWebGL2) return gl.createVertexArray(); return extension.createVertexArrayOES(); } function bindVertexArrayObject(vao) { if (capabilities.isWebGL2) return gl.bindVertexArray(vao); return extension.bindVertexArrayOES(vao); } function deleteVertexArrayObject(vao) { if (capabilities.isWebGL2) return gl.deleteVertexArray(vao); return extension.deleteVertexArrayOES(vao); } function getBindingState(geometry, program, material) { var wireframe = material.wireframe === true; var programMap = bindingStates[geometry.id]; if (programMap === undefined) { programMap = {}; bindingStates[geometry.id] = programMap; } var stateMap = programMap[program.id]; if (stateMap === undefined) { stateMap = {}; programMap[program.id] = stateMap; } var state = stateMap[wireframe]; if (state === undefined) { state = createBindingState(createVertexArrayObject()); stateMap[wireframe] = state; } return state; } function createBindingState(vao) { var newAttributes = []; var enabledAttributes = []; var attributeDivisors = []; for (var i = 0; i < maxVertexAttributes; i++) { newAttributes[i] = 0; enabledAttributes[i] = 0; attributeDivisors[i] = 0; } return { // for backward compatibility on non-VAO support browser geometry: null, program: null, wireframe: false, newAttributes: newAttributes, enabledAttributes: enabledAttributes, attributeDivisors: attributeDivisors, object: vao, attributes: {}, index: null }; } function needsUpdate(geometry, index) { var cachedAttributes = currentState.attributes; var geometryAttributes = geometry.attributes; var attributesNum = 0; for (var key in geometryAttributes) { var cachedAttribute = cachedAttributes[key]; var geometryAttribute = geometryAttributes[key]; if (cachedAttribute === undefined) return true; if (cachedAttribute.attribute !== geometryAttribute) return true; if (cachedAttribute.data !== geometryAttribute.data) return true; attributesNum++; } if (currentState.attributesNum !== attributesNum) return true; if (currentState.index !== index) return true; return false; } function saveCache(geometry, index) { var cache = {}; var attributes = geometry.attributes; var attributesNum = 0; for (var key in attributes) { var attribute = attributes[key]; var data = {}; data.attribute = attribute; if (attribute.data) { data.data = attribute.data; } cache[key] = data; attributesNum++; } currentState.attributes = cache; currentState.attributesNum = attributesNum; currentState.index = index; } function initAttributes() { var newAttributes = currentState.newAttributes; for (var i = 0, il = newAttributes.length; i < il; i++) { newAttributes[i] = 0; } } function enableAttribute(attribute) { enableAttributeAndDivisor(attribute, 0); } function enableAttributeAndDivisor(attribute, meshPerAttribute) { var newAttributes = currentState.newAttributes; var enabledAttributes = currentState.enabledAttributes; var attributeDivisors = currentState.attributeDivisors; newAttributes[attribute] = 1; if (enabledAttributes[attribute] === 0) { gl.enableVertexAttribArray(attribute); enabledAttributes[attribute] = 1; } if (attributeDivisors[attribute] !== meshPerAttribute) { var _extension = capabilities.isWebGL2 ? gl : extensions.get('ANGLE_instanced_arrays'); _extension[capabilities.isWebGL2 ? 'vertexAttribDivisor' : 'vertexAttribDivisorANGLE'](attribute, meshPerAttribute); attributeDivisors[attribute] = meshPerAttribute; } } function disableUnusedAttributes() { var newAttributes = currentState.newAttributes; var enabledAttributes = currentState.enabledAttributes; for (var i = 0, il = enabledAttributes.length; i < il; i++) { if (enabledAttributes[i] !== newAttributes[i]) { gl.disableVertexAttribArray(i); enabledAttributes[i] = 0; } } } function vertexAttribPointer(index, size, type, normalized, stride, offset) { if (capabilities.isWebGL2 === true && (type === 5124 || type === 5125)) { gl.vertexAttribIPointer(index, size, type, stride, offset); } else { gl.vertexAttribPointer(index, size, type, normalized, stride, offset); } } function setupVertexAttributes(object, material, program, geometry) { if (capabilities.isWebGL2 === false && (object.isInstancedMesh || geometry.isInstancedBufferGeometry)) { if (extensions.get('ANGLE_instanced_arrays') === null) return; } initAttributes(); var geometryAttributes = geometry.attributes; var programAttributes = program.getAttributes(); var materialDefaultAttributeValues = material.defaultAttributeValues; for (var name in programAttributes) { var programAttribute = programAttributes[name]; if (programAttribute >= 0) { var geometryAttribute = geometryAttributes[name]; if (geometryAttribute !== undefined) { var normalized = geometryAttribute.normalized; var size = geometryAttribute.itemSize; var attribute = attributes.get(geometryAttribute); // TODO Attribute may not be available on context restore if (attribute === undefined) continue; var buffer = attribute.buffer; var type = attribute.type; var bytesPerElement = attribute.bytesPerElement; if (geometryAttribute.isInterleavedBufferAttribute) { var data = geometryAttribute.data; var stride = data.stride; var offset = geometryAttribute.offset; if (data && data.isInstancedInterleavedBuffer) { enableAttributeAndDivisor(programAttribute, data.meshPerAttribute); if (geometry._maxInstanceCount === undefined) { geometry._maxInstanceCount = data.meshPerAttribute * data.count; } } else { enableAttribute(programAttribute); } gl.bindBuffer(34962, buffer); vertexAttribPointer(programAttribute, size, type, normalized, stride * bytesPerElement, offset * bytesPerElement); } else { if (geometryAttribute.isInstancedBufferAttribute) { enableAttributeAndDivisor(programAttribute, geometryAttribute.meshPerAttribute); if (geometry._maxInstanceCount === undefined) { geometry._maxInstanceCount = geometryAttribute.meshPerAttribute * geometryAttribute.count; } } else { enableAttribute(programAttribute); } gl.bindBuffer(34962, buffer); vertexAttribPointer(programAttribute, size, type, normalized, 0, 0); } } else if (name === 'instanceMatrix') { var _attribute = attributes.get(object.instanceMatrix); // TODO Attribute may not be available on context restore if (_attribute === undefined) continue; var _buffer = _attribute.buffer; var _type = _attribute.type; enableAttributeAndDivisor(programAttribute + 0, 1); enableAttributeAndDivisor(programAttribute + 1, 1); enableAttributeAndDivisor(programAttribute + 2, 1); enableAttributeAndDivisor(programAttribute + 3, 1); gl.bindBuffer(34962, _buffer); gl.vertexAttribPointer(programAttribute + 0, 4, _type, false, 64, 0); gl.vertexAttribPointer(programAttribute + 1, 4, _type, false, 64, 16); gl.vertexAttribPointer(programAttribute + 2, 4, _type, false, 64, 32); gl.vertexAttribPointer(programAttribute + 3, 4, _type, false, 64, 48); } else if (name === 'instanceColor') { var _attribute2 = attributes.get(object.instanceColor); // TODO Attribute may not be available on context restore if (_attribute2 === undefined) continue; var _buffer2 = _attribute2.buffer; var _type2 = _attribute2.type; enableAttributeAndDivisor(programAttribute, 1); gl.bindBuffer(34962, _buffer2); gl.vertexAttribPointer(programAttribute, 3, _type2, false, 12, 0); } else if (materialDefaultAttributeValues !== undefined) { var value = materialDefaultAttributeValues[name]; if (value !== undefined) { switch (value.length) { case 2: gl.vertexAttrib2fv(programAttribute, value); break; case 3: gl.vertexAttrib3fv(programAttribute, value); break; case 4: gl.vertexAttrib4fv(programAttribute, value); break; default: gl.vertexAttrib1fv(programAttribute, value); } } } } } disableUnusedAttributes(); } function dispose() { reset(); for (var geometryId in bindingStates) { var programMap = bindingStates[geometryId]; for (var programId in programMap) { var stateMap = programMap[programId]; for (var wireframe in stateMap) { deleteVertexArrayObject(stateMap[wireframe].object); delete stateMap[wireframe]; } delete programMap[programId]; } delete bindingStates[geometryId]; } } function releaseStatesOfGeometry(geometry) { if (bindingStates[geometry.id] === undefined) return; var programMap = bindingStates[geometry.id]; for (var programId in programMap) { var stateMap = programMap[programId]; for (var wireframe in stateMap) { deleteVertexArrayObject(stateMap[wireframe].object); delete stateMap[wireframe]; } delete programMap[programId]; } delete bindingStates[geometry.id]; } function releaseStatesOfProgram(program) { for (var geometryId in bindingStates) { var programMap = bindingStates[geometryId]; if (programMap[program.id] === undefined) continue; var stateMap = programMap[program.id]; for (var wireframe in stateMap) { deleteVertexArrayObject(stateMap[wireframe].object); delete stateMap[wireframe]; } delete programMap[program.id]; } } function reset() { resetDefaultState(); if (currentState === defaultState) return; currentState = defaultState; bindVertexArrayObject(currentState.object); } // for backward-compatilibity function resetDefaultState() { defaultState.geometry = null; defaultState.program = null; defaultState.wireframe = false; } return { setup: setup, reset: reset, resetDefaultState: resetDefaultState, dispose: dispose, releaseStatesOfGeometry: releaseStatesOfGeometry, releaseStatesOfProgram: releaseStatesOfProgram, initAttributes: initAttributes, enableAttribute: enableAttribute, disableUnusedAttributes: disableUnusedAttributes }; } function WebGLBufferRenderer(gl, extensions, info, capabilities) { var isWebGL2 = capabilities.isWebGL2; var mode; function setMode(value) { mode = value; } function render(start, count) { gl.drawArrays(mode, start, count); info.update(count, mode, 1); } function renderInstances(start, count, primcount) { if (primcount === 0) return; var extension, methodName; if (isWebGL2) { extension = gl; methodName = 'drawArraysInstanced'; } else { extension = extensions.get('ANGLE_instanced_arrays'); methodName = 'drawArraysInstancedANGLE'; if (extension === null) { console.error('THREE.WebGLBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.'); return; } } extension[methodName](mode, start, count, primcount); info.update(count, mode, primcount); } // this.setMode = setMode; this.render = render; this.renderInstances = renderInstances; } function WebGLCapabilities(gl, extensions, parameters) { var maxAnisotropy; function getMaxAnisotropy() { if (maxAnisotropy !== undefined) return maxAnisotropy; var extension = extensions.get('EXT_texture_filter_anisotropic'); if (extension !== null) { maxAnisotropy = gl.getParameter(extension.MAX_TEXTURE_MAX_ANISOTROPY_EXT); } else { maxAnisotropy = 0; } return maxAnisotropy; } function getMaxPrecision(precision) { if (precision === 'highp') { if (gl.getShaderPrecisionFormat(35633, 36338).precision > 0 && gl.getShaderPrecisionFormat(35632, 36338).precision > 0) { return 'highp'; } precision = 'mediump'; } if (precision === 'mediump') { if (gl.getShaderPrecisionFormat(35633, 36337).precision > 0 && gl.getShaderPrecisionFormat(35632, 36337).precision > 0) { return 'mediump'; } } return 'lowp'; } /* eslint-disable no-undef */ var isWebGL2 = typeof WebGL2RenderingContext !== 'undefined' && gl instanceof WebGL2RenderingContext || typeof WebGL2ComputeRenderingContext !== 'undefined' && gl instanceof WebGL2ComputeRenderingContext; /* eslint-enable no-undef */ var precision = parameters.precision !== undefined ? parameters.precision : 'highp'; var maxPrecision = getMaxPrecision(precision); if (maxPrecision !== precision) { console.warn('THREE.WebGLRenderer:', precision, 'not supported, using', maxPrecision, 'instead.'); precision = maxPrecision; } var logarithmicDepthBuffer = parameters.logarithmicDepthBuffer === true; var maxTextures = gl.getParameter(34930); var maxVertexTextures = gl.getParameter(35660); var maxTextureSize = gl.getParameter(3379); var maxCubemapSize = gl.getParameter(34076); var maxAttributes = gl.getParameter(34921); var maxVertexUniforms = gl.getParameter(36347); var maxVaryings = gl.getParameter(36348); var maxFragmentUniforms = gl.getParameter(36349); var vertexTextures = maxVertexTextures > 0; var floatFragmentTextures = isWebGL2 || !!extensions.get('OES_texture_float'); var floatVertexTextures = vertexTextures && floatFragmentTextures; var maxSamples = isWebGL2 ? gl.getParameter(36183) : 0; return { isWebGL2: isWebGL2, getMaxAnisotropy: getMaxAnisotropy, getMaxPrecision: getMaxPrecision, precision: precision, logarithmicDepthBuffer: logarithmicDepthBuffer, maxTextures: maxTextures, maxVertexTextures: maxVertexTextures, maxTextureSize: maxTextureSize, maxCubemapSize: maxCubemapSize, maxAttributes: maxAttributes, maxVertexUniforms: maxVertexUniforms, maxVaryings: maxVaryings, maxFragmentUniforms: maxFragmentUniforms, vertexTextures: vertexTextures, floatFragmentTextures: floatFragmentTextures, floatVertexTextures: floatVertexTextures, maxSamples: maxSamples }; } function WebGLClipping(properties) { var scope = this; var globalState = null, numGlobalPlanes = 0, localClippingEnabled = false, renderingShadows = false; var plane = new Plane(), viewNormalMatrix = new Matrix3(), uniform = { value: null, needsUpdate: false }; this.uniform = uniform; this.numPlanes = 0; this.numIntersection = 0; this.init = function (planes, enableLocalClipping, camera) { var enabled = planes.length !== 0 || enableLocalClipping || // enable state of previous frame - the clipping code has to // run another frame in order to reset the state: numGlobalPlanes !== 0 || localClippingEnabled; localClippingEnabled = enableLocalClipping; globalState = projectPlanes(planes, camera, 0); numGlobalPlanes = planes.length; return enabled; }; this.beginShadows = function () { renderingShadows = true; projectPlanes(null); }; this.endShadows = function () { renderingShadows = false; resetGlobalState(); }; this.setState = function (material, camera, useCache) { var planes = material.clippingPlanes, clipIntersection = material.clipIntersection, clipShadows = material.clipShadows; var materialProperties = properties.get(material); if (!localClippingEnabled || planes === null || planes.length === 0 || renderingShadows && !clipShadows) { // there's no local clipping if (renderingShadows) { // there's no global clipping projectPlanes(null); } else { resetGlobalState(); } } else { var nGlobal = renderingShadows ? 0 : numGlobalPlanes, lGlobal = nGlobal * 4; var dstArray = materialProperties.clippingState || null; uniform.value = dstArray; // ensure unique state dstArray = projectPlanes(planes, camera, lGlobal, useCache); for (var i = 0; i !== lGlobal; ++i) { dstArray[i] = globalState[i]; } materialProperties.clippingState = dstArray; this.numIntersection = clipIntersection ? this.numPlanes : 0; this.numPlanes += nGlobal; } }; function resetGlobalState() { if (uniform.value !== globalState) { uniform.value = globalState; uniform.needsUpdate = numGlobalPlanes > 0; } scope.numPlanes = numGlobalPlanes; scope.numIntersection = 0; } function projectPlanes(planes, camera, dstOffset, skipTransform) { var nPlanes = planes !== null ? planes.length : 0; var dstArray = null; if (nPlanes !== 0) { dstArray = uniform.value; if (skipTransform !== true || dstArray === null) { var flatSize = dstOffset + nPlanes * 4, viewMatrix = camera.matrixWorldInverse; viewNormalMatrix.getNormalMatrix(viewMatrix); if (dstArray === null || dstArray.length < flatSize) { dstArray = new Float32Array(flatSize); } for (var i = 0, i4 = dstOffset; i !== nPlanes; ++i, i4 += 4) { plane.copy(planes[i]).applyMatrix4(viewMatrix, viewNormalMatrix); plane.normal.toArray(dstArray, i4); dstArray[i4 + 3] = plane.constant; } } uniform.value = dstArray; uniform.needsUpdate = true; } scope.numPlanes = nPlanes; scope.numIntersection = 0; return dstArray; } } function WebGLCubeMaps(renderer) { var cubemaps = new WeakMap(); function mapTextureMapping(texture, mapping) { if (mapping === EquirectangularReflectionMapping) { texture.mapping = CubeReflectionMapping; } else if (mapping === EquirectangularRefractionMapping) { texture.mapping = CubeRefractionMapping; } return texture; } function get(texture) { if (texture && texture.isTexture) { var mapping = texture.mapping; if (mapping === EquirectangularReflectionMapping || mapping === EquirectangularRefractionMapping) { if (cubemaps.has(texture)) { var cubemap = cubemaps.get(texture).texture; return mapTextureMapping(cubemap, texture.mapping); } else { var image = texture.image; if (image && image.height > 0) { var currentRenderList = renderer.getRenderList(); var currentRenderTarget = renderer.getRenderTarget(); var renderTarget = new WebGLCubeRenderTarget(image.height / 2); renderTarget.fromEquirectangularTexture(renderer, texture); cubemaps.set(texture, renderTarget); renderer.setRenderTarget(currentRenderTarget); renderer.setRenderList(currentRenderList); texture.addEventListener('dispose', onTextureDispose); return mapTextureMapping(renderTarget.texture, texture.mapping); } else { // image not yet ready. try the conversion next frame return null; } } } } return texture; } function onTextureDispose(event) { var texture = event.target; texture.removeEventListener('dispose', onTextureDispose); var cubemap = cubemaps.get(texture); if (cubemap !== undefined) { cubemaps.delete(texture); cubemap.dispose(); } } function dispose() { cubemaps = new WeakMap(); } return { get: get, dispose: dispose }; } function WebGLExtensions(gl) { var extensions = {}; function getExtension(name) { if (extensions[name] !== undefined) { return extensions[name]; } var extension; switch (name) { case 'WEBGL_depth_texture': extension = gl.getExtension('WEBGL_depth_texture') || gl.getExtension('MOZ_WEBGL_depth_texture') || gl.getExtension('WEBKIT_WEBGL_depth_texture'); break; case 'EXT_texture_filter_anisotropic': extension = gl.getExtension('EXT_texture_filter_anisotropic') || gl.getExtension('MOZ_EXT_texture_filter_anisotropic') || gl.getExtension('WEBKIT_EXT_texture_filter_anisotropic'); break; case 'WEBGL_compressed_texture_s3tc': extension = gl.getExtension('WEBGL_compressed_texture_s3tc') || gl.getExtension('MOZ_WEBGL_compressed_texture_s3tc') || gl.getExtension('WEBKIT_WEBGL_compressed_texture_s3tc'); break; case 'WEBGL_compressed_texture_pvrtc': extension = gl.getExtension('WEBGL_compressed_texture_pvrtc') || gl.getExtension('WEBKIT_WEBGL_compressed_texture_pvrtc'); break; default: extension = gl.getExtension(name); } extensions[name] = extension; return extension; } return { has: function has(name) { return getExtension(name) !== null; }, init: function init(capabilities) { if (capabilities.isWebGL2) { getExtension('EXT_color_buffer_float'); } else { getExtension('WEBGL_depth_texture'); getExtension('OES_texture_float'); getExtension('OES_texture_half_float'); getExtension('OES_texture_half_float_linear'); getExtension('OES_standard_derivatives'); getExtension('OES_element_index_uint'); getExtension('OES_vertex_array_object'); getExtension('ANGLE_instanced_arrays'); } getExtension('OES_texture_float_linear'); getExtension('EXT_color_buffer_half_float'); }, get: function get(name) { var extension = getExtension(name); if (extension === null) { console.warn('THREE.WebGLRenderer: ' + name + ' extension not supported.'); } return extension; } }; } function WebGLGeometries(gl, attributes, info, bindingStates) { var geometries = {}; var wireframeAttributes = new WeakMap(); function onGeometryDispose(event) { var geometry = event.target; if (geometry.index !== null) { attributes.remove(geometry.index); } for (var name in geometry.attributes) { attributes.remove(geometry.attributes[name]); } geometry.removeEventListener('dispose', onGeometryDispose); delete geometries[geometry.id]; var attribute = wireframeAttributes.get(geometry); if (attribute) { attributes.remove(attribute); wireframeAttributes.delete(geometry); } bindingStates.releaseStatesOfGeometry(geometry); if (geometry.isInstancedBufferGeometry === true) { delete geometry._maxInstanceCount; } // info.memory.geometries--; } function get(object, geometry) { if (geometries[geometry.id] === true) return geometry; geometry.addEventListener('dispose', onGeometryDispose); geometries[geometry.id] = true; info.memory.geometries++; return geometry; } function update(geometry) { var geometryAttributes = geometry.attributes; // Updating index buffer in VAO now. See WebGLBindingStates. for (var name in geometryAttributes) { attributes.update(geometryAttributes[name], 34962); } // morph targets var morphAttributes = geometry.morphAttributes; for (var _name in morphAttributes) { var array = morphAttributes[_name]; for (var i = 0, l = array.length; i < l; i++) { attributes.update(array[i], 34962); } } } function updateWireframeAttribute(geometry) { var indices = []; var geometryIndex = geometry.index; var geometryPosition = geometry.attributes.position; var version = 0; if (geometryIndex !== null) { var array = geometryIndex.array; version = geometryIndex.version; for (var i = 0, l = array.length; i < l; i += 3) { var a = array[i + 0]; var b = array[i + 1]; var c = array[i + 2]; indices.push(a, b, b, c, c, a); } } else { var _array = geometryPosition.array; version = geometryPosition.version; for (var _i = 0, _l = _array.length / 3 - 1; _i < _l; _i += 3) { var _a = _i + 0; var _b = _i + 1; var _c = _i + 2; indices.push(_a, _b, _b, _c, _c, _a); } } var attribute = new (arrayMax(indices) > 65535 ? Uint32BufferAttribute : Uint16BufferAttribute)(indices, 1); attribute.version = version; // Updating index buffer in VAO now. See WebGLBindingStates // var previousAttribute = wireframeAttributes.get(geometry); if (previousAttribute) attributes.remove(previousAttribute); // wireframeAttributes.set(geometry, attribute); } function getWireframeAttribute(geometry) { var currentAttribute = wireframeAttributes.get(geometry); if (currentAttribute) { var geometryIndex = geometry.index; if (geometryIndex !== null) { // if the attribute is obsolete, create a new one if (currentAttribute.version < geometryIndex.version) { updateWireframeAttribute(geometry); } } } else { updateWireframeAttribute(geometry); } return wireframeAttributes.get(geometry); } return { get: get, update: update, getWireframeAttribute: getWireframeAttribute }; } function WebGLIndexedBufferRenderer(gl, extensions, info, capabilities) { var isWebGL2 = capabilities.isWebGL2; var mode; function setMode(value) { mode = value; } var type, bytesPerElement; function setIndex(value) { type = value.type; bytesPerElement = value.bytesPerElement; } function render(start, count) { gl.drawElements(mode, count, type, start * bytesPerElement); info.update(count, mode, 1); } function renderInstances(start, count, primcount) { if (primcount === 0) return; var extension, methodName; if (isWebGL2) { extension = gl; methodName = 'drawElementsInstanced'; } else { extension = extensions.get('ANGLE_instanced_arrays'); methodName = 'drawElementsInstancedANGLE'; if (extension === null) { console.error('THREE.WebGLIndexedBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.'); return; } } extension[methodName](mode, count, type, start * bytesPerElement, primcount); info.update(count, mode, primcount); } // this.setMode = setMode; this.setIndex = setIndex; this.render = render; this.renderInstances = renderInstances; } function WebGLInfo(gl) { var memory = { geometries: 0, textures: 0 }; var render = { frame: 0, calls: 0, triangles: 0, points: 0, lines: 0 }; function update(count, mode, instanceCount) { render.calls++; switch (mode) { case 4: render.triangles += instanceCount * (count / 3); break; case 1: render.lines += instanceCount * (count / 2); break; case 3: render.lines += instanceCount * (count - 1); break; case 2: render.lines += instanceCount * count; break; case 0: render.points += instanceCount * count; break; default: console.error('THREE.WebGLInfo: Unknown draw mode:', mode); break; } } function reset() { render.frame++; render.calls = 0; render.triangles = 0; render.points = 0; render.lines = 0; } return { memory: memory, render: render, programs: null, autoReset: true, reset: reset, update: update }; } function numericalSort(a, b) { return a[0] - b[0]; } function absNumericalSort(a, b) { return Math.abs(b[1]) - Math.abs(a[1]); } function WebGLMorphtargets(gl) { var influencesList = {}; var morphInfluences = new Float32Array(8); var workInfluences = []; for (var i = 0; i < 8; i++) { workInfluences[i] = [i, 0]; } function update(object, geometry, material, program) { var objectInfluences = object.morphTargetInfluences; // When object doesn't have morph target influences defined, we treat it as a 0-length array // This is important to make sure we set up morphTargetBaseInfluence / morphTargetInfluences var length = objectInfluences === undefined ? 0 : objectInfluences.length; var influences = influencesList[geometry.id]; if (influences === undefined) { // initialise list influences = []; for (var _i = 0; _i < length; _i++) { influences[_i] = [_i, 0]; } influencesList[geometry.id] = influences; } // Collect influences for (var _i2 = 0; _i2 < length; _i2++) { var influence = influences[_i2]; influence[0] = _i2; influence[1] = objectInfluences[_i2]; } influences.sort(absNumericalSort); for (var _i3 = 0; _i3 < 8; _i3++) { if (_i3 < length && influences[_i3][1]) { workInfluences[_i3][0] = influences[_i3][0]; workInfluences[_i3][1] = influences[_i3][1]; } else { workInfluences[_i3][0] = Number.MAX_SAFE_INTEGER; workInfluences[_i3][1] = 0; } } workInfluences.sort(numericalSort); var morphTargets = material.morphTargets && geometry.morphAttributes.position; var morphNormals = material.morphNormals && geometry.morphAttributes.normal; var morphInfluencesSum = 0; for (var _i4 = 0; _i4 < 8; _i4++) { var _influence = workInfluences[_i4]; var index = _influence[0]; var value = _influence[1]; if (index !== Number.MAX_SAFE_INTEGER && value) { if (morphTargets && geometry.getAttribute('morphTarget' + _i4) !== morphTargets[index]) { geometry.setAttribute('morphTarget' + _i4, morphTargets[index]); } if (morphNormals && geometry.getAttribute('morphNormal' + _i4) !== morphNormals[index]) { geometry.setAttribute('morphNormal' + _i4, morphNormals[index]); } morphInfluences[_i4] = value; morphInfluencesSum += value; } else { if (morphTargets && geometry.hasAttribute('morphTarget' + _i4) === true) { geometry.deleteAttribute('morphTarget' + _i4); } if (morphNormals && geometry.hasAttribute('morphNormal' + _i4) === true) { geometry.deleteAttribute('morphNormal' + _i4); } morphInfluences[_i4] = 0; } } // GLSL shader uses formula baseinfluence * base + sum(target * influence) // This allows us to switch between absolute morphs and relative morphs without changing shader code // When baseinfluence = 1 - sum(influence), the above is equivalent to sum((target - base) * influence) var morphBaseInfluence = geometry.morphTargetsRelative ? 1 : 1 - morphInfluencesSum; program.getUniforms().setValue(gl, 'morphTargetBaseInfluence', morphBaseInfluence); program.getUniforms().setValue(gl, 'morphTargetInfluences', morphInfluences); } return { update: update }; } function WebGLObjects(gl, geometries, attributes, info) { var updateMap = new WeakMap(); function update(object) { var frame = info.render.frame; var geometry = object.geometry; var buffergeometry = geometries.get(object, geometry); // Update once per frame if (updateMap.get(buffergeometry) !== frame) { geometries.update(buffergeometry); updateMap.set(buffergeometry, frame); } if (object.isInstancedMesh) { if (object.hasEventListener('dispose', onInstancedMeshDispose) === false) { object.addEventListener('dispose', onInstancedMeshDispose); } attributes.update(object.instanceMatrix, 34962); if (object.instanceColor !== null) { attributes.update(object.instanceColor, 34962); } } return buffergeometry; } function dispose() { updateMap = new WeakMap(); } function onInstancedMeshDispose(event) { var instancedMesh = event.target; instancedMesh.removeEventListener('dispose', onInstancedMeshDispose); attributes.remove(instancedMesh.instanceMatrix); if (instancedMesh.instanceColor !== null) attributes.remove(instancedMesh.instanceColor); } return { update: update, dispose: dispose }; } function DataTexture2DArray(data, width, height, depth) { if (data === void 0) { data = null; } if (width === void 0) { width = 1; } if (height === void 0) { height = 1; } if (depth === void 0) { depth = 1; } Texture.call(this, null); this.image = { data: data, width: width, height: height, depth: depth }; this.magFilter = NearestFilter; this.minFilter = NearestFilter; this.wrapR = ClampToEdgeWrapping; this.generateMipmaps = false; this.flipY = false; this.needsUpdate = true; } DataTexture2DArray.prototype = Object.create(Texture.prototype); DataTexture2DArray.prototype.constructor = DataTexture2DArray; DataTexture2DArray.prototype.isDataTexture2DArray = true; function DataTexture3D(data, width, height, depth) { if (data === void 0) { data = null; } if (width === void 0) { width = 1; } if (height === void 0) { height = 1; } if (depth === void 0) { depth = 1; } // We're going to add .setXXX() methods for setting properties later. // Users can still set in DataTexture3D directly. // // const texture = new THREE.DataTexture3D( data, width, height, depth ); // texture.anisotropy = 16; // // See #14839 Texture.call(this, null); this.image = { data: data, width: width, height: height, depth: depth }; this.magFilter = NearestFilter; this.minFilter = NearestFilter; this.wrapR = ClampToEdgeWrapping; this.generateMipmaps = false; this.flipY = false; this.needsUpdate = true; } DataTexture3D.prototype = Object.create(Texture.prototype); DataTexture3D.prototype.constructor = DataTexture3D; DataTexture3D.prototype.isDataTexture3D = true; /** * Uniforms of a program. * Those form a tree structure with a special top-level container for the root, * which you get by calling 'new WebGLUniforms( gl, program )'. * * * Properties of inner nodes including the top-level container: * * .seq - array of nested uniforms * .map - nested uniforms by name * * * Methods of all nodes except the top-level container: * * .setValue( gl, value, [textures] ) * * uploads a uniform value(s) * the 'textures' parameter is needed for sampler uniforms * * * Static methods of the top-level container (textures factorizations): * * .upload( gl, seq, values, textures ) * * sets uniforms in 'seq' to 'values[id].value' * * .seqWithValue( seq, values ) : filteredSeq * * filters 'seq' entries with corresponding entry in values * * * Methods of the top-level container (textures factorizations): * * .setValue( gl, name, value, textures ) * * sets uniform with name 'name' to 'value' * * .setOptional( gl, obj, prop ) * * like .set for an optional property of the object * */ var emptyTexture = new Texture(); var emptyTexture2dArray = new DataTexture2DArray(); var emptyTexture3d = new DataTexture3D(); var emptyCubeTexture = new CubeTexture(); // --- Utilities --- // Array Caches (provide typed arrays for temporary by size) var arrayCacheF32 = []; var arrayCacheI32 = []; // Float32Array caches used for uploading Matrix uniforms var mat4array = new Float32Array(16); var mat3array = new Float32Array(9); var mat2array = new Float32Array(4); // Flattening for arrays of vectors and matrices function flatten(array, nBlocks, blockSize) { var firstElem = array[0]; if (firstElem <= 0 || firstElem > 0) return array; // unoptimized: ! isNaN( firstElem ) // see http://jacksondunstan.com/articles/983 var n = nBlocks * blockSize; var r = arrayCacheF32[n]; if (r === undefined) { r = new Float32Array(n); arrayCacheF32[n] = r; } if (nBlocks !== 0) { firstElem.toArray(r, 0); for (var i = 1, offset = 0; i !== nBlocks; ++i) { offset += blockSize; array[i].toArray(r, offset); } } return r; } function arraysEqual(a, b) { if (a.length !== b.length) return false; for (var i = 0, l = a.length; i < l; i++) { if (a[i] !== b[i]) return false; } return true; } function copyArray(a, b) { for (var i = 0, l = b.length; i < l; i++) { a[i] = b[i]; } } // Texture unit allocation function allocTexUnits(textures, n) { var r = arrayCacheI32[n]; if (r === undefined) { r = new Int32Array(n); arrayCacheI32[n] = r; } for (var i = 0; i !== n; ++i) { r[i] = textures.allocateTextureUnit(); } return r; } // --- Setters --- // Note: Defining these methods externally, because they come in a bunch // and this way their names minify. // Single scalar function setValueV1f(gl, v) { var cache = this.cache; if (cache[0] === v) return; gl.uniform1f(this.addr, v); cache[0] = v; } // Single float vector (from flat array or THREE.VectorN) function setValueV2f(gl, v) { var cache = this.cache; if (v.x !== undefined) { if (cache[0] !== v.x || cache[1] !== v.y) { gl.uniform2f(this.addr, v.x, v.y); cache[0] = v.x; cache[1] = v.y; } } else { if (arraysEqual(cache, v)) return; gl.uniform2fv(this.addr, v); copyArray(cache, v); } } function setValueV3f(gl, v) { var cache = this.cache; if (v.x !== undefined) { if (cache[0] !== v.x || cache[1] !== v.y || cache[2] !== v.z) { gl.uniform3f(this.addr, v.x, v.y, v.z); cache[0] = v.x; cache[1] = v.y; cache[2] = v.z; } } else if (v.r !== undefined) { if (cache[0] !== v.r || cache[1] !== v.g || cache[2] !== v.b) { gl.uniform3f(this.addr, v.r, v.g, v.b); cache[0] = v.r; cache[1] = v.g; cache[2] = v.b; } } else { if (arraysEqual(cache, v)) return; gl.uniform3fv(this.addr, v); copyArray(cache, v); } } function setValueV4f(gl, v) { var cache = this.cache; if (v.x !== undefined) { if (cache[0] !== v.x || cache[1] !== v.y || cache[2] !== v.z || cache[3] !== v.w) { gl.uniform4f(this.addr, v.x, v.y, v.z, v.w); cache[0] = v.x; cache[1] = v.y; cache[2] = v.z; cache[3] = v.w; } } else { if (arraysEqual(cache, v)) return; gl.uniform4fv(this.addr, v); copyArray(cache, v); } } // Single matrix (from flat array or MatrixN) function setValueM2(gl, v) { var cache = this.cache; var elements = v.elements; if (elements === undefined) { if (arraysEqual(cache, v)) return; gl.uniformMatrix2fv(this.addr, false, v); copyArray(cache, v); } else { if (arraysEqual(cache, elements)) return; mat2array.set(elements); gl.uniformMatrix2fv(this.addr, false, mat2array); copyArray(cache, elements); } } function setValueM3(gl, v) { var cache = this.cache; var elements = v.elements; if (elements === undefined) { if (arraysEqual(cache, v)) return; gl.uniformMatrix3fv(this.addr, false, v); copyArray(cache, v); } else { if (arraysEqual(cache, elements)) return; mat3array.set(elements); gl.uniformMatrix3fv(this.addr, false, mat3array); copyArray(cache, elements); } } function setValueM4(gl, v) { var cache = this.cache; var elements = v.elements; if (elements === undefined) { if (arraysEqual(cache, v)) return; gl.uniformMatrix4fv(this.addr, false, v); copyArray(cache, v); } else { if (arraysEqual(cache, elements)) return; mat4array.set(elements); gl.uniformMatrix4fv(this.addr, false, mat4array); copyArray(cache, elements); } } // Single texture (2D / Cube) function setValueT1(gl, v, textures) { var cache = this.cache; var unit = textures.allocateTextureUnit(); if (cache[0] !== unit) { gl.uniform1i(this.addr, unit); cache[0] = unit; } textures.safeSetTexture2D(v || emptyTexture, unit); } function setValueT2DArray1(gl, v, textures) { var cache = this.cache; var unit = textures.allocateTextureUnit(); if (cache[0] !== unit) { gl.uniform1i(this.addr, unit); cache[0] = unit; } textures.setTexture2DArray(v || emptyTexture2dArray, unit); } function setValueT3D1(gl, v, textures) { var cache = this.cache; var unit = textures.allocateTextureUnit(); if (cache[0] !== unit) { gl.uniform1i(this.addr, unit); cache[0] = unit; } textures.setTexture3D(v || emptyTexture3d, unit); } function setValueT6(gl, v, textures) { var cache = this.cache; var unit = textures.allocateTextureUnit(); if (cache[0] !== unit) { gl.uniform1i(this.addr, unit); cache[0] = unit; } textures.safeSetTextureCube(v || emptyCubeTexture, unit); } // Integer / Boolean vectors or arrays thereof (always flat arrays) function setValueV1i(gl, v) { var cache = this.cache; if (cache[0] === v) return; gl.uniform1i(this.addr, v); cache[0] = v; } function setValueV2i(gl, v) { var cache = this.cache; if (arraysEqual(cache, v)) return; gl.uniform2iv(this.addr, v); copyArray(cache, v); } function setValueV3i(gl, v) { var cache = this.cache; if (arraysEqual(cache, v)) return; gl.uniform3iv(this.addr, v); copyArray(cache, v); } function setValueV4i(gl, v) { var cache = this.cache; if (arraysEqual(cache, v)) return; gl.uniform4iv(this.addr, v); copyArray(cache, v); } // uint function setValueV1ui(gl, v) { var cache = this.cache; if (cache[0] === v) return; gl.uniform1ui(this.addr, v); cache[0] = v; } // Helper to pick the right setter for the singular case function getSingularSetter(type) { switch (type) { case 0x1406: return setValueV1f; // FLOAT case 0x8b50: return setValueV2f; // _VEC2 case 0x8b51: return setValueV3f; // _VEC3 case 0x8b52: return setValueV4f; // _VEC4 case 0x8b5a: return setValueM2; // _MAT2 case 0x8b5b: return setValueM3; // _MAT3 case 0x8b5c: return setValueM4; // _MAT4 case 0x1404: case 0x8b56: return setValueV1i; // INT, BOOL case 0x8b53: case 0x8b57: return setValueV2i; // _VEC2 case 0x8b54: case 0x8b58: return setValueV3i; // _VEC3 case 0x8b55: case 0x8b59: return setValueV4i; // _VEC4 case 0x1405: return setValueV1ui; // UINT case 0x8b5e: // SAMPLER_2D case 0x8d66: // SAMPLER_EXTERNAL_OES case 0x8dca: // INT_SAMPLER_2D case 0x8dd2: // UNSIGNED_INT_SAMPLER_2D case 0x8b62: // SAMPLER_2D_SHADOW return setValueT1; case 0x8b5f: // SAMPLER_3D case 0x8dcb: // INT_SAMPLER_3D case 0x8dd3: // UNSIGNED_INT_SAMPLER_3D return setValueT3D1; case 0x8b60: // SAMPLER_CUBE case 0x8dcc: // INT_SAMPLER_CUBE case 0x8dd4: // UNSIGNED_INT_SAMPLER_CUBE case 0x8dc5: // SAMPLER_CUBE_SHADOW return setValueT6; case 0x8dc1: // SAMPLER_2D_ARRAY case 0x8dcf: // INT_SAMPLER_2D_ARRAY case 0x8dd7: // UNSIGNED_INT_SAMPLER_2D_ARRAY case 0x8dc4: // SAMPLER_2D_ARRAY_SHADOW return setValueT2DArray1; } } // Array of scalars function setValueV1fArray(gl, v) { gl.uniform1fv(this.addr, v); } // Integer / Boolean vectors or arrays thereof (always flat arrays) function setValueV1iArray(gl, v) { gl.uniform1iv(this.addr, v); } function setValueV2iArray(gl, v) { gl.uniform2iv(this.addr, v); } function setValueV3iArray(gl, v) { gl.uniform3iv(this.addr, v); } function setValueV4iArray(gl, v) { gl.uniform4iv(this.addr, v); } // Array of vectors (flat or from THREE classes) function setValueV2fArray(gl, v) { var data = flatten(v, this.size, 2); gl.uniform2fv(this.addr, data); } function setValueV3fArray(gl, v) { var data = flatten(v, this.size, 3); gl.uniform3fv(this.addr, data); } function setValueV4fArray(gl, v) { var data = flatten(v, this.size, 4); gl.uniform4fv(this.addr, data); } // Array of matrices (flat or from THREE clases) function setValueM2Array(gl, v) { var data = flatten(v, this.size, 4); gl.uniformMatrix2fv(this.addr, false, data); } function setValueM3Array(gl, v) { var data = flatten(v, this.size, 9); gl.uniformMatrix3fv(this.addr, false, data); } function setValueM4Array(gl, v) { var data = flatten(v, this.size, 16); gl.uniformMatrix4fv(this.addr, false, data); } // Array of textures (2D / Cube) function setValueT1Array(gl, v, textures) { var n = v.length; var units = allocTexUnits(textures, n); gl.uniform1iv(this.addr, units); for (var i = 0; i !== n; ++i) { textures.safeSetTexture2D(v[i] || emptyTexture, units[i]); } } function setValueT6Array(gl, v, textures) { var n = v.length; var units = allocTexUnits(textures, n); gl.uniform1iv(this.addr, units); for (var i = 0; i !== n; ++i) { textures.safeSetTextureCube(v[i] || emptyCubeTexture, units[i]); } } // Helper to pick the right setter for a pure (bottom-level) array function getPureArraySetter(type) { switch (type) { case 0x1406: return setValueV1fArray; // FLOAT case 0x8b50: return setValueV2fArray; // _VEC2 case 0x8b51: return setValueV3fArray; // _VEC3 case 0x8b52: return setValueV4fArray; // _VEC4 case 0x8b5a: return setValueM2Array; // _MAT2 case 0x8b5b: return setValueM3Array; // _MAT3 case 0x8b5c: return setValueM4Array; // _MAT4 case 0x1404: case 0x8b56: return setValueV1iArray; // INT, BOOL case 0x8b53: case 0x8b57: return setValueV2iArray; // _VEC2 case 0x8b54: case 0x8b58: return setValueV3iArray; // _VEC3 case 0x8b55: case 0x8b59: return setValueV4iArray; // _VEC4 case 0x8b5e: // SAMPLER_2D case 0x8d66: // SAMPLER_EXTERNAL_OES case 0x8dca: // INT_SAMPLER_2D case 0x8dd2: // UNSIGNED_INT_SAMPLER_2D case 0x8b62: // SAMPLER_2D_SHADOW return setValueT1Array; case 0x8b60: // SAMPLER_CUBE case 0x8dcc: // INT_SAMPLER_CUBE case 0x8dd4: // UNSIGNED_INT_SAMPLER_CUBE case 0x8dc5: // SAMPLER_CUBE_SHADOW return setValueT6Array; } } // --- Uniform Classes --- function SingleUniform(id, activeInfo, addr) { this.id = id; this.addr = addr; this.cache = []; this.setValue = getSingularSetter(activeInfo.type); // this.path = activeInfo.name; // DEBUG } function PureArrayUniform(id, activeInfo, addr) { this.id = id; this.addr = addr; this.cache = []; this.size = activeInfo.size; this.setValue = getPureArraySetter(activeInfo.type); // this.path = activeInfo.name; // DEBUG } PureArrayUniform.prototype.updateCache = function (data) { var cache = this.cache; if (data instanceof Float32Array && cache.length !== data.length) { this.cache = new Float32Array(data.length); } copyArray(cache, data); }; function StructuredUniform(id) { this.id = id; this.seq = []; this.map = {}; } StructuredUniform.prototype.setValue = function (gl, value, textures) { var seq = this.seq; for (var i = 0, n = seq.length; i !== n; ++i) { var u = seq[i]; u.setValue(gl, value[u.id], textures); } }; // --- Top-level --- // Parser - builds up the property tree from the path strings var RePathPart = /(\w+)(\])?(\[|\.)?/g; // extracts // - the identifier (member name or array index) // - followed by an optional right bracket (found when array index) // - followed by an optional left bracket or dot (type of subscript) // // Note: These portions can be read in a non-overlapping fashion and // allow straightforward parsing of the hierarchy that WebGL encodes // in the uniform names. function addUniform(container, uniformObject) { container.seq.push(uniformObject); container.map[uniformObject.id] = uniformObject; } function parseUniform(activeInfo, addr, container) { var path = activeInfo.name, pathLength = path.length; // reset RegExp object, because of the early exit of a previous run RePathPart.lastIndex = 0; while (true) { var match = RePathPart.exec(path), matchEnd = RePathPart.lastIndex; var id = match[1]; var idIsIndex = match[2] === ']', subscript = match[3]; if (idIsIndex) id = id | 0; // convert to integer if (subscript === undefined || subscript === '[' && matchEnd + 2 === pathLength) { // bare name or "pure" bottom-level array "[0]" suffix addUniform(container, subscript === undefined ? new SingleUniform(id, activeInfo, addr) : new PureArrayUniform(id, activeInfo, addr)); break; } else { // step into inner node / create it in case it doesn't exist var map = container.map; var next = map[id]; if (next === undefined) { next = new StructuredUniform(id); addUniform(container, next); } container = next; } } } // Root Container function WebGLUniforms(gl, program) { this.seq = []; this.map = {}; var n = gl.getProgramParameter(program, 35718); for (var i = 0; i < n; ++i) { var info = gl.getActiveUniform(program, i), addr = gl.getUniformLocation(program, info.name); parseUniform(info, addr, this); } } WebGLUniforms.prototype.setValue = function (gl, name, value, textures) { var u = this.map[name]; if (u !== undefined) u.setValue(gl, value, textures); }; WebGLUniforms.prototype.setOptional = function (gl, object, name) { var v = object[name]; if (v !== undefined) this.setValue(gl, name, v); }; // Static interface WebGLUniforms.upload = function (gl, seq, values, textures) { for (var i = 0, n = seq.length; i !== n; ++i) { var u = seq[i], v = values[u.id]; if (v.needsUpdate !== false) { // note: always updating when .needsUpdate is undefined u.setValue(gl, v.value, textures); } } }; WebGLUniforms.seqWithValue = function (seq, values) { var r = []; for (var i = 0, n = seq.length; i !== n; ++i) { var u = seq[i]; if (u.id in values) r.push(u); } return r; }; function WebGLShader(gl, type, string) { var shader = gl.createShader(type); gl.shaderSource(shader, string); gl.compileShader(shader); return shader; } var programIdCount = 0; function addLineNumbers(string) { var lines = string.split('\n'); for (var i = 0; i < lines.length; i++) { lines[i] = i + 1 + ': ' + lines[i]; } return lines.join('\n'); } function getEncodingComponents(encoding) { switch (encoding) { case LinearEncoding: return ['Linear', '( value )']; case sRGBEncoding: return ['sRGB', '( value )']; case RGBEEncoding: return ['RGBE', '( value )']; case RGBM7Encoding: return ['RGBM', '( value, 7.0 )']; case RGBM16Encoding: return ['RGBM', '( value, 16.0 )']; case RGBDEncoding: return ['RGBD', '( value, 256.0 )']; case GammaEncoding: return ['Gamma', '( value, float( GAMMA_FACTOR ) )']; case LogLuvEncoding: return ['LogLuv', '( value )']; default: console.warn('THREE.WebGLProgram: Unsupported encoding:', encoding); return ['Linear', '( value )']; } } function getShaderErrors(gl, shader, type) { var status = gl.getShaderParameter(shader, 35713); var log = gl.getShaderInfoLog(shader).trim(); if (status && log === '') return ''; // --enable-privileged-webgl-extension // console.log( '**' + type + '**', gl.getExtension( 'WEBGL_debug_shaders' ).getTranslatedShaderSource( shader ) ); var source = gl.getShaderSource(shader); return 'THREE.WebGLShader: gl.getShaderInfoLog() ' + type + '\n' + log + addLineNumbers(source); } function getTexelDecodingFunction(functionName, encoding) { var components = getEncodingComponents(encoding); return 'vec4 ' + functionName + '( vec4 value ) { return ' + components[0] + 'ToLinear' + components[1] + '; }'; } function getTexelEncodingFunction(functionName, encoding) { var components = getEncodingComponents(encoding); return 'vec4 ' + functionName + '( vec4 value ) { return LinearTo' + components[0] + components[1] + '; }'; } function getToneMappingFunction(functionName, toneMapping) { var toneMappingName; switch (toneMapping) { case LinearToneMapping: toneMappingName = 'Linear'; break; case ReinhardToneMapping: toneMappingName = 'Reinhard'; break; case CineonToneMapping: toneMappingName = 'OptimizedCineon'; break; case ACESFilmicToneMapping: toneMappingName = 'ACESFilmic'; break; case CustomToneMapping: toneMappingName = 'Custom'; break; default: console.warn('THREE.WebGLProgram: Unsupported toneMapping:', toneMapping); toneMappingName = 'Linear'; } return 'vec3 ' + functionName + '( vec3 color ) { return ' + toneMappingName + 'ToneMapping( color ); }'; } function generateExtensions(parameters) { var chunks = [parameters.extensionDerivatives || parameters.envMapCubeUV || parameters.bumpMap || parameters.tangentSpaceNormalMap || parameters.clearcoatNormalMap || parameters.flatShading || parameters.shaderID === 'physical' ? '#extension GL_OES_standard_derivatives : enable' : '', (parameters.extensionFragDepth || parameters.logarithmicDepthBuffer) && parameters.rendererExtensionFragDepth ? '#extension GL_EXT_frag_depth : enable' : '', parameters.extensionDrawBuffers && parameters.rendererExtensionDrawBuffers ? '#extension GL_EXT_draw_buffers : require' : '', (parameters.extensionShaderTextureLOD || parameters.envMap) && parameters.rendererExtensionShaderTextureLod ? '#extension GL_EXT_shader_texture_lod : enable' : '']; return chunks.filter(filterEmptyLine).join('\n'); } function generateDefines(defines) { var chunks = []; for (var name in defines) { var value = defines[name]; if (value === false) continue; chunks.push('#define ' + name + ' ' + value); } return chunks.join('\n'); } function fetchAttributeLocations(gl, program) { var attributes = {}; var n = gl.getProgramParameter(program, 35721); for (var i = 0; i < n; i++) { var info = gl.getActiveAttrib(program, i); var name = info.name; // console.log( 'THREE.WebGLProgram: ACTIVE VERTEX ATTRIBUTE:', name, i ); attributes[name] = gl.getAttribLocation(program, name); } return attributes; } function filterEmptyLine(string) { return string !== ''; } function replaceLightNums(string, parameters) { return string.replace(/NUM_DIR_LIGHTS/g, parameters.numDirLights).replace(/NUM_SPOT_LIGHTS/g, parameters.numSpotLights).replace(/NUM_RECT_AREA_LIGHTS/g, parameters.numRectAreaLights).replace(/NUM_POINT_LIGHTS/g, parameters.numPointLights).replace(/NUM_HEMI_LIGHTS/g, parameters.numHemiLights).replace(/NUM_DIR_LIGHT_SHADOWS/g, parameters.numDirLightShadows).replace(/NUM_SPOT_LIGHT_SHADOWS/g, parameters.numSpotLightShadows).replace(/NUM_POINT_LIGHT_SHADOWS/g, parameters.numPointLightShadows); } function replaceClippingPlaneNums(string, parameters) { return string.replace(/NUM_CLIPPING_PLANES/g, parameters.numClippingPlanes).replace(/UNION_CLIPPING_PLANES/g, parameters.numClippingPlanes - parameters.numClipIntersection); } // Resolve Includes var includePattern = /^[ \t]*#include +<([\w\d./]+)>/gm; function resolveIncludes(string) { return string.replace(includePattern, includeReplacer); } function includeReplacer(match, include) { var string = ShaderChunk[include]; if (string === undefined) { throw new Error('Can not resolve #include <' + include + '>'); } return resolveIncludes(string); } // Unroll Loops var deprecatedUnrollLoopPattern = /#pragma unroll_loop[\s]+?for \( int i \= (\d+)\; i < (\d+)\; i \+\+ \) \{([\s\S]+?)(?=\})\}/g; var unrollLoopPattern = /#pragma unroll_loop_start\s+for\s*\(\s*int\s+i\s*=\s*(\d+)\s*;\s*i\s*<\s*(\d+)\s*;\s*i\s*\+\+\s*\)\s*{([\s\S]+?)}\s+#pragma unroll_loop_end/g; function unrollLoops(string) { return string.replace(unrollLoopPattern, loopReplacer).replace(deprecatedUnrollLoopPattern, deprecatedLoopReplacer); } function deprecatedLoopReplacer(match, start, end, snippet) { console.warn('WebGLProgram: #pragma unroll_loop shader syntax is deprecated. Please use #pragma unroll_loop_start syntax instead.'); return loopReplacer(match, start, end, snippet); } function loopReplacer(match, start, end, snippet) { var string = ''; for (var i = parseInt(start); i < parseInt(end); i++) { string += snippet.replace(/\[\s*i\s*\]/g, '[ ' + i + ' ]').replace(/UNROLLED_LOOP_INDEX/g, i); } return string; } // function generatePrecision(parameters) { var precisionstring = 'precision ' + parameters.precision + ' float;\nprecision ' + parameters.precision + ' int;'; if (parameters.precision === 'highp') { precisionstring += '\n#define HIGH_PRECISION'; } else if (parameters.precision === 'mediump') { precisionstring += '\n#define MEDIUM_PRECISION'; } else if (parameters.precision === 'lowp') { precisionstring += '\n#define LOW_PRECISION'; } return precisionstring; } function generateShadowMapTypeDefine(parameters) { var shadowMapTypeDefine = 'SHADOWMAP_TYPE_BASIC'; if (parameters.shadowMapType === PCFShadowMap) { shadowMapTypeDefine = 'SHADOWMAP_TYPE_PCF'; } else if (parameters.shadowMapType === PCFSoftShadowMap) { shadowMapTypeDefine = 'SHADOWMAP_TYPE_PCF_SOFT'; } else if (parameters.shadowMapType === VSMShadowMap) { shadowMapTypeDefine = 'SHADOWMAP_TYPE_VSM'; } return shadowMapTypeDefine; } function generateEnvMapTypeDefine(parameters) { var envMapTypeDefine = 'ENVMAP_TYPE_CUBE'; if (parameters.envMap) { switch (parameters.envMapMode) { case CubeReflectionMapping: case CubeRefractionMapping: envMapTypeDefine = 'ENVMAP_TYPE_CUBE'; break; case CubeUVReflectionMapping: case CubeUVRefractionMapping: envMapTypeDefine = 'ENVMAP_TYPE_CUBE_UV'; break; } } return envMapTypeDefine; } function generateEnvMapModeDefine(parameters) { var envMapModeDefine = 'ENVMAP_MODE_REFLECTION'; if (parameters.envMap) { switch (parameters.envMapMode) { case CubeRefractionMapping: case CubeUVRefractionMapping: envMapModeDefine = 'ENVMAP_MODE_REFRACTION'; break; } } return envMapModeDefine; } function generateEnvMapBlendingDefine(parameters) { var envMapBlendingDefine = 'ENVMAP_BLENDING_NONE'; if (parameters.envMap) { switch (parameters.combine) { case MultiplyOperation: envMapBlendingDefine = 'ENVMAP_BLENDING_MULTIPLY'; break; case MixOperation: envMapBlendingDefine = 'ENVMAP_BLENDING_MIX'; break; case AddOperation: envMapBlendingDefine = 'ENVMAP_BLENDING_ADD'; break; } } return envMapBlendingDefine; } function WebGLProgram(renderer, cacheKey, parameters, bindingStates) { var gl = renderer.getContext(); var defines = parameters.defines; var vertexShader = parameters.vertexShader; var fragmentShader = parameters.fragmentShader; var shadowMapTypeDefine = generateShadowMapTypeDefine(parameters); var envMapTypeDefine = generateEnvMapTypeDefine(parameters); var envMapModeDefine = generateEnvMapModeDefine(parameters); var envMapBlendingDefine = generateEnvMapBlendingDefine(parameters); var gammaFactorDefine = renderer.gammaFactor > 0 ? renderer.gammaFactor : 1.0; var customExtensions = parameters.isWebGL2 ? '' : generateExtensions(parameters); var customDefines = generateDefines(defines); var program = gl.createProgram(); var prefixVertex, prefixFragment; var versionString = parameters.glslVersion ? '#version ' + parameters.glslVersion + '\n' : ''; if (parameters.isRawShaderMaterial) { prefixVertex = [customDefines].filter(filterEmptyLine).join('\n'); if (prefixVertex.length > 0) { prefixVertex += '\n'; } prefixFragment = [customExtensions, customDefines].filter(filterEmptyLine).join('\n'); if (prefixFragment.length > 0) { prefixFragment += '\n'; } } else { prefixVertex = [generatePrecision(parameters), '#define SHADER_NAME ' + parameters.shaderName, customDefines, parameters.instancing ? '#define USE_INSTANCING' : '', parameters.instancingColor ? '#define USE_INSTANCING_COLOR' : '', parameters.supportsVertexTextures ? '#define VERTEX_TEXTURES' : '', '#define GAMMA_FACTOR ' + gammaFactorDefine, '#define MAX_BONES ' + parameters.maxBones, parameters.useFog && parameters.fog ? '#define USE_FOG' : '', parameters.useFog && parameters.fogExp2 ? '#define FOG_EXP2' : '', parameters.map ? '#define USE_MAP' : '', parameters.envMap ? '#define USE_ENVMAP' : '', parameters.envMap ? '#define ' + envMapModeDefine : '', parameters.lightMap ? '#define USE_LIGHTMAP' : '', parameters.aoMap ? '#define USE_AOMAP' : '', parameters.emissiveMap ? '#define USE_EMISSIVEMAP' : '', parameters.bumpMap ? '#define USE_BUMPMAP' : '', parameters.normalMap ? '#define USE_NORMALMAP' : '', parameters.normalMap && parameters.objectSpaceNormalMap ? '#define OBJECTSPACE_NORMALMAP' : '', parameters.normalMap && parameters.tangentSpaceNormalMap ? '#define TANGENTSPACE_NORMALMAP' : '', parameters.clearcoatMap ? '#define USE_CLEARCOATMAP' : '', parameters.clearcoatRoughnessMap ? '#define USE_CLEARCOAT_ROUGHNESSMAP' : '', parameters.clearcoatNormalMap ? '#define USE_CLEARCOAT_NORMALMAP' : '', parameters.displacementMap && parameters.supportsVertexTextures ? '#define USE_DISPLACEMENTMAP' : '', parameters.specularMap ? '#define USE_SPECULARMAP' : '', parameters.roughnessMap ? '#define USE_ROUGHNESSMAP' : '', parameters.metalnessMap ? '#define USE_METALNESSMAP' : '', parameters.alphaMap ? '#define USE_ALPHAMAP' : '', parameters.transmissionMap ? '#define USE_TRANSMISSIONMAP' : '', parameters.vertexTangents ? '#define USE_TANGENT' : '', parameters.vertexColors ? '#define USE_COLOR' : '', parameters.vertexUvs ? '#define USE_UV' : '', parameters.uvsVertexOnly ? '#define UVS_VERTEX_ONLY' : '', parameters.flatShading ? '#define FLAT_SHADED' : '', parameters.skinning ? '#define USE_SKINNING' : '', parameters.useVertexTexture ? '#define BONE_TEXTURE' : '', parameters.morphTargets ? '#define USE_MORPHTARGETS' : '', parameters.morphNormals && parameters.flatShading === false ? '#define USE_MORPHNORMALS' : '', parameters.doubleSided ? '#define DOUBLE_SIDED' : '', parameters.flipSided ? '#define FLIP_SIDED' : '', parameters.shadowMapEnabled ? '#define USE_SHADOWMAP' : '', parameters.shadowMapEnabled ? '#define ' + shadowMapTypeDefine : '', parameters.sizeAttenuation ? '#define USE_SIZEATTENUATION' : '', parameters.logarithmicDepthBuffer ? '#define USE_LOGDEPTHBUF' : '', parameters.logarithmicDepthBuffer && parameters.rendererExtensionFragDepth ? '#define USE_LOGDEPTHBUF_EXT' : '', 'uniform mat4 modelMatrix;', 'uniform mat4 modelViewMatrix;', 'uniform mat4 projectionMatrix;', 'uniform mat4 viewMatrix;', 'uniform mat3 normalMatrix;', 'uniform vec3 cameraPosition;', 'uniform bool isOrthographic;', '#ifdef USE_INSTANCING', ' attribute mat4 instanceMatrix;', '#endif', '#ifdef USE_INSTANCING_COLOR', ' attribute vec3 instanceColor;', '#endif', 'attribute vec3 position;', 'attribute vec3 normal;', 'attribute vec2 uv;', '#ifdef USE_TANGENT', ' attribute vec4 tangent;', '#endif', '#ifdef USE_COLOR', ' attribute vec3 color;', '#endif', '#ifdef USE_MORPHTARGETS', ' attribute vec3 morphTarget0;', ' attribute vec3 morphTarget1;', ' attribute vec3 morphTarget2;', ' attribute vec3 morphTarget3;', ' #ifdef USE_MORPHNORMALS', ' attribute vec3 morphNormal0;', ' attribute vec3 morphNormal1;', ' attribute vec3 morphNormal2;', ' attribute vec3 morphNormal3;', ' #else', ' attribute vec3 morphTarget4;', ' attribute vec3 morphTarget5;', ' attribute vec3 morphTarget6;', ' attribute vec3 morphTarget7;', ' #endif', '#endif', '#ifdef USE_SKINNING', ' attribute vec4 skinIndex;', ' attribute vec4 skinWeight;', '#endif', '\n'].filter(filterEmptyLine).join('\n'); prefixFragment = [customExtensions, generatePrecision(parameters), '#define SHADER_NAME ' + parameters.shaderName, customDefines, parameters.alphaTest ? '#define ALPHATEST ' + parameters.alphaTest + (parameters.alphaTest % 1 ? '' : '.0') : '', // add '.0' if integer '#define GAMMA_FACTOR ' + gammaFactorDefine, parameters.useFog && parameters.fog ? '#define USE_FOG' : '', parameters.useFog && parameters.fogExp2 ? '#define FOG_EXP2' : '', parameters.map ? '#define USE_MAP' : '', parameters.matcap ? '#define USE_MATCAP' : '', parameters.envMap ? '#define USE_ENVMAP' : '', parameters.envMap ? '#define ' + envMapTypeDefine : '', parameters.envMap ? '#define ' + envMapModeDefine : '', parameters.envMap ? '#define ' + envMapBlendingDefine : '', parameters.lightMap ? '#define USE_LIGHTMAP' : '', parameters.aoMap ? '#define USE_AOMAP' : '', parameters.emissiveMap ? '#define USE_EMISSIVEMAP' : '', parameters.bumpMap ? '#define USE_BUMPMAP' : '', parameters.normalMap ? '#define USE_NORMALMAP' : '', parameters.normalMap && parameters.objectSpaceNormalMap ? '#define OBJECTSPACE_NORMALMAP' : '', parameters.normalMap && parameters.tangentSpaceNormalMap ? '#define TANGENTSPACE_NORMALMAP' : '', parameters.clearcoatMap ? '#define USE_CLEARCOATMAP' : '', parameters.clearcoatRoughnessMap ? '#define USE_CLEARCOAT_ROUGHNESSMAP' : '', parameters.clearcoatNormalMap ? '#define USE_CLEARCOAT_NORMALMAP' : '', parameters.specularMap ? '#define USE_SPECULARMAP' : '', parameters.roughnessMap ? '#define USE_ROUGHNESSMAP' : '', parameters.metalnessMap ? '#define USE_METALNESSMAP' : '', parameters.alphaMap ? '#define USE_ALPHAMAP' : '', parameters.sheen ? '#define USE_SHEEN' : '', parameters.transmissionMap ? '#define USE_TRANSMISSIONMAP' : '', parameters.vertexTangents ? '#define USE_TANGENT' : '', parameters.vertexColors || parameters.instancingColor ? '#define USE_COLOR' : '', parameters.vertexUvs ? '#define USE_UV' : '', parameters.uvsVertexOnly ? '#define UVS_VERTEX_ONLY' : '', parameters.gradientMap ? '#define USE_GRADIENTMAP' : '', parameters.flatShading ? '#define FLAT_SHADED' : '', parameters.doubleSided ? '#define DOUBLE_SIDED' : '', parameters.flipSided ? '#define FLIP_SIDED' : '', parameters.shadowMapEnabled ? '#define USE_SHADOWMAP' : '', parameters.shadowMapEnabled ? '#define ' + shadowMapTypeDefine : '', parameters.premultipliedAlpha ? '#define PREMULTIPLIED_ALPHA' : '', parameters.physicallyCorrectLights ? '#define PHYSICALLY_CORRECT_LIGHTS' : '', parameters.logarithmicDepthBuffer ? '#define USE_LOGDEPTHBUF' : '', parameters.logarithmicDepthBuffer && parameters.rendererExtensionFragDepth ? '#define USE_LOGDEPTHBUF_EXT' : '', (parameters.extensionShaderTextureLOD || parameters.envMap) && parameters.rendererExtensionShaderTextureLod ? '#define TEXTURE_LOD_EXT' : '', 'uniform mat4 viewMatrix;', 'uniform vec3 cameraPosition;', 'uniform bool isOrthographic;', parameters.toneMapping !== NoToneMapping ? '#define TONE_MAPPING' : '', parameters.toneMapping !== NoToneMapping ? ShaderChunk['tonemapping_pars_fragment'] : '', // this code is required here because it is used by the toneMapping() function defined below parameters.toneMapping !== NoToneMapping ? getToneMappingFunction('toneMapping', parameters.toneMapping) : '', parameters.dithering ? '#define DITHERING' : '', ShaderChunk['encodings_pars_fragment'], // this code is required here because it is used by the various encoding/decoding function defined below parameters.map ? getTexelDecodingFunction('mapTexelToLinear', parameters.mapEncoding) : '', parameters.matcap ? getTexelDecodingFunction('matcapTexelToLinear', parameters.matcapEncoding) : '', parameters.envMap ? getTexelDecodingFunction('envMapTexelToLinear', parameters.envMapEncoding) : '', parameters.emissiveMap ? getTexelDecodingFunction('emissiveMapTexelToLinear', parameters.emissiveMapEncoding) : '', parameters.lightMap ? getTexelDecodingFunction('lightMapTexelToLinear', parameters.lightMapEncoding) : '', getTexelEncodingFunction('linearToOutputTexel', parameters.outputEncoding), parameters.depthPacking ? '#define DEPTH_PACKING ' + parameters.depthPacking : '', '\n'].filter(filterEmptyLine).join('\n'); } vertexShader = resolveIncludes(vertexShader); vertexShader = replaceLightNums(vertexShader, parameters); vertexShader = replaceClippingPlaneNums(vertexShader, parameters); fragmentShader = resolveIncludes(fragmentShader); fragmentShader = replaceLightNums(fragmentShader, parameters); fragmentShader = replaceClippingPlaneNums(fragmentShader, parameters); vertexShader = unrollLoops(vertexShader); fragmentShader = unrollLoops(fragmentShader); if (parameters.isWebGL2 && parameters.isRawShaderMaterial !== true) { // GLSL 3.0 conversion for built-in materials and ShaderMaterial versionString = '#version 300 es\n'; prefixVertex = ['#define attribute in', '#define varying out', '#define texture2D texture'].join('\n') + '\n' + prefixVertex; prefixFragment = ['#define varying in', parameters.glslVersion === GLSL3 ? '' : 'out highp vec4 pc_fragColor;', parameters.glslVersion === GLSL3 ? '' : '#define gl_FragColor pc_fragColor', '#define gl_FragDepthEXT gl_FragDepth', '#define texture2D texture', '#define textureCube texture', '#define texture2DProj textureProj', '#define texture2DLodEXT textureLod', '#define texture2DProjLodEXT textureProjLod', '#define textureCubeLodEXT textureLod', '#define texture2DGradEXT textureGrad', '#define texture2DProjGradEXT textureProjGrad', '#define textureCubeGradEXT textureGrad'].join('\n') + '\n' + prefixFragment; } var vertexGlsl = versionString + prefixVertex + vertexShader; var fragmentGlsl = versionString + prefixFragment + fragmentShader; // console.log( '*VERTEX*', vertexGlsl ); // console.log( '*FRAGMENT*', fragmentGlsl ); var glVertexShader = WebGLShader(gl, 35633, vertexGlsl); var glFragmentShader = WebGLShader(gl, 35632, fragmentGlsl); gl.attachShader(program, glVertexShader); gl.attachShader(program, glFragmentShader); // Force a particular attribute to index 0. if (parameters.index0AttributeName !== undefined) { gl.bindAttribLocation(program, 0, parameters.index0AttributeName); } else if (parameters.morphTargets === true) { // programs with morphTargets displace position out of attribute 0 gl.bindAttribLocation(program, 0, 'position'); } gl.linkProgram(program); // check for link errors if (renderer.debug.checkShaderErrors) { var programLog = gl.getProgramInfoLog(program).trim(); var vertexLog = gl.getShaderInfoLog(glVertexShader).trim(); var fragmentLog = gl.getShaderInfoLog(glFragmentShader).trim(); var runnable = true; var haveDiagnostics = true; if (gl.getProgramParameter(program, 35714) === false) { runnable = false; var vertexErrors = getShaderErrors(gl, glVertexShader, 'vertex'); var fragmentErrors = getShaderErrors(gl, glFragmentShader, 'fragment'); console.error('THREE.WebGLProgram: shader error: ', gl.getError(), '35715', gl.getProgramParameter(program, 35715), 'gl.getProgramInfoLog', programLog, vertexErrors, fragmentErrors); } else if (programLog !== '') { console.warn('THREE.WebGLProgram: gl.getProgramInfoLog()', programLog); } else if (vertexLog === '' || fragmentLog === '') { haveDiagnostics = false; } if (haveDiagnostics) { this.diagnostics = { runnable: runnable, programLog: programLog, vertexShader: { log: vertexLog, prefix: prefixVertex }, fragmentShader: { log: fragmentLog, prefix: prefixFragment } }; } } // Clean up // Crashes in iOS9 and iOS10. #18402 // gl.detachShader( program, glVertexShader ); // gl.detachShader( program, glFragmentShader ); gl.deleteShader(glVertexShader); gl.deleteShader(glFragmentShader); // set up caching for uniform locations var cachedUniforms; this.getUniforms = function () { if (cachedUniforms === undefined) { cachedUniforms = new WebGLUniforms(gl, program); } return cachedUniforms; }; // set up caching for attribute locations var cachedAttributes; this.getAttributes = function () { if (cachedAttributes === undefined) { cachedAttributes = fetchAttributeLocations(gl, program); } return cachedAttributes; }; // free resource this.destroy = function () { bindingStates.releaseStatesOfProgram(this); gl.deleteProgram(program); this.program = undefined; }; // this.name = parameters.shaderName; this.id = programIdCount++; this.cacheKey = cacheKey; this.usedTimes = 1; this.program = program; this.vertexShader = glVertexShader; this.fragmentShader = glFragmentShader; return this; } function WebGLPrograms(renderer, cubemaps, extensions, capabilities, bindingStates, clipping) { var programs = []; var isWebGL2 = capabilities.isWebGL2; var logarithmicDepthBuffer = capabilities.logarithmicDepthBuffer; var floatVertexTextures = capabilities.floatVertexTextures; var maxVertexUniforms = capabilities.maxVertexUniforms; var vertexTextures = capabilities.vertexTextures; var precision = capabilities.precision; var shaderIDs = { MeshDepthMaterial: 'depth', MeshDistanceMaterial: 'distanceRGBA', MeshNormalMaterial: 'normal', MeshBasicMaterial: 'basic', MeshLambertMaterial: 'lambert', MeshPhongMaterial: 'phong', MeshToonMaterial: 'toon', MeshStandardMaterial: 'physical', MeshPhysicalMaterial: 'physical', MeshMatcapMaterial: 'matcap', LineBasicMaterial: 'basic', LineDashedMaterial: 'dashed', PointsMaterial: 'points', ShadowMaterial: 'shadow', SpriteMaterial: 'sprite' }; var parameterNames = ['precision', 'isWebGL2', 'supportsVertexTextures', 'outputEncoding', 'instancing', 'instancingColor', 'map', 'mapEncoding', 'matcap', 'matcapEncoding', 'envMap', 'envMapMode', 'envMapEncoding', 'envMapCubeUV', 'lightMap', 'lightMapEncoding', 'aoMap', 'emissiveMap', 'emissiveMapEncoding', 'bumpMap', 'normalMap', 'objectSpaceNormalMap', 'tangentSpaceNormalMap', 'clearcoatMap', 'clearcoatRoughnessMap', 'clearcoatNormalMap', 'displacementMap', 'specularMap', 'roughnessMap', 'metalnessMap', 'gradientMap', 'alphaMap', 'combine', 'vertexColors', 'vertexTangents', 'vertexUvs', 'uvsVertexOnly', 'fog', 'useFog', 'fogExp2', 'flatShading', 'sizeAttenuation', 'logarithmicDepthBuffer', 'skinning', 'maxBones', 'useVertexTexture', 'morphTargets', 'morphNormals', 'maxMorphTargets', 'maxMorphNormals', 'premultipliedAlpha', 'numDirLights', 'numPointLights', 'numSpotLights', 'numHemiLights', 'numRectAreaLights', 'numDirLightShadows', 'numPointLightShadows', 'numSpotLightShadows', 'shadowMapEnabled', 'shadowMapType', 'toneMapping', 'physicallyCorrectLights', 'alphaTest', 'doubleSided', 'flipSided', 'numClippingPlanes', 'numClipIntersection', 'depthPacking', 'dithering', 'sheen', 'transmissionMap']; function getMaxBones(object) { var skeleton = object.skeleton; var bones = skeleton.bones; if (floatVertexTextures) { return 1024; } else { // default for when object is not specified // ( for example when prebuilding shader to be used with multiple objects ) // // - leave some extra space for other uniforms // - limit here is ANGLE's 254 max uniform vectors // (up to 54 should be safe) var nVertexUniforms = maxVertexUniforms; var nVertexMatrices = Math.floor((nVertexUniforms - 20) / 4); var maxBones = Math.min(nVertexMatrices, bones.length); if (maxBones < bones.length) { console.warn('THREE.WebGLRenderer: Skeleton has ' + bones.length + ' bones. This GPU supports ' + maxBones + '.'); return 0; } return maxBones; } } function getTextureEncodingFromMap(map) { var encoding; if (map && map.isTexture) { encoding = map.encoding; } else if (map && map.isWebGLRenderTarget) { console.warn('THREE.WebGLPrograms.getTextureEncodingFromMap: don\'t use render targets as textures. Use their .texture property instead.'); encoding = map.texture.encoding; } else { encoding = LinearEncoding; } return encoding; } function getParameters(material, lights, shadows, scene, object) { var fog = scene.fog; var environment = material.isMeshStandardMaterial ? scene.environment : null; var envMap = cubemaps.get(material.envMap || environment); var shaderID = shaderIDs[material.type]; // heuristics to create shader parameters according to lights in the scene // (not to blow over maxLights budget) var maxBones = object.isSkinnedMesh ? getMaxBones(object) : 0; if (material.precision !== null) { precision = capabilities.getMaxPrecision(material.precision); if (precision !== material.precision) { console.warn('THREE.WebGLProgram.getParameters:', material.precision, 'not supported, using', precision, 'instead.'); } } var vertexShader, fragmentShader; if (shaderID) { var shader = ShaderLib[shaderID]; vertexShader = shader.vertexShader; fragmentShader = shader.fragmentShader; } else { vertexShader = material.vertexShader; fragmentShader = material.fragmentShader; } var currentRenderTarget = renderer.getRenderTarget(); var parameters = { isWebGL2: isWebGL2, shaderID: shaderID, shaderName: material.type, vertexShader: vertexShader, fragmentShader: fragmentShader, defines: material.defines, isRawShaderMaterial: material.isRawShaderMaterial === true, glslVersion: material.glslVersion, precision: precision, instancing: object.isInstancedMesh === true, instancingColor: object.isInstancedMesh === true && object.instanceColor !== null, supportsVertexTextures: vertexTextures, outputEncoding: currentRenderTarget !== null ? getTextureEncodingFromMap(currentRenderTarget.texture) : renderer.outputEncoding, map: !!material.map, mapEncoding: getTextureEncodingFromMap(material.map), matcap: !!material.matcap, matcapEncoding: getTextureEncodingFromMap(material.matcap), envMap: !!envMap, envMapMode: envMap && envMap.mapping, envMapEncoding: getTextureEncodingFromMap(envMap), envMapCubeUV: !!envMap && (envMap.mapping === CubeUVReflectionMapping || envMap.mapping === CubeUVRefractionMapping), lightMap: !!material.lightMap, lightMapEncoding: getTextureEncodingFromMap(material.lightMap), aoMap: !!material.aoMap, emissiveMap: !!material.emissiveMap, emissiveMapEncoding: getTextureEncodingFromMap(material.emissiveMap), bumpMap: !!material.bumpMap, normalMap: !!material.normalMap, objectSpaceNormalMap: material.normalMapType === ObjectSpaceNormalMap, tangentSpaceNormalMap: material.normalMapType === TangentSpaceNormalMap, clearcoatMap: !!material.clearcoatMap, clearcoatRoughnessMap: !!material.clearcoatRoughnessMap, clearcoatNormalMap: !!material.clearcoatNormalMap, displacementMap: !!material.displacementMap, roughnessMap: !!material.roughnessMap, metalnessMap: !!material.metalnessMap, specularMap: !!material.specularMap, alphaMap: !!material.alphaMap, gradientMap: !!material.gradientMap, sheen: !!material.sheen, transmissionMap: !!material.transmissionMap, combine: material.combine, vertexTangents: material.normalMap && material.vertexTangents, vertexColors: material.vertexColors, vertexUvs: !!material.map || !!material.bumpMap || !!material.normalMap || !!material.specularMap || !!material.alphaMap || !!material.emissiveMap || !!material.roughnessMap || !!material.metalnessMap || !!material.clearcoatMap || !!material.clearcoatRoughnessMap || !!material.clearcoatNormalMap || !!material.displacementMap || !!material.transmissionMap, uvsVertexOnly: !(!!material.map || !!material.bumpMap || !!material.normalMap || !!material.specularMap || !!material.alphaMap || !!material.emissiveMap || !!material.roughnessMap || !!material.metalnessMap || !!material.clearcoatNormalMap || !!material.transmissionMap) && !!material.displacementMap, fog: !!fog, useFog: material.fog, fogExp2: fog && fog.isFogExp2, flatShading: material.flatShading, sizeAttenuation: material.sizeAttenuation, logarithmicDepthBuffer: logarithmicDepthBuffer, skinning: material.skinning && maxBones > 0, maxBones: maxBones, useVertexTexture: floatVertexTextures, morphTargets: material.morphTargets, morphNormals: material.morphNormals, maxMorphTargets: renderer.maxMorphTargets, maxMorphNormals: renderer.maxMorphNormals, numDirLights: lights.directional.length, numPointLights: lights.point.length, numSpotLights: lights.spot.length, numRectAreaLights: lights.rectArea.length, numHemiLights: lights.hemi.length, numDirLightShadows: lights.directionalShadowMap.length, numPointLightShadows: lights.pointShadowMap.length, numSpotLightShadows: lights.spotShadowMap.length, numClippingPlanes: clipping.numPlanes, numClipIntersection: clipping.numIntersection, dithering: material.dithering, shadowMapEnabled: renderer.shadowMap.enabled && shadows.length > 0, shadowMapType: renderer.shadowMap.type, toneMapping: material.toneMapped ? renderer.toneMapping : NoToneMapping, physicallyCorrectLights: renderer.physicallyCorrectLights, premultipliedAlpha: material.premultipliedAlpha, alphaTest: material.alphaTest, doubleSided: material.side === DoubleSide, flipSided: material.side === BackSide, depthPacking: material.depthPacking !== undefined ? material.depthPacking : false, index0AttributeName: material.index0AttributeName, extensionDerivatives: material.extensions && material.extensions.derivatives, extensionFragDepth: material.extensions && material.extensions.fragDepth, extensionDrawBuffers: material.extensions && material.extensions.drawBuffers, extensionShaderTextureLOD: material.extensions && material.extensions.shaderTextureLOD, rendererExtensionFragDepth: isWebGL2 || extensions.has('EXT_frag_depth'), rendererExtensionDrawBuffers: isWebGL2 || extensions.has('WEBGL_draw_buffers'), rendererExtensionShaderTextureLod: isWebGL2 || extensions.has('EXT_shader_texture_lod'), customProgramCacheKey: material.customProgramCacheKey() }; return parameters; } function getProgramCacheKey(parameters) { var array = []; if (parameters.shaderID) { array.push(parameters.shaderID); } else { array.push(parameters.fragmentShader); array.push(parameters.vertexShader); } if (parameters.defines !== undefined) { for (var name in parameters.defines) { array.push(name); array.push(parameters.defines[name]); } } if (parameters.isRawShaderMaterial === false) { for (var i = 0; i < parameterNames.length; i++) { array.push(parameters[parameterNames[i]]); } array.push(renderer.outputEncoding); array.push(renderer.gammaFactor); } array.push(parameters.customProgramCacheKey); return array.join(); } function getUniforms(material) { var shaderID = shaderIDs[material.type]; var uniforms; if (shaderID) { var shader = ShaderLib[shaderID]; uniforms = UniformsUtils.clone(shader.uniforms); } else { uniforms = material.uniforms; } return uniforms; } function acquireProgram(parameters, cacheKey) { var program; // Check if code has been already compiled for (var p = 0, pl = programs.length; p < pl; p++) { var preexistingProgram = programs[p]; if (preexistingProgram.cacheKey === cacheKey) { program = preexistingProgram; ++program.usedTimes; break; } } if (program === undefined) { program = new WebGLProgram(renderer, cacheKey, parameters, bindingStates); programs.push(program); } return program; } function releaseProgram(program) { if (--program.usedTimes === 0) { // Remove from unordered set var i = programs.indexOf(program); programs[i] = programs[programs.length - 1]; programs.pop(); // Free WebGL resources program.destroy(); } } return { getParameters: getParameters, getProgramCacheKey: getProgramCacheKey, getUniforms: getUniforms, acquireProgram: acquireProgram, releaseProgram: releaseProgram, // Exposed for resource monitoring & error feedback via renderer.info: programs: programs }; } function WebGLProperties() { var properties = new WeakMap(); function get(object) { var map = properties.get(object); if (map === undefined) { map = {}; properties.set(object, map); } return map; } function remove(object) { properties.delete(object); } function update(object, key, value) { properties.get(object)[key] = value; } function dispose() { properties = new WeakMap(); } return { get: get, remove: remove, update: update, dispose: dispose }; } function painterSortStable(a, b) { if (a.groupOrder !== b.groupOrder) { return a.groupOrder - b.groupOrder; } else if (a.renderOrder !== b.renderOrder) { return a.renderOrder - b.renderOrder; } else if (a.program !== b.program) { return a.program.id - b.program.id; } else if (a.material.id !== b.material.id) { return a.material.id - b.material.id; } else if (a.z !== b.z) { return a.z - b.z; } else { return a.id - b.id; } } function reversePainterSortStable(a, b) { if (a.groupOrder !== b.groupOrder) { return a.groupOrder - b.groupOrder; } else if (a.renderOrder !== b.renderOrder) { return a.renderOrder - b.renderOrder; } else if (a.z !== b.z) { return b.z - a.z; } else { return a.id - b.id; } } function WebGLRenderList(properties) { var renderItems = []; var renderItemsIndex = 0; var opaque = []; var transparent = []; var defaultProgram = { id: -1 }; function init() { renderItemsIndex = 0; opaque.length = 0; transparent.length = 0; } function getNextRenderItem(object, geometry, material, groupOrder, z, group) { var renderItem = renderItems[renderItemsIndex]; var materialProperties = properties.get(material); if (renderItem === undefined) { renderItem = { id: object.id, object: object, geometry: geometry, material: material, program: materialProperties.program || defaultProgram, groupOrder: groupOrder, renderOrder: object.renderOrder, z: z, group: group }; renderItems[renderItemsIndex] = renderItem; } else { renderItem.id = object.id; renderItem.object = object; renderItem.geometry = geometry; renderItem.material = material; renderItem.program = materialProperties.program || defaultProgram; renderItem.groupOrder = groupOrder; renderItem.renderOrder = object.renderOrder; renderItem.z = z; renderItem.group = group; } renderItemsIndex++; return renderItem; } function push(object, geometry, material, groupOrder, z, group) { var renderItem = getNextRenderItem(object, geometry, material, groupOrder, z, group); (material.transparent === true ? transparent : opaque).push(renderItem); } function unshift(object, geometry, material, groupOrder, z, group) { var renderItem = getNextRenderItem(object, geometry, material, groupOrder, z, group); (material.transparent === true ? transparent : opaque).unshift(renderItem); } function sort(customOpaqueSort, customTransparentSort) { if (opaque.length > 1) opaque.sort(customOpaqueSort || painterSortStable); if (transparent.length > 1) transparent.sort(customTransparentSort || reversePainterSortStable); } function finish() { // Clear references from inactive renderItems in the list for (var i = renderItemsIndex, il = renderItems.length; i < il; i++) { var renderItem = renderItems[i]; if (renderItem.id === null) break; renderItem.id = null; renderItem.object = null; renderItem.geometry = null; renderItem.material = null; renderItem.program = null; renderItem.group = null; } } return { opaque: opaque, transparent: transparent, init: init, push: push, unshift: unshift, finish: finish, sort: sort }; } function WebGLRenderLists(properties) { var lists = new WeakMap(); function get(scene, camera) { var cameras = lists.get(scene); var list; if (cameras === undefined) { list = new WebGLRenderList(properties); lists.set(scene, new WeakMap()); lists.get(scene).set(camera, list); } else { list = cameras.get(camera); if (list === undefined) { list = new WebGLRenderList(properties); cameras.set(camera, list); } } return list; } function dispose() { lists = new WeakMap(); } return { get: get, dispose: dispose }; } function UniformsCache() { var lights = {}; return { get: function get(light) { if (lights[light.id] !== undefined) { return lights[light.id]; } var uniforms; switch (light.type) { case 'DirectionalLight': uniforms = { direction: new Vector3(), color: new Color() }; break; case 'SpotLight': uniforms = { position: new Vector3(), direction: new Vector3(), color: new Color(), distance: 0, coneCos: 0, penumbraCos: 0, decay: 0 }; break; case 'PointLight': uniforms = { position: new Vector3(), color: new Color(), distance: 0, decay: 0 }; break; case 'HemisphereLight': uniforms = { direction: new Vector3(), skyColor: new Color(), groundColor: new Color() }; break; case 'RectAreaLight': uniforms = { color: new Color(), position: new Vector3(), halfWidth: new Vector3(), halfHeight: new Vector3() }; break; } lights[light.id] = uniforms; return uniforms; } }; } function ShadowUniformsCache() { var lights = {}; return { get: function get(light) { if (lights[light.id] !== undefined) { return lights[light.id]; } var uniforms; switch (light.type) { case 'DirectionalLight': uniforms = { shadowBias: 0, shadowNormalBias: 0, shadowRadius: 1, shadowMapSize: new Vector2() }; break; case 'SpotLight': uniforms = { shadowBias: 0, shadowNormalBias: 0, shadowRadius: 1, shadowMapSize: new Vector2() }; break; case 'PointLight': uniforms = { shadowBias: 0, shadowNormalBias: 0, shadowRadius: 1, shadowMapSize: new Vector2(), shadowCameraNear: 1, shadowCameraFar: 1000 }; break; // TODO (abelnation): set RectAreaLight shadow uniforms } lights[light.id] = uniforms; return uniforms; } }; } var nextVersion = 0; function shadowCastingLightsFirst(lightA, lightB) { return (lightB.castShadow ? 1 : 0) - (lightA.castShadow ? 1 : 0); } function WebGLLights(extensions, capabilities) { var cache = new UniformsCache(); var shadowCache = ShadowUniformsCache(); var state = { version: 0, hash: { directionalLength: -1, pointLength: -1, spotLength: -1, rectAreaLength: -1, hemiLength: -1, numDirectionalShadows: -1, numPointShadows: -1, numSpotShadows: -1 }, ambient: [0, 0, 0], probe: [], directional: [], directionalShadow: [], directionalShadowMap: [], directionalShadowMatrix: [], spot: [], spotShadow: [], spotShadowMap: [], spotShadowMatrix: [], rectArea: [], rectAreaLTC1: null, rectAreaLTC2: null, point: [], pointShadow: [], pointShadowMap: [], pointShadowMatrix: [], hemi: [] }; for (var i = 0; i < 9; i++) { state.probe.push(new Vector3()); } var vector3 = new Vector3(); var matrix4 = new Matrix4(); var matrix42 = new Matrix4(); function setup(lights) { var r = 0, g = 0, b = 0; for (var _i = 0; _i < 9; _i++) { state.probe[_i].set(0, 0, 0); } var directionalLength = 0; var pointLength = 0; var spotLength = 0; var rectAreaLength = 0; var hemiLength = 0; var numDirectionalShadows = 0; var numPointShadows = 0; var numSpotShadows = 0; lights.sort(shadowCastingLightsFirst); for (var _i2 = 0, l = lights.length; _i2 < l; _i2++) { var light = lights[_i2]; var color = light.color; var intensity = light.intensity; var distance = light.distance; var shadowMap = light.shadow && light.shadow.map ? light.shadow.map.texture : null; if (light.isAmbientLight) { r += color.r * intensity; g += color.g * intensity; b += color.b * intensity; } else if (light.isLightProbe) { for (var j = 0; j < 9; j++) { state.probe[j].addScaledVector(light.sh.coefficients[j], intensity); } } else if (light.isDirectionalLight) { var uniforms = cache.get(light); uniforms.color.copy(light.color).multiplyScalar(light.intensity); if (light.castShadow) { var shadow = light.shadow; var shadowUniforms = shadowCache.get(light); shadowUniforms.shadowBias = shadow.bias; shadowUniforms.shadowNormalBias = shadow.normalBias; shadowUniforms.shadowRadius = shadow.radius; shadowUniforms.shadowMapSize = shadow.mapSize; state.directionalShadow[directionalLength] = shadowUniforms; state.directionalShadowMap[directionalLength] = shadowMap; state.directionalShadowMatrix[directionalLength] = light.shadow.matrix; numDirectionalShadows++; } state.directional[directionalLength] = uniforms; directionalLength++; } else if (light.isSpotLight) { var _uniforms = cache.get(light); _uniforms.position.setFromMatrixPosition(light.matrixWorld); _uniforms.color.copy(color).multiplyScalar(intensity); _uniforms.distance = distance; _uniforms.coneCos = Math.cos(light.angle); _uniforms.penumbraCos = Math.cos(light.angle * (1 - light.penumbra)); _uniforms.decay = light.decay; if (light.castShadow) { var _shadow = light.shadow; var _shadowUniforms = shadowCache.get(light); _shadowUniforms.shadowBias = _shadow.bias; _shadowUniforms.shadowNormalBias = _shadow.normalBias; _shadowUniforms.shadowRadius = _shadow.radius; _shadowUniforms.shadowMapSize = _shadow.mapSize; state.spotShadow[spotLength] = _shadowUniforms; state.spotShadowMap[spotLength] = shadowMap; state.spotShadowMatrix[spotLength] = light.shadow.matrix; numSpotShadows++; } state.spot[spotLength] = _uniforms; spotLength++; } else if (light.isRectAreaLight) { var _uniforms2 = cache.get(light); // (a) intensity is the total visible light emitted //uniforms.color.copy( color ).multiplyScalar( intensity / ( light.width * light.height * Math.PI ) ); // (b) intensity is the brightness of the light _uniforms2.color.copy(color).multiplyScalar(intensity); _uniforms2.halfWidth.set(light.width * 0.5, 0.0, 0.0); _uniforms2.halfHeight.set(0.0, light.height * 0.5, 0.0); state.rectArea[rectAreaLength] = _uniforms2; rectAreaLength++; } else if (light.isPointLight) { var _uniforms3 = cache.get(light); _uniforms3.color.copy(light.color).multiplyScalar(light.intensity); _uniforms3.distance = light.distance; _uniforms3.decay = light.decay; if (light.castShadow) { var _shadow2 = light.shadow; var _shadowUniforms2 = shadowCache.get(light); _shadowUniforms2.shadowBias = _shadow2.bias; _shadowUniforms2.shadowNormalBias = _shadow2.normalBias; _shadowUniforms2.shadowRadius = _shadow2.radius; _shadowUniforms2.shadowMapSize = _shadow2.mapSize; _shadowUniforms2.shadowCameraNear = _shadow2.camera.near; _shadowUniforms2.shadowCameraFar = _shadow2.camera.far; state.pointShadow[pointLength] = _shadowUniforms2; state.pointShadowMap[pointLength] = shadowMap; state.pointShadowMatrix[pointLength] = light.shadow.matrix; numPointShadows++; } state.point[pointLength] = _uniforms3; pointLength++; } else if (light.isHemisphereLight) { var _uniforms4 = cache.get(light); _uniforms4.skyColor.copy(light.color).multiplyScalar(intensity); _uniforms4.groundColor.copy(light.groundColor).multiplyScalar(intensity); state.hemi[hemiLength] = _uniforms4; hemiLength++; } } if (rectAreaLength > 0) { if (capabilities.isWebGL2) { // WebGL 2 state.rectAreaLTC1 = UniformsLib.LTC_FLOAT_1; state.rectAreaLTC2 = UniformsLib.LTC_FLOAT_2; } else { // WebGL 1 if (extensions.has('OES_texture_float_linear') === true) { state.rectAreaLTC1 = UniformsLib.LTC_FLOAT_1; state.rectAreaLTC2 = UniformsLib.LTC_FLOAT_2; } else if (extensions.has('OES_texture_half_float_linear') === true) { state.rectAreaLTC1 = UniformsLib.LTC_HALF_1; state.rectAreaLTC2 = UniformsLib.LTC_HALF_2; } else { console.error('THREE.WebGLRenderer: Unable to use RectAreaLight. Missing WebGL extensions.'); } } } state.ambient[0] = r; state.ambient[1] = g; state.ambient[2] = b; var hash = state.hash; if (hash.directionalLength !== directionalLength || hash.pointLength !== pointLength || hash.spotLength !== spotLength || hash.rectAreaLength !== rectAreaLength || hash.hemiLength !== hemiLength || hash.numDirectionalShadows !== numDirectionalShadows || hash.numPointShadows !== numPointShadows || hash.numSpotShadows !== numSpotShadows) { state.directional.length = directionalLength; state.spot.length = spotLength; state.rectArea.length = rectAreaLength; state.point.length = pointLength; state.hemi.length = hemiLength; state.directionalShadow.length = numDirectionalShadows; state.directionalShadowMap.length = numDirectionalShadows; state.pointShadow.length = numPointShadows; state.pointShadowMap.length = numPointShadows; state.spotShadow.length = numSpotShadows; state.spotShadowMap.length = numSpotShadows; state.directionalShadowMatrix.length = numDirectionalShadows; state.pointShadowMatrix.length = numPointShadows; state.spotShadowMatrix.length = numSpotShadows; hash.directionalLength = directionalLength; hash.pointLength = pointLength; hash.spotLength = spotLength; hash.rectAreaLength = rectAreaLength; hash.hemiLength = hemiLength; hash.numDirectionalShadows = numDirectionalShadows; hash.numPointShadows = numPointShadows; hash.numSpotShadows = numSpotShadows; state.version = nextVersion++; } } function setupView(lights, camera) { var directionalLength = 0; var pointLength = 0; var spotLength = 0; var rectAreaLength = 0; var hemiLength = 0; var viewMatrix = camera.matrixWorldInverse; for (var _i3 = 0, l = lights.length; _i3 < l; _i3++) { var light = lights[_i3]; if (light.isDirectionalLight) { var uniforms = state.directional[directionalLength]; uniforms.direction.setFromMatrixPosition(light.matrixWorld); vector3.setFromMatrixPosition(light.target.matrixWorld); uniforms.direction.sub(vector3); uniforms.direction.transformDirection(viewMatrix); directionalLength++; } else if (light.isSpotLight) { var _uniforms5 = state.spot[spotLength]; _uniforms5.position.setFromMatrixPosition(light.matrixWorld); _uniforms5.position.applyMatrix4(viewMatrix); _uniforms5.direction.setFromMatrixPosition(light.matrixWorld); vector3.setFromMatrixPosition(light.target.matrixWorld); _uniforms5.direction.sub(vector3); _uniforms5.direction.transformDirection(viewMatrix); spotLength++; } else if (light.isRectAreaLight) { var _uniforms6 = state.rectArea[rectAreaLength]; _uniforms6.position.setFromMatrixPosition(light.matrixWorld); _uniforms6.position.applyMatrix4(viewMatrix); // extract local rotation of light to derive width/height half vectors matrix42.identity(); matrix4.copy(light.matrixWorld); matrix4.premultiply(viewMatrix); matrix42.extractRotation(matrix4); _uniforms6.halfWidth.set(light.width * 0.5, 0.0, 0.0); _uniforms6.halfHeight.set(0.0, light.height * 0.5, 0.0); _uniforms6.halfWidth.applyMatrix4(matrix42); _uniforms6.halfHeight.applyMatrix4(matrix42); rectAreaLength++; } else if (light.isPointLight) { var _uniforms7 = state.point[pointLength]; _uniforms7.position.setFromMatrixPosition(light.matrixWorld); _uniforms7.position.applyMatrix4(viewMatrix); pointLength++; } else if (light.isHemisphereLight) { var _uniforms8 = state.hemi[hemiLength]; _uniforms8.direction.setFromMatrixPosition(light.matrixWorld); _uniforms8.direction.transformDirection(viewMatrix); _uniforms8.direction.normalize(); hemiLength++; } } } return { setup: setup, setupView: setupView, state: state }; } function WebGLRenderState(extensions, capabilities) { var lights = new WebGLLights(extensions, capabilities); var lightsArray = []; var shadowsArray = []; function init() { lightsArray.length = 0; shadowsArray.length = 0; } function pushLight(light) { lightsArray.push(light); } function pushShadow(shadowLight) { shadowsArray.push(shadowLight); } function setupLights() { lights.setup(lightsArray); } function setupLightsView(camera) { lights.setupView(lightsArray, camera); } var state = { lightsArray: lightsArray, shadowsArray: shadowsArray, lights: lights }; return { init: init, state: state, setupLights: setupLights, setupLightsView: setupLightsView, pushLight: pushLight, pushShadow: pushShadow }; } function WebGLRenderStates(extensions, capabilities) { var renderStates = new WeakMap(); function get(scene, renderCallDepth) { if (renderCallDepth === void 0) { renderCallDepth = 0; } var renderState; if (renderStates.has(scene) === false) { renderState = new WebGLRenderState(extensions, capabilities); renderStates.set(scene, []); renderStates.get(scene).push(renderState); } else { if (renderCallDepth >= renderStates.get(scene).length) { renderState = new WebGLRenderState(extensions, capabilities); renderStates.get(scene).push(renderState); } else { renderState = renderStates.get(scene)[renderCallDepth]; } } return renderState; } function dispose() { renderStates = new WeakMap(); } return { get: get, dispose: dispose }; } /** * parameters = { * * opacity: <float>, * * map: new THREE.Texture( <Image> ), * * alphaMap: new THREE.Texture( <Image> ), * * displacementMap: new THREE.Texture( <Image> ), * displacementScale: <float>, * displacementBias: <float>, * * wireframe: <boolean>, * wireframeLinewidth: <float> * } */ function MeshDepthMaterial(parameters) { Material.call(this); this.type = 'MeshDepthMaterial'; this.depthPacking = BasicDepthPacking; this.skinning = false; this.morphTargets = false; this.map = null; this.alphaMap = null; this.displacementMap = null; this.displacementScale = 1; this.displacementBias = 0; this.wireframe = false; this.wireframeLinewidth = 1; this.fog = false; this.setValues(parameters); } MeshDepthMaterial.prototype = Object.create(Material.prototype); MeshDepthMaterial.prototype.constructor = MeshDepthMaterial; MeshDepthMaterial.prototype.isMeshDepthMaterial = true; MeshDepthMaterial.prototype.copy = function (source) { Material.prototype.copy.call(this, source); this.depthPacking = source.depthPacking; this.skinning = source.skinning; this.morphTargets = source.morphTargets; this.map = source.map; this.alphaMap = source.alphaMap; this.displacementMap = source.displacementMap; this.displacementScale = source.displacementScale; this.displacementBias = source.displacementBias; this.wireframe = source.wireframe; this.wireframeLinewidth = source.wireframeLinewidth; return this; }; /** * parameters = { * * referencePosition: <float>, * nearDistance: <float>, * farDistance: <float>, * * skinning: <bool>, * morphTargets: <bool>, * * map: new THREE.Texture( <Image> ), * * alphaMap: new THREE.Texture( <Image> ), * * displacementMap: new THREE.Texture( <Image> ), * displacementScale: <float>, * displacementBias: <float> * * } */ function MeshDistanceMaterial(parameters) { Material.call(this); this.type = 'MeshDistanceMaterial'; this.referencePosition = new Vector3(); this.nearDistance = 1; this.farDistance = 1000; this.skinning = false; this.morphTargets = false; this.map = null; this.alphaMap = null; this.displacementMap = null; this.displacementScale = 1; this.displacementBias = 0; this.fog = false; this.setValues(parameters); } MeshDistanceMaterial.prototype = Object.create(Material.prototype); MeshDistanceMaterial.prototype.constructor = MeshDistanceMaterial; MeshDistanceMaterial.prototype.isMeshDistanceMaterial = true; MeshDistanceMaterial.prototype.copy = function (source) { Material.prototype.copy.call(this, source); this.referencePosition.copy(source.referencePosition); this.nearDistance = source.nearDistance; this.farDistance = source.farDistance; this.skinning = source.skinning; this.morphTargets = source.morphTargets; this.map = source.map; this.alphaMap = source.alphaMap; this.displacementMap = source.displacementMap; this.displacementScale = source.displacementScale; this.displacementBias = source.displacementBias; return this; }; var vsm_frag = "uniform sampler2D shadow_pass;\nuniform vec2 resolution;\nuniform float radius;\n#include <packing>\nvoid main() {\n\tfloat mean = 0.0;\n\tfloat squared_mean = 0.0;\n\tfloat depth = unpackRGBAToDepth( texture2D( shadow_pass, ( gl_FragCoord.xy ) / resolution ) );\n\tfor ( float i = -1.0; i < 1.0 ; i += SAMPLE_RATE) {\n\t\t#ifdef HORIZONTAL_PASS\n\t\t\tvec2 distribution = unpackRGBATo2Half( texture2D( shadow_pass, ( gl_FragCoord.xy + vec2( i, 0.0 ) * radius ) / resolution ) );\n\t\t\tmean += distribution.x;\n\t\t\tsquared_mean += distribution.y * distribution.y + distribution.x * distribution.x;\n\t\t#else\n\t\t\tfloat depth = unpackRGBAToDepth( texture2D( shadow_pass, ( gl_FragCoord.xy + vec2( 0.0, i ) * radius ) / resolution ) );\n\t\t\tmean += depth;\n\t\t\tsquared_mean += depth * depth;\n\t\t#endif\n\t}\n\tmean = mean * HALF_SAMPLE_RATE;\n\tsquared_mean = squared_mean * HALF_SAMPLE_RATE;\n\tfloat std_dev = sqrt( squared_mean - mean * mean );\n\tgl_FragColor = pack2HalfToRGBA( vec2( mean, std_dev ) );\n}"; var vsm_vert = "void main() {\n\tgl_Position = vec4( position, 1.0 );\n}"; function WebGLShadowMap(_renderer, _objects, maxTextureSize) { var _frustum = new Frustum(); var _shadowMapSize = new Vector2(), _viewportSize = new Vector2(), _viewport = new Vector4(), _depthMaterials = [], _distanceMaterials = [], _materialCache = {}; var shadowSide = { 0: BackSide, 1: FrontSide, 2: DoubleSide }; var shadowMaterialVertical = new ShaderMaterial({ defines: { SAMPLE_RATE: 2.0 / 8.0, HALF_SAMPLE_RATE: 1.0 / 8.0 }, uniforms: { shadow_pass: { value: null }, resolution: { value: new Vector2() }, radius: { value: 4.0 } }, vertexShader: vsm_vert, fragmentShader: vsm_frag }); var shadowMaterialHorizontal = shadowMaterialVertical.clone(); shadowMaterialHorizontal.defines.HORIZONTAL_PASS = 1; var fullScreenTri = new BufferGeometry(); fullScreenTri.setAttribute('position', new BufferAttribute(new Float32Array([-1, -1, 0.5, 3, -1, 0.5, -1, 3, 0.5]), 3)); var fullScreenMesh = new Mesh(fullScreenTri, shadowMaterialVertical); var scope = this; this.enabled = false; this.autoUpdate = true; this.needsUpdate = false; this.type = PCFShadowMap; this.render = function (lights, scene, camera) { if (scope.enabled === false) return; if (scope.autoUpdate === false && scope.needsUpdate === false) return; if (lights.length === 0) return; var currentRenderTarget = _renderer.getRenderTarget(); var activeCubeFace = _renderer.getActiveCubeFace(); var activeMipmapLevel = _renderer.getActiveMipmapLevel(); var _state = _renderer.state; // Set GL state for depth map. _state.setBlending(NoBlending); _state.buffers.color.setClear(1, 1, 1, 1); _state.buffers.depth.setTest(true); _state.setScissorTest(false); // render depth map for (var i = 0, il = lights.length; i < il; i++) { var light = lights[i]; var shadow = light.shadow; if (shadow === undefined) { console.warn('THREE.WebGLShadowMap:', light, 'has no shadow.'); continue; } if (shadow.autoUpdate === false && shadow.needsUpdate === false) continue; _shadowMapSize.copy(shadow.mapSize); var shadowFrameExtents = shadow.getFrameExtents(); _shadowMapSize.multiply(shadowFrameExtents); _viewportSize.copy(shadow.mapSize); if (_shadowMapSize.x > maxTextureSize || _shadowMapSize.y > maxTextureSize) { if (_shadowMapSize.x > maxTextureSize) { _viewportSize.x = Math.floor(maxTextureSize / shadowFrameExtents.x); _shadowMapSize.x = _viewportSize.x * shadowFrameExtents.x; shadow.mapSize.x = _viewportSize.x; } if (_shadowMapSize.y > maxTextureSize) { _viewportSize.y = Math.floor(maxTextureSize / shadowFrameExtents.y); _shadowMapSize.y = _viewportSize.y * shadowFrameExtents.y; shadow.mapSize.y = _viewportSize.y; } } if (shadow.map === null && !shadow.isPointLightShadow && this.type === VSMShadowMap) { var pars = { minFilter: LinearFilter, magFilter: LinearFilter, format: RGBAFormat }; shadow.map = new WebGLRenderTarget(_shadowMapSize.x, _shadowMapSize.y, pars); shadow.map.texture.name = light.name + '.shadowMap'; shadow.mapPass = new WebGLRenderTarget(_shadowMapSize.x, _shadowMapSize.y, pars); shadow.camera.updateProjectionMatrix(); } if (shadow.map === null) { var _pars = { minFilter: NearestFilter, magFilter: NearestFilter, format: RGBAFormat }; shadow.map = new WebGLRenderTarget(_shadowMapSize.x, _shadowMapSize.y, _pars); shadow.map.texture.name = light.name + '.shadowMap'; shadow.camera.updateProjectionMatrix(); } _renderer.setRenderTarget(shadow.map); _renderer.clear(); var viewportCount = shadow.getViewportCount(); for (var vp = 0; vp < viewportCount; vp++) { var viewport = shadow.getViewport(vp); _viewport.set(_viewportSize.x * viewport.x, _viewportSize.y * viewport.y, _viewportSize.x * viewport.z, _viewportSize.y * viewport.w); _state.viewport(_viewport); shadow.updateMatrices(light, vp); _frustum = shadow.getFrustum(); renderObject(scene, camera, shadow.camera, light, this.type); } // do blur pass for VSM if (!shadow.isPointLightShadow && this.type === VSMShadowMap) { VSMPass(shadow, camera); } shadow.needsUpdate = false; } scope.needsUpdate = false; _renderer.setRenderTarget(currentRenderTarget, activeCubeFace, activeMipmapLevel); }; function VSMPass(shadow, camera) { var geometry = _objects.update(fullScreenMesh); // vertical pass shadowMaterialVertical.uniforms.shadow_pass.value = shadow.map.texture; shadowMaterialVertical.uniforms.resolution.value = shadow.mapSize; shadowMaterialVertical.uniforms.radius.value = shadow.radius; _renderer.setRenderTarget(shadow.mapPass); _renderer.clear(); _renderer.renderBufferDirect(camera, null, geometry, shadowMaterialVertical, fullScreenMesh, null); // horizontal pass shadowMaterialHorizontal.uniforms.shadow_pass.value = shadow.mapPass.texture; shadowMaterialHorizontal.uniforms.resolution.value = shadow.mapSize; shadowMaterialHorizontal.uniforms.radius.value = shadow.radius; _renderer.setRenderTarget(shadow.map); _renderer.clear(); _renderer.renderBufferDirect(camera, null, geometry, shadowMaterialHorizontal, fullScreenMesh, null); } function getDepthMaterialVariant(useMorphing, useSkinning, useInstancing) { var index = useMorphing << 0 | useSkinning << 1 | useInstancing << 2; var material = _depthMaterials[index]; if (material === undefined) { material = new MeshDepthMaterial({ depthPacking: RGBADepthPacking, morphTargets: useMorphing, skinning: useSkinning }); _depthMaterials[index] = material; } return material; } function getDistanceMaterialVariant(useMorphing, useSkinning, useInstancing) { var index = useMorphing << 0 | useSkinning << 1 | useInstancing << 2; var material = _distanceMaterials[index]; if (material === undefined) { material = new MeshDistanceMaterial({ morphTargets: useMorphing, skinning: useSkinning }); _distanceMaterials[index] = material; } return material; } function getDepthMaterial(object, geometry, material, light, shadowCameraNear, shadowCameraFar, type) { var result = null; var getMaterialVariant = getDepthMaterialVariant; var customMaterial = object.customDepthMaterial; if (light.isPointLight === true) { getMaterialVariant = getDistanceMaterialVariant; customMaterial = object.customDistanceMaterial; } if (customMaterial === undefined) { var useMorphing = false; if (material.morphTargets === true) { useMorphing = geometry.morphAttributes && geometry.morphAttributes.position && geometry.morphAttributes.position.length > 0; } var useSkinning = false; if (object.isSkinnedMesh === true) { if (material.skinning === true) { useSkinning = true; } else { console.warn('THREE.WebGLShadowMap: THREE.SkinnedMesh with material.skinning set to false:', object); } } var useInstancing = object.isInstancedMesh === true; result = getMaterialVariant(useMorphing, useSkinning, useInstancing); } else { result = customMaterial; } if (_renderer.localClippingEnabled && material.clipShadows === true && material.clippingPlanes.length !== 0) { // in this case we need a unique material instance reflecting the // appropriate state var keyA = result.uuid, keyB = material.uuid; var materialsForVariant = _materialCache[keyA]; if (materialsForVariant === undefined) { materialsForVariant = {}; _materialCache[keyA] = materialsForVariant; } var cachedMaterial = materialsForVariant[keyB]; if (cachedMaterial === undefined) { cachedMaterial = result.clone(); materialsForVariant[keyB] = cachedMaterial; } result = cachedMaterial; } result.visible = material.visible; result.wireframe = material.wireframe; if (type === VSMShadowMap) { result.side = material.shadowSide !== null ? material.shadowSide : material.side; } else { result.side = material.shadowSide !== null ? material.shadowSide : shadowSide[material.side]; } result.clipShadows = material.clipShadows; result.clippingPlanes = material.clippingPlanes; result.clipIntersection = material.clipIntersection; result.wireframeLinewidth = material.wireframeLinewidth; result.linewidth = material.linewidth; if (light.isPointLight === true && result.isMeshDistanceMaterial === true) { result.referencePosition.setFromMatrixPosition(light.matrixWorld); result.nearDistance = shadowCameraNear; result.farDistance = shadowCameraFar; } return result; } function renderObject(object, camera, shadowCamera, light, type) { if (object.visible === false) return; var visible = object.layers.test(camera.layers); if (visible && (object.isMesh || object.isLine || object.isPoints)) { if ((object.castShadow || object.receiveShadow && type === VSMShadowMap) && (!object.frustumCulled || _frustum.intersectsObject(object))) { object.modelViewMatrix.multiplyMatrices(shadowCamera.matrixWorldInverse, object.matrixWorld); var geometry = _objects.update(object); var material = object.material; if (Array.isArray(material)) { var groups = geometry.groups; for (var k = 0, kl = groups.length; k < kl; k++) { var group = groups[k]; var groupMaterial = material[group.materialIndex]; if (groupMaterial && groupMaterial.visible) { var depthMaterial = getDepthMaterial(object, geometry, groupMaterial, light, shadowCamera.near, shadowCamera.far, type); _renderer.renderBufferDirect(shadowCamera, null, geometry, depthMaterial, object, group); } } } else if (material.visible) { var _depthMaterial = getDepthMaterial(object, geometry, material, light, shadowCamera.near, shadowCamera.far, type); _renderer.renderBufferDirect(shadowCamera, null, geometry, _depthMaterial, object, null); } } } var children = object.children; for (var i = 0, l = children.length; i < l; i++) { renderObject(children[i], camera, shadowCamera, light, type); } } } function WebGLState(gl, extensions, capabilities) { var _equationToGL, _factorToGL; var isWebGL2 = capabilities.isWebGL2; function ColorBuffer() { var locked = false; var color = new Vector4(); var currentColorMask = null; var currentColorClear = new Vector4(0, 0, 0, 0); return { setMask: function setMask(colorMask) { if (currentColorMask !== colorMask && !locked) { gl.colorMask(colorMask, colorMask, colorMask, colorMask); currentColorMask = colorMask; } }, setLocked: function setLocked(lock) { locked = lock; }, setClear: function setClear(r, g, b, a, premultipliedAlpha) { if (premultipliedAlpha === true) { r *= a; g *= a; b *= a; } color.set(r, g, b, a); if (currentColorClear.equals(color) === false) { gl.clearColor(r, g, b, a); currentColorClear.copy(color); } }, reset: function reset() { locked = false; currentColorMask = null; currentColorClear.set(-1, 0, 0, 0); // set to invalid state } }; } function DepthBuffer() { var locked = false; var currentDepthMask = null; var currentDepthFunc = null; var currentDepthClear = null; return { setTest: function setTest(depthTest) { if (depthTest) { enable(2929); } else { disable(2929); } }, setMask: function setMask(depthMask) { if (currentDepthMask !== depthMask && !locked) { gl.depthMask(depthMask); currentDepthMask = depthMask; } }, setFunc: function setFunc(depthFunc) { if (currentDepthFunc !== depthFunc) { if (depthFunc) { switch (depthFunc) { case NeverDepth: gl.depthFunc(512); break; case AlwaysDepth: gl.depthFunc(519); break; case LessDepth: gl.depthFunc(513); break; case LessEqualDepth: gl.depthFunc(515); break; case EqualDepth: gl.depthFunc(514); break; case GreaterEqualDepth: gl.depthFunc(518); break; case GreaterDepth: gl.depthFunc(516); break; case NotEqualDepth: gl.depthFunc(517); break; default: gl.depthFunc(515); } } else { gl.depthFunc(515); } currentDepthFunc = depthFunc; } }, setLocked: function setLocked(lock) { locked = lock; }, setClear: function setClear(depth) { if (currentDepthClear !== depth) { gl.clearDepth(depth); currentDepthClear = depth; } }, reset: function reset() { locked = false; currentDepthMask = null; currentDepthFunc = null; currentDepthClear = null; } }; } function StencilBuffer() { var locked = false; var currentStencilMask = null; var currentStencilFunc = null; var currentStencilRef = null; var currentStencilFuncMask = null; var currentStencilFail = null; var currentStencilZFail = null; var currentStencilZPass = null; var currentStencilClear = null; return { setTest: function setTest(stencilTest) { if (!locked) { if (stencilTest) { enable(2960); } else { disable(2960); } } }, setMask: function setMask(stencilMask) { if (currentStencilMask !== stencilMask && !locked) { gl.stencilMask(stencilMask); currentStencilMask = stencilMask; } }, setFunc: function setFunc(stencilFunc, stencilRef, stencilMask) { if (currentStencilFunc !== stencilFunc || currentStencilRef !== stencilRef || currentStencilFuncMask !== stencilMask) { gl.stencilFunc(stencilFunc, stencilRef, stencilMask); currentStencilFunc = stencilFunc; currentStencilRef = stencilRef; currentStencilFuncMask = stencilMask; } }, setOp: function setOp(stencilFail, stencilZFail, stencilZPass) { if (currentStencilFail !== stencilFail || currentStencilZFail !== stencilZFail || currentStencilZPass !== stencilZPass) { gl.stencilOp(stencilFail, stencilZFail, stencilZPass); currentStencilFail = stencilFail; currentStencilZFail = stencilZFail; currentStencilZPass = stencilZPass; } }, setLocked: function setLocked(lock) { locked = lock; }, setClear: function setClear(stencil) { if (currentStencilClear !== stencil) { gl.clearStencil(stencil); currentStencilClear = stencil; } }, reset: function reset() { locked = false; currentStencilMask = null; currentStencilFunc = null; currentStencilRef = null; currentStencilFuncMask = null; currentStencilFail = null; currentStencilZFail = null; currentStencilZPass = null; currentStencilClear = null; } }; } // var colorBuffer = new ColorBuffer(); var depthBuffer = new DepthBuffer(); var stencilBuffer = new StencilBuffer(); var enabledCapabilities = {}; var currentProgram = null; var currentBlendingEnabled = null; var currentBlending = null; var currentBlendEquation = null; var currentBlendSrc = null; var currentBlendDst = null; var currentBlendEquationAlpha = null; var currentBlendSrcAlpha = null; var currentBlendDstAlpha = null; var currentPremultipledAlpha = false; var currentFlipSided = null; var currentCullFace = null; var currentLineWidth = null; var currentPolygonOffsetFactor = null; var currentPolygonOffsetUnits = null; var maxTextures = gl.getParameter(35661); var lineWidthAvailable = false; var version = 0; var glVersion = gl.getParameter(7938); if (glVersion.indexOf('WebGL') !== -1) { version = parseFloat(/^WebGL (\d)/.exec(glVersion)[1]); lineWidthAvailable = version >= 1.0; } else if (glVersion.indexOf('OpenGL ES') !== -1) { version = parseFloat(/^OpenGL ES (\d)/.exec(glVersion)[1]); lineWidthAvailable = version >= 2.0; } var currentTextureSlot = null; var currentBoundTextures = {}; var currentScissor = new Vector4(); var currentViewport = new Vector4(); function createTexture(type, target, count) { var data = new Uint8Array(4); // 4 is required to match default unpack alignment of 4. var texture = gl.createTexture(); gl.bindTexture(type, texture); gl.texParameteri(type, 10241, 9728); gl.texParameteri(type, 10240, 9728); for (var i = 0; i < count; i++) { gl.texImage2D(target + i, 0, 6408, 1, 1, 0, 6408, 5121, data); } return texture; } var emptyTextures = {}; emptyTextures[3553] = createTexture(3553, 3553, 1); emptyTextures[34067] = createTexture(34067, 34069, 6); // init colorBuffer.setClear(0, 0, 0, 1); depthBuffer.setClear(1); stencilBuffer.setClear(0); enable(2929); depthBuffer.setFunc(LessEqualDepth); setFlipSided(false); setCullFace(CullFaceBack); enable(2884); setBlending(NoBlending); // function enable(id) { if (enabledCapabilities[id] !== true) { gl.enable(id); enabledCapabilities[id] = true; } } function disable(id) { if (enabledCapabilities[id] !== false) { gl.disable(id); enabledCapabilities[id] = false; } } function useProgram(program) { if (currentProgram !== program) { gl.useProgram(program); currentProgram = program; return true; } return false; } var equationToGL = (_equationToGL = {}, _equationToGL[AddEquation] = 32774, _equationToGL[SubtractEquation] = 32778, _equationToGL[ReverseSubtractEquation] = 32779, _equationToGL); if (isWebGL2) { equationToGL[MinEquation] = 32775; equationToGL[MaxEquation] = 32776; } else { var extension = extensions.get('EXT_blend_minmax'); if (extension !== null) { equationToGL[MinEquation] = extension.MIN_EXT; equationToGL[MaxEquation] = extension.MAX_EXT; } } var factorToGL = (_factorToGL = {}, _factorToGL[ZeroFactor] = 0, _factorToGL[OneFactor] = 1, _factorToGL[SrcColorFactor] = 768, _factorToGL[SrcAlphaFactor] = 770, _factorToGL[SrcAlphaSaturateFactor] = 776, _factorToGL[DstColorFactor] = 774, _factorToGL[DstAlphaFactor] = 772, _factorToGL[OneMinusSrcColorFactor] = 769, _factorToGL[OneMinusSrcAlphaFactor] = 771, _factorToGL[OneMinusDstColorFactor] = 775, _factorToGL[OneMinusDstAlphaFactor] = 773, _factorToGL); function setBlending(blending, blendEquation, blendSrc, blendDst, blendEquationAlpha, blendSrcAlpha, blendDstAlpha, premultipliedAlpha) { if (blending === NoBlending) { if (currentBlendingEnabled) { disable(3042); currentBlendingEnabled = false; } return; } if (!currentBlendingEnabled) { enable(3042); currentBlendingEnabled = true; } if (blending !== CustomBlending) { if (blending !== currentBlending || premultipliedAlpha !== currentPremultipledAlpha) { if (currentBlendEquation !== AddEquation || currentBlendEquationAlpha !== AddEquation) { gl.blendEquation(32774); currentBlendEquation = AddEquation; currentBlendEquationAlpha = AddEquation; } if (premultipliedAlpha) { switch (blending) { case NormalBlending: gl.blendFuncSeparate(1, 771, 1, 771); break; case AdditiveBlending: gl.blendFunc(1, 1); break; case SubtractiveBlending: gl.blendFuncSeparate(0, 0, 769, 771); break; case MultiplyBlending: gl.blendFuncSeparate(0, 768, 0, 770); break; default: console.error('THREE.WebGLState: Invalid blending: ', blending); break; } } else { switch (blending) { case NormalBlending: gl.blendFuncSeparate(770, 771, 1, 771); break; case AdditiveBlending: gl.blendFunc(770, 1); break; case SubtractiveBlending: gl.blendFunc(0, 769); break; case MultiplyBlending: gl.blendFunc(0, 768); break; default: console.error('THREE.WebGLState: Invalid blending: ', blending); break; } } currentBlendSrc = null; currentBlendDst = null; currentBlendSrcAlpha = null; currentBlendDstAlpha = null; currentBlending = blending; currentPremultipledAlpha = premultipliedAlpha; } return; } // custom blending blendEquationAlpha = blendEquationAlpha || blendEquation; blendSrcAlpha = blendSrcAlpha || blendSrc; blendDstAlpha = blendDstAlpha || blendDst; if (blendEquation !== currentBlendEquation || blendEquationAlpha !== currentBlendEquationAlpha) { gl.blendEquationSeparate(equationToGL[blendEquation], equationToGL[blendEquationAlpha]); currentBlendEquation = blendEquation; currentBlendEquationAlpha = blendEquationAlpha; } if (blendSrc !== currentBlendSrc || blendDst !== currentBlendDst || blendSrcAlpha !== currentBlendSrcAlpha || blendDstAlpha !== currentBlendDstAlpha) { gl.blendFuncSeparate(factorToGL[blendSrc], factorToGL[blendDst], factorToGL[blendSrcAlpha], factorToGL[blendDstAlpha]); currentBlendSrc = blendSrc; currentBlendDst = blendDst; currentBlendSrcAlpha = blendSrcAlpha; currentBlendDstAlpha = blendDstAlpha; } currentBlending = blending; currentPremultipledAlpha = null; } function setMaterial(material, frontFaceCW) { material.side === DoubleSide ? disable(2884) : enable(2884); var flipSided = material.side === BackSide; if (frontFaceCW) flipSided = !flipSided; setFlipSided(flipSided); material.blending === NormalBlending && material.transparent === false ? setBlending(NoBlending) : setBlending(material.blending, material.blendEquation, material.blendSrc, material.blendDst, material.blendEquationAlpha, material.blendSrcAlpha, material.blendDstAlpha, material.premultipliedAlpha); depthBuffer.setFunc(material.depthFunc); depthBuffer.setTest(material.depthTest); depthBuffer.setMask(material.depthWrite); colorBuffer.setMask(material.colorWrite); var stencilWrite = material.stencilWrite; stencilBuffer.setTest(stencilWrite); if (stencilWrite) { stencilBuffer.setMask(material.stencilWriteMask); stencilBuffer.setFunc(material.stencilFunc, material.stencilRef, material.stencilFuncMask); stencilBuffer.setOp(material.stencilFail, material.stencilZFail, material.stencilZPass); } setPolygonOffset(material.polygonOffset, material.polygonOffsetFactor, material.polygonOffsetUnits); } // function setFlipSided(flipSided) { if (currentFlipSided !== flipSided) { if (flipSided) { gl.frontFace(2304); } else { gl.frontFace(2305); } currentFlipSided = flipSided; } } function setCullFace(cullFace) { if (cullFace !== CullFaceNone) { enable(2884); if (cullFace !== currentCullFace) { if (cullFace === CullFaceBack) { gl.cullFace(1029); } else if (cullFace === CullFaceFront) { gl.cullFace(1028); } else { gl.cullFace(1032); } } } else { disable(2884); } currentCullFace = cullFace; } function setLineWidth(width) { if (width !== currentLineWidth) { if (lineWidthAvailable) gl.lineWidth(width); currentLineWidth = width; } } function setPolygonOffset(polygonOffset, factor, units) { if (polygonOffset) { enable(32823); if (currentPolygonOffsetFactor !== factor || currentPolygonOffsetUnits !== units) { gl.polygonOffset(factor, units); currentPolygonOffsetFactor = factor; currentPolygonOffsetUnits = units; } } else { disable(32823); } } function setScissorTest(scissorTest) { if (scissorTest) { enable(3089); } else { disable(3089); } } // texture function activeTexture(webglSlot) { if (webglSlot === undefined) webglSlot = 33984 + maxTextures - 1; if (currentTextureSlot !== webglSlot) { gl.activeTexture(webglSlot); currentTextureSlot = webglSlot; } } function bindTexture(webglType, webglTexture) { if (currentTextureSlot === null) { activeTexture(); } var boundTexture = currentBoundTextures[currentTextureSlot]; if (boundTexture === undefined) { boundTexture = { type: undefined, texture: undefined }; currentBoundTextures[currentTextureSlot] = boundTexture; } if (boundTexture.type !== webglType || boundTexture.texture !== webglTexture) { gl.bindTexture(webglType, webglTexture || emptyTextures[webglType]); boundTexture.type = webglType; boundTexture.texture = webglTexture; } } function unbindTexture() { var boundTexture = currentBoundTextures[currentTextureSlot]; if (boundTexture !== undefined && boundTexture.type !== undefined) { gl.bindTexture(boundTexture.type, null); boundTexture.type = undefined; boundTexture.texture = undefined; } } function compressedTexImage2D() { try { gl.compressedTexImage2D.apply(gl, arguments); } catch (error) { console.error('THREE.WebGLState:', error); } } function texImage2D() { try { gl.texImage2D.apply(gl, arguments); } catch (error) { console.error('THREE.WebGLState:', error); } } function texImage3D() { try { gl.texImage3D.apply(gl, arguments); } catch (error) { console.error('THREE.WebGLState:', error); } } // function scissor(scissor) { if (currentScissor.equals(scissor) === false) { gl.scissor(scissor.x, scissor.y, scissor.z, scissor.w); currentScissor.copy(scissor); } } function viewport(viewport) { if (currentViewport.equals(viewport) === false) { gl.viewport(viewport.x, viewport.y, viewport.z, viewport.w); currentViewport.copy(viewport); } } // function reset() { enabledCapabilities = {}; currentTextureSlot = null; currentBoundTextures = {}; currentProgram = null; currentBlendingEnabled = null; currentBlending = null; currentBlendEquation = null; currentBlendSrc = null; currentBlendDst = null; currentBlendEquationAlpha = null; currentBlendSrcAlpha = null; currentBlendDstAlpha = null; currentPremultipledAlpha = false; currentFlipSided = null; currentCullFace = null; currentLineWidth = null; currentPolygonOffsetFactor = null; currentPolygonOffsetUnits = null; colorBuffer.reset(); depthBuffer.reset(); stencilBuffer.reset(); } return { buffers: { color: colorBuffer, depth: depthBuffer, stencil: stencilBuffer }, enable: enable, disable: disable, useProgram: useProgram, setBlending: setBlending, setMaterial: setMaterial, setFlipSided: setFlipSided, setCullFace: setCullFace, setLineWidth: setLineWidth, setPolygonOffset: setPolygonOffset, setScissorTest: setScissorTest, activeTexture: activeTexture, bindTexture: bindTexture, unbindTexture: unbindTexture, compressedTexImage2D: compressedTexImage2D, texImage2D: texImage2D, texImage3D: texImage3D, scissor: scissor, viewport: viewport, reset: reset }; } function WebGLTextures(_gl, extensions, state, properties, capabilities, utils, info) { var _wrappingToGL, _filterToGL; var isWebGL2 = capabilities.isWebGL2; var maxTextures = capabilities.maxTextures; var maxCubemapSize = capabilities.maxCubemapSize; var maxTextureSize = capabilities.maxTextureSize; var maxSamples = capabilities.maxSamples; var _videoTextures = new WeakMap(); var _canvas; // cordova iOS (as of 5.0) still uses UIWebView, which provides OffscreenCanvas, // also OffscreenCanvas.getContext("webgl"), but not OffscreenCanvas.getContext("2d")! // Some implementations may only implement OffscreenCanvas partially (e.g. lacking 2d). var useOffscreenCanvas = false; try { useOffscreenCanvas = typeof OffscreenCanvas !== 'undefined' && new OffscreenCanvas(1, 1).getContext('2d') !== null; } catch (err) {// Ignore any errors } function createCanvas(width, height) { // Use OffscreenCanvas when available. Specially needed in web workers return useOffscreenCanvas ? new OffscreenCanvas(width, height) : document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas'); } function resizeImage(image, needsPowerOfTwo, needsNewCanvas, maxSize) { var scale = 1; // handle case if texture exceeds max size if (image.width > maxSize || image.height > maxSize) { scale = maxSize / Math.max(image.width, image.height); } // only perform resize if necessary if (scale < 1 || needsPowerOfTwo === true) { // only perform resize for certain image types if (typeof HTMLImageElement !== 'undefined' && image instanceof HTMLImageElement || typeof HTMLCanvasElement !== 'undefined' && image instanceof HTMLCanvasElement || typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) { var floor = needsPowerOfTwo ? MathUtils.floorPowerOfTwo : Math.floor; var width = floor(scale * image.width); var height = floor(scale * image.height); if (_canvas === undefined) _canvas = createCanvas(width, height); // cube textures can't reuse the same canvas var canvas = needsNewCanvas ? createCanvas(width, height) : _canvas; canvas.width = width; canvas.height = height; var context = canvas.getContext('2d'); context.drawImage(image, 0, 0, width, height); console.warn('THREE.WebGLRenderer: Texture has been resized from (' + image.width + 'x' + image.height + ') to (' + width + 'x' + height + ').'); return canvas; } else { if ('data' in image) { console.warn('THREE.WebGLRenderer: Image in DataTexture is too big (' + image.width + 'x' + image.height + ').'); } return image; } } return image; } function isPowerOfTwo(image) { return MathUtils.isPowerOfTwo(image.width) && MathUtils.isPowerOfTwo(image.height); } function textureNeedsPowerOfTwo(texture) { if (isWebGL2) return false; return texture.wrapS !== ClampToEdgeWrapping || texture.wrapT !== ClampToEdgeWrapping || texture.minFilter !== NearestFilter && texture.minFilter !== LinearFilter; } function textureNeedsGenerateMipmaps(texture, supportsMips) { return texture.generateMipmaps && supportsMips && texture.minFilter !== NearestFilter && texture.minFilter !== LinearFilter; } function generateMipmap(target, texture, width, height) { _gl.generateMipmap(target); var textureProperties = properties.get(texture); // Note: Math.log( x ) * Math.LOG2E used instead of Math.log2( x ) which is not supported by IE11 textureProperties.__maxMipLevel = Math.log(Math.max(width, height)) * Math.LOG2E; } function getInternalFormat(internalFormatName, glFormat, glType) { if (isWebGL2 === false) return glFormat; if (internalFormatName !== null) { if (_gl[internalFormatName] !== undefined) return _gl[internalFormatName]; console.warn('THREE.WebGLRenderer: Attempt to use non-existing WebGL internal format \'' + internalFormatName + '\''); } var internalFormat = glFormat; if (glFormat === 6403) { if (glType === 5126) internalFormat = 33326; if (glType === 5131) internalFormat = 33325; if (glType === 5121) internalFormat = 33321; } if (glFormat === 6407) { if (glType === 5126) internalFormat = 34837; if (glType === 5131) internalFormat = 34843; if (glType === 5121) internalFormat = 32849; } if (glFormat === 6408) { if (glType === 5126) internalFormat = 34836; if (glType === 5131) internalFormat = 34842; if (glType === 5121) internalFormat = 32856; } if (internalFormat === 33325 || internalFormat === 33326 || internalFormat === 34842 || internalFormat === 34836) { extensions.get('EXT_color_buffer_float'); } return internalFormat; } // Fallback filters for non-power-of-2 textures function filterFallback(f) { if (f === NearestFilter || f === NearestMipmapNearestFilter || f === NearestMipmapLinearFilter) { return 9728; } return 9729; } // function onTextureDispose(event) { var texture = event.target; texture.removeEventListener('dispose', onTextureDispose); deallocateTexture(texture); if (texture.isVideoTexture) { _videoTextures.delete(texture); } info.memory.textures--; } function onRenderTargetDispose(event) { var renderTarget = event.target; renderTarget.removeEventListener('dispose', onRenderTargetDispose); deallocateRenderTarget(renderTarget); info.memory.textures--; } // function deallocateTexture(texture) { var textureProperties = properties.get(texture); if (textureProperties.__webglInit === undefined) return; _gl.deleteTexture(textureProperties.__webglTexture); properties.remove(texture); } function deallocateRenderTarget(renderTarget) { var renderTargetProperties = properties.get(renderTarget); var textureProperties = properties.get(renderTarget.texture); if (!renderTarget) return; if (textureProperties.__webglTexture !== undefined) { _gl.deleteTexture(textureProperties.__webglTexture); } if (renderTarget.depthTexture) { renderTarget.depthTexture.dispose(); } if (renderTarget.isWebGLCubeRenderTarget) { for (var i = 0; i < 6; i++) { _gl.deleteFramebuffer(renderTargetProperties.__webglFramebuffer[i]); if (renderTargetProperties.__webglDepthbuffer) _gl.deleteRenderbuffer(renderTargetProperties.__webglDepthbuffer[i]); } } else { _gl.deleteFramebuffer(renderTargetProperties.__webglFramebuffer); if (renderTargetProperties.__webglDepthbuffer) _gl.deleteRenderbuffer(renderTargetProperties.__webglDepthbuffer); if (renderTargetProperties.__webglMultisampledFramebuffer) _gl.deleteFramebuffer(renderTargetProperties.__webglMultisampledFramebuffer); if (renderTargetProperties.__webglColorRenderbuffer) _gl.deleteRenderbuffer(renderTargetProperties.__webglColorRenderbuffer); if (renderTargetProperties.__webglDepthRenderbuffer) _gl.deleteRenderbuffer(renderTargetProperties.__webglDepthRenderbuffer); } properties.remove(renderTarget.texture); properties.remove(renderTarget); } // var textureUnits = 0; function resetTextureUnits() { textureUnits = 0; } function allocateTextureUnit() { var textureUnit = textureUnits; if (textureUnit >= maxTextures) { console.warn('THREE.WebGLTextures: Trying to use ' + textureUnit + ' texture units while this GPU supports only ' + maxTextures); } textureUnits += 1; return textureUnit; } // function setTexture2D(texture, slot) { var textureProperties = properties.get(texture); if (texture.isVideoTexture) updateVideoTexture(texture); if (texture.version > 0 && textureProperties.__version !== texture.version) { var image = texture.image; if (image === undefined) { console.warn('THREE.WebGLRenderer: Texture marked for update but image is undefined'); } else if (image.complete === false) { console.warn('THREE.WebGLRenderer: Texture marked for update but image is incomplete'); } else { uploadTexture(textureProperties, texture, slot); return; } } state.activeTexture(33984 + slot); state.bindTexture(3553, textureProperties.__webglTexture); } function setTexture2DArray(texture, slot) { var textureProperties = properties.get(texture); if (texture.version > 0 && textureProperties.__version !== texture.version) { uploadTexture(textureProperties, texture, slot); return; } state.activeTexture(33984 + slot); state.bindTexture(35866, textureProperties.__webglTexture); } function setTexture3D(texture, slot) { var textureProperties = properties.get(texture); if (texture.version > 0 && textureProperties.__version !== texture.version) { uploadTexture(textureProperties, texture, slot); return; } state.activeTexture(33984 + slot); state.bindTexture(32879, textureProperties.__webglTexture); } function setTextureCube(texture, slot) { var textureProperties = properties.get(texture); if (texture.version > 0 && textureProperties.__version !== texture.version) { uploadCubeTexture(textureProperties, texture, slot); return; } state.activeTexture(33984 + slot); state.bindTexture(34067, textureProperties.__webglTexture); } var wrappingToGL = (_wrappingToGL = {}, _wrappingToGL[RepeatWrapping] = 10497, _wrappingToGL[ClampToEdgeWrapping] = 33071, _wrappingToGL[MirroredRepeatWrapping] = 33648, _wrappingToGL); var filterToGL = (_filterToGL = {}, _filterToGL[NearestFilter] = 9728, _filterToGL[NearestMipmapNearestFilter] = 9984, _filterToGL[NearestMipmapLinearFilter] = 9986, _filterToGL[LinearFilter] = 9729, _filterToGL[LinearMipmapNearestFilter] = 9985, _filterToGL[LinearMipmapLinearFilter] = 9987, _filterToGL); function setTextureParameters(textureType, texture, supportsMips) { if (supportsMips) { _gl.texParameteri(textureType, 10242, wrappingToGL[texture.wrapS]); _gl.texParameteri(textureType, 10243, wrappingToGL[texture.wrapT]); if (textureType === 32879 || textureType === 35866) { _gl.texParameteri(textureType, 32882, wrappingToGL[texture.wrapR]); } _gl.texParameteri(textureType, 10240, filterToGL[texture.magFilter]); _gl.texParameteri(textureType, 10241, filterToGL[texture.minFilter]); } else { _gl.texParameteri(textureType, 10242, 33071); _gl.texParameteri(textureType, 10243, 33071); if (textureType === 32879 || textureType === 35866) { _gl.texParameteri(textureType, 32882, 33071); } if (texture.wrapS !== ClampToEdgeWrapping || texture.wrapT !== ClampToEdgeWrapping) { console.warn('THREE.WebGLRenderer: Texture is not power of two. Texture.wrapS and Texture.wrapT should be set to THREE.ClampToEdgeWrapping.'); } _gl.texParameteri(textureType, 10240, filterFallback(texture.magFilter)); _gl.texParameteri(textureType, 10241, filterFallback(texture.minFilter)); if (texture.minFilter !== NearestFilter && texture.minFilter !== LinearFilter) { console.warn('THREE.WebGLRenderer: Texture is not power of two. Texture.minFilter should be set to THREE.NearestFilter or THREE.LinearFilter.'); } } var extension = extensions.get('EXT_texture_filter_anisotropic'); if (extension) { if (texture.type === FloatType && extensions.get('OES_texture_float_linear') === null) return; if (texture.type === HalfFloatType && (isWebGL2 || extensions.get('OES_texture_half_float_linear')) === null) return; if (texture.anisotropy > 1 || properties.get(texture).__currentAnisotropy) { _gl.texParameterf(textureType, extension.TEXTURE_MAX_ANISOTROPY_EXT, Math.min(texture.anisotropy, capabilities.getMaxAnisotropy())); properties.get(texture).__currentAnisotropy = texture.anisotropy; } } } function initTexture(textureProperties, texture) { if (textureProperties.__webglInit === undefined) { textureProperties.__webglInit = true; texture.addEventListener('dispose', onTextureDispose); textureProperties.__webglTexture = _gl.createTexture(); info.memory.textures++; } } function uploadTexture(textureProperties, texture, slot) { var textureType = 3553; if (texture.isDataTexture2DArray) textureType = 35866; if (texture.isDataTexture3D) textureType = 32879; initTexture(textureProperties, texture); state.activeTexture(33984 + slot); state.bindTexture(textureType, textureProperties.__webglTexture); _gl.pixelStorei(37440, texture.flipY); _gl.pixelStorei(37441, texture.premultiplyAlpha); _gl.pixelStorei(3317, texture.unpackAlignment); var needsPowerOfTwo = textureNeedsPowerOfTwo(texture) && isPowerOfTwo(texture.image) === false; var image = resizeImage(texture.image, needsPowerOfTwo, false, maxTextureSize); var supportsMips = isPowerOfTwo(image) || isWebGL2, glFormat = utils.convert(texture.format); var glType = utils.convert(texture.type), glInternalFormat = getInternalFormat(texture.internalFormat, glFormat, glType); setTextureParameters(textureType, texture, supportsMips); var mipmap; var mipmaps = texture.mipmaps; if (texture.isDepthTexture) { // populate depth texture with dummy data glInternalFormat = 6402; if (isWebGL2) { if (texture.type === FloatType) { glInternalFormat = 36012; } else if (texture.type === UnsignedIntType) { glInternalFormat = 33190; } else if (texture.type === UnsignedInt248Type) { glInternalFormat = 35056; } else { glInternalFormat = 33189; // WebGL2 requires sized internalformat for glTexImage2D } } else { if (texture.type === FloatType) { console.error('WebGLRenderer: Floating point depth texture requires WebGL2.'); } } // validation checks for WebGL 1 if (texture.format === DepthFormat && glInternalFormat === 6402) { // The error INVALID_OPERATION is generated by texImage2D if format and internalformat are // DEPTH_COMPONENT and type is not UNSIGNED_SHORT or UNSIGNED_INT // (https://www.khronos.org/registry/webgl/extensions/WEBGL_depth_texture/) if (texture.type !== UnsignedShortType && texture.type !== UnsignedIntType) { console.warn('THREE.WebGLRenderer: Use UnsignedShortType or UnsignedIntType for DepthFormat DepthTexture.'); texture.type = UnsignedShortType; glType = utils.convert(texture.type); } } if (texture.format === DepthStencilFormat && glInternalFormat === 6402) { // Depth stencil textures need the DEPTH_STENCIL internal format // (https://www.khronos.org/registry/webgl/extensions/WEBGL_depth_texture/) glInternalFormat = 34041; // The error INVALID_OPERATION is generated by texImage2D if format and internalformat are // DEPTH_STENCIL and type is not UNSIGNED_INT_24_8_WEBGL. // (https://www.khronos.org/registry/webgl/extensions/WEBGL_depth_texture/) if (texture.type !== UnsignedInt248Type) { console.warn('THREE.WebGLRenderer: Use UnsignedInt248Type for DepthStencilFormat DepthTexture.'); texture.type = UnsignedInt248Type; glType = utils.convert(texture.type); } } // state.texImage2D(3553, 0, glInternalFormat, image.width, image.height, 0, glFormat, glType, null); } else if (texture.isDataTexture) { // use manually created mipmaps if available // if there are no manual mipmaps // set 0 level mipmap and then use GL to generate other mipmap levels if (mipmaps.length > 0 && supportsMips) { for (var i = 0, il = mipmaps.length; i < il; i++) { mipmap = mipmaps[i]; state.texImage2D(3553, i, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data); } texture.generateMipmaps = false; textureProperties.__maxMipLevel = mipmaps.length - 1; } else { state.texImage2D(3553, 0, glInternalFormat, image.width, image.height, 0, glFormat, glType, image.data); textureProperties.__maxMipLevel = 0; } } else if (texture.isCompressedTexture) { for (var _i = 0, _il = mipmaps.length; _i < _il; _i++) { mipmap = mipmaps[_i]; if (texture.format !== RGBAFormat && texture.format !== RGBFormat) { if (glFormat !== null) { state.compressedTexImage2D(3553, _i, glInternalFormat, mipmap.width, mipmap.height, 0, mipmap.data); } else { console.warn('THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .uploadTexture()'); } } else { state.texImage2D(3553, _i, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data); } } textureProperties.__maxMipLevel = mipmaps.length - 1; } else if (texture.isDataTexture2DArray) { state.texImage3D(35866, 0, glInternalFormat, image.width, image.height, image.depth, 0, glFormat, glType, image.data); textureProperties.__maxMipLevel = 0; } else if (texture.isDataTexture3D) { state.texImage3D(32879, 0, glInternalFormat, image.width, image.height, image.depth, 0, glFormat, glType, image.data); textureProperties.__maxMipLevel = 0; } else { // regular Texture (image, video, canvas) // use manually created mipmaps if available // if there are no manual mipmaps // set 0 level mipmap and then use GL to generate other mipmap levels if (mipmaps.length > 0 && supportsMips) { for (var _i2 = 0, _il2 = mipmaps.length; _i2 < _il2; _i2++) { mipmap = mipmaps[_i2]; state.texImage2D(3553, _i2, glInternalFormat, glFormat, glType, mipmap); } texture.generateMipmaps = false; textureProperties.__maxMipLevel = mipmaps.length - 1; } else { state.texImage2D(3553, 0, glInternalFormat, glFormat, glType, image); textureProperties.__maxMipLevel = 0; } } if (textureNeedsGenerateMipmaps(texture, supportsMips)) { generateMipmap(textureType, texture, image.width, image.height); } textureProperties.__version = texture.version; if (texture.onUpdate) texture.onUpdate(texture); } function uploadCubeTexture(textureProperties, texture, slot) { if (texture.image.length !== 6) return; initTexture(textureProperties, texture); state.activeTexture(33984 + slot); state.bindTexture(34067, textureProperties.__webglTexture); _gl.pixelStorei(37440, texture.flipY); _gl.pixelStorei(37441, texture.premultiplyAlpha); _gl.pixelStorei(3317, texture.unpackAlignment); var isCompressed = texture && (texture.isCompressedTexture || texture.image[0].isCompressedTexture); var isDataTexture = texture.image[0] && texture.image[0].isDataTexture; var cubeImage = []; for (var i = 0; i < 6; i++) { if (!isCompressed && !isDataTexture) { cubeImage[i] = resizeImage(texture.image[i], false, true, maxCubemapSize); } else { cubeImage[i] = isDataTexture ? texture.image[i].image : texture.image[i]; } } var image = cubeImage[0], supportsMips = isPowerOfTwo(image) || isWebGL2, glFormat = utils.convert(texture.format), glType = utils.convert(texture.type), glInternalFormat = getInternalFormat(texture.internalFormat, glFormat, glType); setTextureParameters(34067, texture, supportsMips); var mipmaps; if (isCompressed) { for (var _i3 = 0; _i3 < 6; _i3++) { mipmaps = cubeImage[_i3].mipmaps; for (var j = 0; j < mipmaps.length; j++) { var mipmap = mipmaps[j]; if (texture.format !== RGBAFormat && texture.format !== RGBFormat) { if (glFormat !== null) { state.compressedTexImage2D(34069 + _i3, j, glInternalFormat, mipmap.width, mipmap.height, 0, mipmap.data); } else { console.warn('THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .setTextureCube()'); } } else { state.texImage2D(34069 + _i3, j, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data); } } } textureProperties.__maxMipLevel = mipmaps.length - 1; } else { mipmaps = texture.mipmaps; for (var _i4 = 0; _i4 < 6; _i4++) { if (isDataTexture) { state.texImage2D(34069 + _i4, 0, glInternalFormat, cubeImage[_i4].width, cubeImage[_i4].height, 0, glFormat, glType, cubeImage[_i4].data); for (var _j = 0; _j < mipmaps.length; _j++) { var _mipmap = mipmaps[_j]; var mipmapImage = _mipmap.image[_i4].image; state.texImage2D(34069 + _i4, _j + 1, glInternalFormat, mipmapImage.width, mipmapImage.height, 0, glFormat, glType, mipmapImage.data); } } else { state.texImage2D(34069 + _i4, 0, glInternalFormat, glFormat, glType, cubeImage[_i4]); for (var _j2 = 0; _j2 < mipmaps.length; _j2++) { var _mipmap2 = mipmaps[_j2]; state.texImage2D(34069 + _i4, _j2 + 1, glInternalFormat, glFormat, glType, _mipmap2.image[_i4]); } } } textureProperties.__maxMipLevel = mipmaps.length; } if (textureNeedsGenerateMipmaps(texture, supportsMips)) { // We assume images for cube map have the same size. generateMipmap(34067, texture, image.width, image.height); } textureProperties.__version = texture.version; if (texture.onUpdate) texture.onUpdate(texture); } // Render targets // Setup storage for target texture and bind it to correct framebuffer function setupFrameBufferTexture(framebuffer, renderTarget, attachment, textureTarget) { var glFormat = utils.convert(renderTarget.texture.format); var glType = utils.convert(renderTarget.texture.type); var glInternalFormat = getInternalFormat(renderTarget.texture.internalFormat, glFormat, glType); state.texImage2D(textureTarget, 0, glInternalFormat, renderTarget.width, renderTarget.height, 0, glFormat, glType, null); _gl.bindFramebuffer(36160, framebuffer); _gl.framebufferTexture2D(36160, attachment, textureTarget, properties.get(renderTarget.texture).__webglTexture, 0); _gl.bindFramebuffer(36160, null); } // Setup storage for internal depth/stencil buffers and bind to correct framebuffer function setupRenderBufferStorage(renderbuffer, renderTarget, isMultisample) { _gl.bindRenderbuffer(36161, renderbuffer); if (renderTarget.depthBuffer && !renderTarget.stencilBuffer) { var glInternalFormat = 33189; if (isMultisample) { var depthTexture = renderTarget.depthTexture; if (depthTexture && depthTexture.isDepthTexture) { if (depthTexture.type === FloatType) { glInternalFormat = 36012; } else if (depthTexture.type === UnsignedIntType) { glInternalFormat = 33190; } } var samples = getRenderTargetSamples(renderTarget); _gl.renderbufferStorageMultisample(36161, samples, glInternalFormat, renderTarget.width, renderTarget.height); } else { _gl.renderbufferStorage(36161, glInternalFormat, renderTarget.width, renderTarget.height); } _gl.framebufferRenderbuffer(36160, 36096, 36161, renderbuffer); } else if (renderTarget.depthBuffer && renderTarget.stencilBuffer) { if (isMultisample) { var _samples = getRenderTargetSamples(renderTarget); _gl.renderbufferStorageMultisample(36161, _samples, 35056, renderTarget.width, renderTarget.height); } else { _gl.renderbufferStorage(36161, 34041, renderTarget.width, renderTarget.height); } _gl.framebufferRenderbuffer(36160, 33306, 36161, renderbuffer); } else { var glFormat = utils.convert(renderTarget.texture.format); var glType = utils.convert(renderTarget.texture.type); var _glInternalFormat = getInternalFormat(renderTarget.texture.internalFormat, glFormat, glType); if (isMultisample) { var _samples2 = getRenderTargetSamples(renderTarget); _gl.renderbufferStorageMultisample(36161, _samples2, _glInternalFormat, renderTarget.width, renderTarget.height); } else { _gl.renderbufferStorage(36161, _glInternalFormat, renderTarget.width, renderTarget.height); } } _gl.bindRenderbuffer(36161, null); } // Setup resources for a Depth Texture for a FBO (needs an extension) function setupDepthTexture(framebuffer, renderTarget) { var isCube = renderTarget && renderTarget.isWebGLCubeRenderTarget; if (isCube) throw new Error('Depth Texture with cube render targets is not supported'); _gl.bindFramebuffer(36160, framebuffer); if (!(renderTarget.depthTexture && renderTarget.depthTexture.isDepthTexture)) { throw new Error('renderTarget.depthTexture must be an instance of THREE.DepthTexture'); } // upload an empty depth texture with framebuffer size if (!properties.get(renderTarget.depthTexture).__webglTexture || renderTarget.depthTexture.image.width !== renderTarget.width || renderTarget.depthTexture.image.height !== renderTarget.height) { renderTarget.depthTexture.image.width = renderTarget.width; renderTarget.depthTexture.image.height = renderTarget.height; renderTarget.depthTexture.needsUpdate = true; } setTexture2D(renderTarget.depthTexture, 0); var webglDepthTexture = properties.get(renderTarget.depthTexture).__webglTexture; if (renderTarget.depthTexture.format === DepthFormat) { _gl.framebufferTexture2D(36160, 36096, 3553, webglDepthTexture, 0); } else if (renderTarget.depthTexture.format === DepthStencilFormat) { _gl.framebufferTexture2D(36160, 33306, 3553, webglDepthTexture, 0); } else { throw new Error('Unknown depthTexture format'); } } // Setup GL resources for a non-texture depth buffer function setupDepthRenderbuffer(renderTarget) { var renderTargetProperties = properties.get(renderTarget); var isCube = renderTarget.isWebGLCubeRenderTarget === true; if (renderTarget.depthTexture) { if (isCube) throw new Error('target.depthTexture not supported in Cube render targets'); setupDepthTexture(renderTargetProperties.__webglFramebuffer, renderTarget); } else { if (isCube) { renderTargetProperties.__webglDepthbuffer = []; for (var i = 0; i < 6; i++) { _gl.bindFramebuffer(36160, renderTargetProperties.__webglFramebuffer[i]); renderTargetProperties.__webglDepthbuffer[i] = _gl.createRenderbuffer(); setupRenderBufferStorage(renderTargetProperties.__webglDepthbuffer[i], renderTarget, false); } } else { _gl.bindFramebuffer(36160, renderTargetProperties.__webglFramebuffer); renderTargetProperties.__webglDepthbuffer = _gl.createRenderbuffer(); setupRenderBufferStorage(renderTargetProperties.__webglDepthbuffer, renderTarget, false); } } _gl.bindFramebuffer(36160, null); } // Set up GL resources for the render target function setupRenderTarget(renderTarget) { var renderTargetProperties = properties.get(renderTarget); var textureProperties = properties.get(renderTarget.texture); renderTarget.addEventListener('dispose', onRenderTargetDispose); textureProperties.__webglTexture = _gl.createTexture(); info.memory.textures++; var isCube = renderTarget.isWebGLCubeRenderTarget === true; var isMultisample = renderTarget.isWebGLMultisampleRenderTarget === true; var supportsMips = isPowerOfTwo(renderTarget) || isWebGL2; // Handles WebGL2 RGBFormat fallback - #18858 if (isWebGL2 && renderTarget.texture.format === RGBFormat && (renderTarget.texture.type === FloatType || renderTarget.texture.type === HalfFloatType)) { renderTarget.texture.format = RGBAFormat; console.warn('THREE.WebGLRenderer: Rendering to textures with RGB format is not supported. Using RGBA format instead.'); } // Setup framebuffer if (isCube) { renderTargetProperties.__webglFramebuffer = []; for (var i = 0; i < 6; i++) { renderTargetProperties.__webglFramebuffer[i] = _gl.createFramebuffer(); } } else { renderTargetProperties.__webglFramebuffer = _gl.createFramebuffer(); if (isMultisample) { if (isWebGL2) { renderTargetProperties.__webglMultisampledFramebuffer = _gl.createFramebuffer(); renderTargetProperties.__webglColorRenderbuffer = _gl.createRenderbuffer(); _gl.bindRenderbuffer(36161, renderTargetProperties.__webglColorRenderbuffer); var glFormat = utils.convert(renderTarget.texture.format); var glType = utils.convert(renderTarget.texture.type); var glInternalFormat = getInternalFormat(renderTarget.texture.internalFormat, glFormat, glType); var samples = getRenderTargetSamples(renderTarget); _gl.renderbufferStorageMultisample(36161, samples, glInternalFormat, renderTarget.width, renderTarget.height); _gl.bindFramebuffer(36160, renderTargetProperties.__webglMultisampledFramebuffer); _gl.framebufferRenderbuffer(36160, 36064, 36161, renderTargetProperties.__webglColorRenderbuffer); _gl.bindRenderbuffer(36161, null); if (renderTarget.depthBuffer) { renderTargetProperties.__webglDepthRenderbuffer = _gl.createRenderbuffer(); setupRenderBufferStorage(renderTargetProperties.__webglDepthRenderbuffer, renderTarget, true); } _gl.bindFramebuffer(36160, null); } else { console.warn('THREE.WebGLRenderer: WebGLMultisampleRenderTarget can only be used with WebGL2.'); } } } // Setup color buffer if (isCube) { state.bindTexture(34067, textureProperties.__webglTexture); setTextureParameters(34067, renderTarget.texture, supportsMips); for (var _i5 = 0; _i5 < 6; _i5++) { setupFrameBufferTexture(renderTargetProperties.__webglFramebuffer[_i5], renderTarget, 36064, 34069 + _i5); } if (textureNeedsGenerateMipmaps(renderTarget.texture, supportsMips)) { generateMipmap(34067, renderTarget.texture, renderTarget.width, renderTarget.height); } state.bindTexture(34067, null); } else { state.bindTexture(3553, textureProperties.__webglTexture); setTextureParameters(3553, renderTarget.texture, supportsMips); setupFrameBufferTexture(renderTargetProperties.__webglFramebuffer, renderTarget, 36064, 3553); if (textureNeedsGenerateMipmaps(renderTarget.texture, supportsMips)) { generateMipmap(3553, renderTarget.texture, renderTarget.width, renderTarget.height); } state.bindTexture(3553, null); } // Setup depth and stencil buffers if (renderTarget.depthBuffer) { setupDepthRenderbuffer(renderTarget); } } function updateRenderTargetMipmap(renderTarget) { var texture = renderTarget.texture; var supportsMips = isPowerOfTwo(renderTarget) || isWebGL2; if (textureNeedsGenerateMipmaps(texture, supportsMips)) { var target = renderTarget.isWebGLCubeRenderTarget ? 34067 : 3553; var webglTexture = properties.get(texture).__webglTexture; state.bindTexture(target, webglTexture); generateMipmap(target, texture, renderTarget.width, renderTarget.height); state.bindTexture(target, null); } } function updateMultisampleRenderTarget(renderTarget) { if (renderTarget.isWebGLMultisampleRenderTarget) { if (isWebGL2) { var renderTargetProperties = properties.get(renderTarget); _gl.bindFramebuffer(36008, renderTargetProperties.__webglMultisampledFramebuffer); _gl.bindFramebuffer(36009, renderTargetProperties.__webglFramebuffer); var width = renderTarget.width; var height = renderTarget.height; var mask = 16384; if (renderTarget.depthBuffer) mask |= 256; if (renderTarget.stencilBuffer) mask |= 1024; _gl.blitFramebuffer(0, 0, width, height, 0, 0, width, height, mask, 9728); _gl.bindFramebuffer(36160, renderTargetProperties.__webglMultisampledFramebuffer); // see #18905 } else { console.warn('THREE.WebGLRenderer: WebGLMultisampleRenderTarget can only be used with WebGL2.'); } } } function getRenderTargetSamples(renderTarget) { return isWebGL2 && renderTarget.isWebGLMultisampleRenderTarget ? Math.min(maxSamples, renderTarget.samples) : 0; } function updateVideoTexture(texture) { var frame = info.render.frame; // Check the last frame we updated the VideoTexture if (_videoTextures.get(texture) !== frame) { _videoTextures.set(texture, frame); texture.update(); } } // backwards compatibility var warnedTexture2D = false; var warnedTextureCube = false; function safeSetTexture2D(texture, slot) { if (texture && texture.isWebGLRenderTarget) { if (warnedTexture2D === false) { console.warn('THREE.WebGLTextures.safeSetTexture2D: don\'t use render targets as textures. Use their .texture property instead.'); warnedTexture2D = true; } texture = texture.texture; } setTexture2D(texture, slot); } function safeSetTextureCube(texture, slot) { if (texture && texture.isWebGLCubeRenderTarget) { if (warnedTextureCube === false) { console.warn('THREE.WebGLTextures.safeSetTextureCube: don\'t use cube render targets as textures. Use their .texture property instead.'); warnedTextureCube = true; } texture = texture.texture; } setTextureCube(texture, slot); } // this.allocateTextureUnit = allocateTextureUnit; this.resetTextureUnits = resetTextureUnits; this.setTexture2D = setTexture2D; this.setTexture2DArray = setTexture2DArray; this.setTexture3D = setTexture3D; this.setTextureCube = setTextureCube; this.setupRenderTarget = setupRenderTarget; this.updateRenderTargetMipmap = updateRenderTargetMipmap; this.updateMultisampleRenderTarget = updateMultisampleRenderTarget; this.safeSetTexture2D = safeSetTexture2D; this.safeSetTextureCube = safeSetTextureCube; } function WebGLUtils(gl, extensions, capabilities) { var isWebGL2 = capabilities.isWebGL2; function convert(p) { var extension; if (p === UnsignedByteType) return 5121; if (p === UnsignedShort4444Type) return 32819; if (p === UnsignedShort5551Type) return 32820; if (p === UnsignedShort565Type) return 33635; if (p === ByteType) return 5120; if (p === ShortType) return 5122; if (p === UnsignedShortType) return 5123; if (p === IntType) return 5124; if (p === UnsignedIntType) return 5125; if (p === FloatType) return 5126; if (p === HalfFloatType) { if (isWebGL2) return 5131; extension = extensions.get('OES_texture_half_float'); if (extension !== null) { return extension.HALF_FLOAT_OES; } else { return null; } } if (p === AlphaFormat) return 6406; if (p === RGBFormat) return 6407; if (p === RGBAFormat) return 6408; if (p === LuminanceFormat) return 6409; if (p === LuminanceAlphaFormat) return 6410; if (p === DepthFormat) return 6402; if (p === DepthStencilFormat) return 34041; if (p === RedFormat) return 6403; // WebGL2 formats. if (p === RedIntegerFormat) return 36244; if (p === RGFormat) return 33319; if (p === RGIntegerFormat) return 33320; if (p === RGBIntegerFormat) return 36248; if (p === RGBAIntegerFormat) return 36249; if (p === RGB_S3TC_DXT1_Format || p === RGBA_S3TC_DXT1_Format || p === RGBA_S3TC_DXT3_Format || p === RGBA_S3TC_DXT5_Format) { extension = extensions.get('WEBGL_compressed_texture_s3tc'); if (extension !== null) { if (p === RGB_S3TC_DXT1_Format) return extension.COMPRESSED_RGB_S3TC_DXT1_EXT; if (p === RGBA_S3TC_DXT1_Format) return extension.COMPRESSED_RGBA_S3TC_DXT1_EXT; if (p === RGBA_S3TC_DXT3_Format) return extension.COMPRESSED_RGBA_S3TC_DXT3_EXT; if (p === RGBA_S3TC_DXT5_Format) return extension.COMPRESSED_RGBA_S3TC_DXT5_EXT; } else { return null; } } if (p === RGB_PVRTC_4BPPV1_Format || p === RGB_PVRTC_2BPPV1_Format || p === RGBA_PVRTC_4BPPV1_Format || p === RGBA_PVRTC_2BPPV1_Format) { extension = extensions.get('WEBGL_compressed_texture_pvrtc'); if (extension !== null) { if (p === RGB_PVRTC_4BPPV1_Format) return extension.COMPRESSED_RGB_PVRTC_4BPPV1_IMG; if (p === RGB_PVRTC_2BPPV1_Format) return extension.COMPRESSED_RGB_PVRTC_2BPPV1_IMG; if (p === RGBA_PVRTC_4BPPV1_Format) return extension.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG; if (p === RGBA_PVRTC_2BPPV1_Format) return extension.COMPRESSED_RGBA_PVRTC_2BPPV1_IMG; } else { return null; } } if (p === RGB_ETC1_Format) { extension = extensions.get('WEBGL_compressed_texture_etc1'); if (extension !== null) { return extension.COMPRESSED_RGB_ETC1_WEBGL; } else { return null; } } if (p === RGB_ETC2_Format || p === RGBA_ETC2_EAC_Format) { extension = extensions.get('WEBGL_compressed_texture_etc'); if (extension !== null) { if (p === RGB_ETC2_Format) return extension.COMPRESSED_RGB8_ETC2; if (p === RGBA_ETC2_EAC_Format) return extension.COMPRESSED_RGBA8_ETC2_EAC; } } if (p === RGBA_ASTC_4x4_Format || p === RGBA_ASTC_5x4_Format || p === RGBA_ASTC_5x5_Format || p === RGBA_ASTC_6x5_Format || p === RGBA_ASTC_6x6_Format || p === RGBA_ASTC_8x5_Format || p === RGBA_ASTC_8x6_Format || p === RGBA_ASTC_8x8_Format || p === RGBA_ASTC_10x5_Format || p === RGBA_ASTC_10x6_Format || p === RGBA_ASTC_10x8_Format || p === RGBA_ASTC_10x10_Format || p === RGBA_ASTC_12x10_Format || p === RGBA_ASTC_12x12_Format || p === SRGB8_ALPHA8_ASTC_4x4_Format || p === SRGB8_ALPHA8_ASTC_5x4_Format || p === SRGB8_ALPHA8_ASTC_5x5_Format || p === SRGB8_ALPHA8_ASTC_6x5_Format || p === SRGB8_ALPHA8_ASTC_6x6_Format || p === SRGB8_ALPHA8_ASTC_8x5_Format || p === SRGB8_ALPHA8_ASTC_8x6_Format || p === SRGB8_ALPHA8_ASTC_8x8_Format || p === SRGB8_ALPHA8_ASTC_10x5_Format || p === SRGB8_ALPHA8_ASTC_10x6_Format || p === SRGB8_ALPHA8_ASTC_10x8_Format || p === SRGB8_ALPHA8_ASTC_10x10_Format || p === SRGB8_ALPHA8_ASTC_12x10_Format || p === SRGB8_ALPHA8_ASTC_12x12_Format) { extension = extensions.get('WEBGL_compressed_texture_astc'); if (extension !== null) { // TODO Complete? return p; } else { return null; } } if (p === RGBA_BPTC_Format) { extension = extensions.get('EXT_texture_compression_bptc'); if (extension !== null) { // TODO Complete? return p; } else { return null; } } if (p === UnsignedInt248Type) { if (isWebGL2) return 34042; extension = extensions.get('WEBGL_depth_texture'); if (extension !== null) { return extension.UNSIGNED_INT_24_8_WEBGL; } else { return null; } } } return { convert: convert }; } function Group() { Object3D.call(this); this.type = 'Group'; } Group.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: Group, isGroup: true }); function ArrayCamera(array) { if (array === void 0) { array = []; } PerspectiveCamera.call(this); this.cameras = array; } ArrayCamera.prototype = Object.assign(Object.create(PerspectiveCamera.prototype), { constructor: ArrayCamera, isArrayCamera: true }); /** * @author jsantell / https://www.jsantell.com/ * @author mrdoob / http://mrdoob.com/ */ var cameraLPos = new Vector3(); var cameraRPos = new Vector3(); /** * Assumes 2 cameras that are parallel and share an X-axis, and that * the cameras' projection and world matrices have already been set. * And that near and far planes are identical for both cameras. * Visualization of this technique: https://computergraphics.stackexchange.com/a/4765 */ function setProjectionFromUnion(camera, cameraL, cameraR) { cameraLPos.setFromMatrixPosition(cameraL.matrixWorld); cameraRPos.setFromMatrixPosition(cameraR.matrixWorld); var ipd = cameraLPos.distanceTo(cameraRPos); var projL = cameraL.projectionMatrix.elements; var projR = cameraR.projectionMatrix.elements; // VR systems will have identical far and near planes, and // most likely identical top and bottom frustum extents. // Use the left camera for these values. var near = projL[14] / (projL[10] - 1); var far = projL[14] / (projL[10] + 1); var topFov = (projL[9] + 1) / projL[5]; var bottomFov = (projL[9] - 1) / projL[5]; var leftFov = (projL[8] - 1) / projL[0]; var rightFov = (projR[8] + 1) / projR[0]; var left = near * leftFov; var right = near * rightFov; // Calculate the new camera's position offset from the // left camera. xOffset should be roughly half `ipd`. var zOffset = ipd / (-leftFov + rightFov); var xOffset = zOffset * -leftFov; // TODO: Better way to apply this offset? cameraL.matrixWorld.decompose(camera.position, camera.quaternion, camera.scale); camera.translateX(xOffset); camera.translateZ(zOffset); camera.matrixWorld.compose(camera.position, camera.quaternion, camera.scale); camera.matrixWorldInverse.getInverse(camera.matrixWorld); // Find the union of the frustum values of the cameras and scale // the values so that the near plane's position does not change in world space, // although must now be relative to the new union camera. var near2 = near + zOffset; var far2 = far + zOffset; var left2 = left - xOffset; var right2 = right + (ipd - xOffset); var top2 = topFov * far / far2 * near2; var bottom2 = bottomFov * far / far2 * near2; camera.projectionMatrix.makePerspective(left2, right2, top2, bottom2, near2, far2); } /** * @author mrdoob / http://mrdoob.com/ */ function WebVRManager(renderer) { var renderWidth, renderHeight; var scope = this; var device = null; var frameData = null; var poseTarget = null; var controllers = []; var standingMatrix = new Matrix4(); var standingMatrixInverse = new Matrix4(); var framebufferScaleFactor = 1.0; var referenceSpaceType = 'local-floor'; if (typeof window !== 'undefined' && 'VRFrameData' in window) { frameData = new window.VRFrameData(); window.addEventListener('vrdisplaypresentchange', onVRDisplayPresentChange, false); } var matrixWorldInverse = new Matrix4(); var tempQuaternion = new Quaternion(); var tempPosition = new Vector3(); var cameraL = new PerspectiveCamera(); cameraL.viewport = new Vector4(); cameraL.layers.enable(1); var cameraR = new PerspectiveCamera(); cameraR.viewport = new Vector4(); cameraR.layers.enable(2); var cameraVR = new ArrayCamera([cameraL, cameraR]); cameraVR.layers.enable(1); cameraVR.layers.enable(2); var currentSize = new Vector2(), currentPixelRatio; function onVRDisplayPresentChange() { var isPresenting = scope.isPresenting = device !== null && device.isPresenting === true; if (isPresenting) { var eyeParameters = device.getEyeParameters('left'); renderWidth = 2 * eyeParameters.renderWidth * framebufferScaleFactor; renderHeight = eyeParameters.renderHeight * framebufferScaleFactor; currentPixelRatio = renderer.getPixelRatio(); renderer.getSize(currentSize); renderer.setDrawingBufferSize(renderWidth, renderHeight, 1); cameraL.viewport.set(0, 0, renderWidth / 2, renderHeight); cameraR.viewport.set(renderWidth / 2, 0, renderWidth / 2, renderHeight); animation.start(); scope.dispatchEvent({ type: 'sessionstart' }); } else { if (scope.enabled) { renderer.setDrawingBufferSize(currentSize.width, currentSize.height, currentPixelRatio); } animation.stop(); scope.dispatchEvent({ type: 'sessionend' }); } } // var triggers = []; var grips = []; function findGamepad(id) { var gamepads = navigator.getGamepads && navigator.getGamepads(); for (var i = 0, l = gamepads.length; i < l; i++) { var gamepad = gamepads[i]; if (gamepad && (gamepad.id === 'Daydream Controller' || gamepad.id === 'Gear VR Controller' || gamepad.id === 'Oculus Go Controller' || gamepad.id === 'OpenVR Gamepad' || gamepad.id.startsWith('Oculus Touch') || gamepad.id.startsWith('HTC Vive Focus') || gamepad.id.startsWith('Spatial Controller'))) { var hand = gamepad.hand; if (id === 0 && (hand === '' || hand === 'right')) return gamepad; if (id === 1 && hand === 'left') return gamepad; } } } function updateControllers() { for (var i = 0; i < controllers.length; i++) { var controller = controllers[i]; var gamepad = findGamepad(i); if (gamepad !== undefined && gamepad.pose !== undefined) { if (gamepad.pose === null) return; // Pose var pose = gamepad.pose; if (pose.hasPosition === false) controller.position.set(0.2, -0.6, -0.05); if (pose.position !== null) controller.position.fromArray(pose.position); if (pose.orientation !== null) controller.quaternion.fromArray(pose.orientation); controller.matrix.compose(controller.position, controller.quaternion, controller.scale); controller.matrix.premultiply(standingMatrix); controller.matrix.decompose(controller.position, controller.quaternion, controller.scale); controller.matrixWorldNeedsUpdate = true; controller.visible = true; // Trigger var buttonId = gamepad.id === 'Daydream Controller' ? 0 : 1; if (triggers[i] === undefined) triggers[i] = false; if (triggers[i] !== gamepad.buttons[buttonId].pressed) { triggers[i] = gamepad.buttons[buttonId].pressed; if (triggers[i] === true) { controller.dispatchEvent({ type: 'selectstart' }); } else { controller.dispatchEvent({ type: 'selectend' }); controller.dispatchEvent({ type: 'select' }); } } // Grip buttonId = 2; if (grips[i] === undefined) grips[i] = false; // Skip if the grip button doesn't exist on this controller if (gamepad.buttons[buttonId] !== undefined) { if (grips[i] !== gamepad.buttons[buttonId].pressed) { grips[i] = gamepad.buttons[buttonId].pressed; if (grips[i] === true) { controller.dispatchEvent({ type: 'squeezestart' }); } else { controller.dispatchEvent({ type: 'squeezeend' }); controller.dispatchEvent({ type: 'squeeze' }); } } } } else { controller.visible = false; } } } function updateViewportFromBounds(viewport, bounds) { if (bounds !== null && bounds.length === 4) { viewport.set(bounds[0] * renderWidth, bounds[1] * renderHeight, bounds[2] * renderWidth, bounds[3] * renderHeight); } } // this.enabled = false; this.getController = function (id) { var controller = controllers[id]; if (controller === undefined) { controller = new Group(); controller.matrixAutoUpdate = false; controller.visible = false; controllers[id] = controller; } return controller; }; this.getDevice = function () { return device; }; this.setDevice = function (value) { if (value !== undefined) device = value; animation.setContext(value); }; this.setFramebufferScaleFactor = function (value) { framebufferScaleFactor = value; }; this.setReferenceSpaceType = function (value) { referenceSpaceType = value; }; this.setPoseTarget = function (object) { if (object !== undefined) poseTarget = object; }; this.getCamera = function (camera) { var userHeight = referenceSpaceType === 'local-floor' ? 1.6 : 0; device.depthNear = camera.near; device.depthFar = camera.far; device.getFrameData(frameData); // if (referenceSpaceType === 'local-floor') { var stageParameters = device.stageParameters; if (stageParameters) { standingMatrix.fromArray(stageParameters.sittingToStandingTransform); } else { standingMatrix.makeTranslation(0, userHeight, 0); } } var pose = frameData.pose; var poseObject = poseTarget !== null ? poseTarget : camera; // We want to manipulate poseObject by its position and quaternion components since users may rely on them. poseObject.matrix.copy(standingMatrix); poseObject.matrix.decompose(poseObject.position, poseObject.quaternion, poseObject.scale); if (pose.orientation !== null) { tempQuaternion.fromArray(pose.orientation); poseObject.quaternion.multiply(tempQuaternion); } if (pose.position !== null) { tempQuaternion.setFromRotationMatrix(standingMatrix); tempPosition.fromArray(pose.position); tempPosition.applyQuaternion(tempQuaternion); poseObject.position.add(tempPosition); } poseObject.updateMatrixWorld(); var children = poseObject.children; for (var i = 0, l = children.length; i < l; i++) { children[i].updateMatrixWorld(true); } // cameraL.near = camera.near; cameraR.near = camera.near; cameraL.far = camera.far; cameraR.far = camera.far; cameraL.matrixWorldInverse.fromArray(frameData.leftViewMatrix); cameraR.matrixWorldInverse.fromArray(frameData.rightViewMatrix); // TODO (mrdoob) Double check this code standingMatrixInverse.getInverse(standingMatrix); if (referenceSpaceType === 'local-floor') { cameraL.matrixWorldInverse.multiply(standingMatrixInverse); cameraR.matrixWorldInverse.multiply(standingMatrixInverse); } var parent = poseObject.parent; if (parent !== null) { matrixWorldInverse.getInverse(parent.matrixWorld); cameraL.matrixWorldInverse.multiply(matrixWorldInverse); cameraR.matrixWorldInverse.multiply(matrixWorldInverse); } // envMap and Mirror needs camera.matrixWorld cameraL.matrixWorld.getInverse(cameraL.matrixWorldInverse); cameraR.matrixWorld.getInverse(cameraR.matrixWorldInverse); cameraL.projectionMatrix.fromArray(frameData.leftProjectionMatrix); cameraR.projectionMatrix.fromArray(frameData.rightProjectionMatrix); setProjectionFromUnion(cameraVR, cameraL, cameraR); // var layers = device.getLayers(); if (layers.length) { var layer = layers[0]; updateViewportFromBounds(cameraL.viewport, layer.leftBounds); updateViewportFromBounds(cameraR.viewport, layer.rightBounds); } updateControllers(); return cameraVR; }; this.getStandingMatrix = function () { return standingMatrix; }; this.isPresenting = false; // Animation Loop var animation = new WebGLAnimation(); this.setAnimationLoop = function (callback) { animation.setAnimationLoop(callback); if (this.isPresenting) animation.start(); }; this.submitFrame = function () { if (this.isPresenting) device.submitFrame(); }; this.dispose = function () { if (typeof window !== 'undefined') { window.removeEventListener('vrdisplaypresentchange', onVRDisplayPresentChange); } }; // DEPRECATED this.setFrameOfReferenceType = function () { console.warn('THREE.WebVRManager: setFrameOfReferenceType() has been deprecated.'); }; } Object.assign(WebVRManager.prototype, EventDispatcher.prototype); function WebXRController() { this._targetRay = null; this._grip = null; this._hand = null; } Object.assign(WebXRController.prototype, { constructor: WebXRController, getHandSpace: function getHandSpace() { if (this._hand === null) { this._hand = new Group(); this._hand.matrixAutoUpdate = false; this._hand.visible = false; this._hand.joints = {}; this._hand.inputState = { pinching: false }; } return this._hand; }, getTargetRaySpace: function getTargetRaySpace() { if (this._targetRay === null) { this._targetRay = new Group(); this._targetRay.matrixAutoUpdate = false; this._targetRay.visible = false; } return this._targetRay; }, getGripSpace: function getGripSpace() { if (this._grip === null) { this._grip = new Group(); this._grip.matrixAutoUpdate = false; this._grip.visible = false; } return this._grip; }, dispatchEvent: function dispatchEvent(event) { if (this._targetRay !== null) { this._targetRay.dispatchEvent(event); } if (this._grip !== null) { this._grip.dispatchEvent(event); } if (this._hand !== null) { this._hand.dispatchEvent(event); } return this; }, disconnect: function disconnect(inputSource) { this.dispatchEvent({ type: 'disconnected', data: inputSource }); if (this._targetRay !== null) { this._targetRay.visible = false; } if (this._grip !== null) { this._grip.visible = false; } if (this._hand !== null) { this._hand.visible = false; } return this; }, update: function update(inputSource, frame, referenceSpace) { var inputPose = null; var gripPose = null; var handPose = null; var targetRay = this._targetRay; var grip = this._grip; var hand = this._hand; if (inputSource && frame.session.visibilityState !== 'visible-blurred') { if (hand && inputSource.hand) { handPose = true; for (var _iterator = _createForOfIteratorHelperLoose(inputSource.hand.values()), _step; !(_step = _iterator()).done;) { var inputjoint = _step.value; // Update the joints groups with the XRJoint poses var jointPose = frame.getJointPose(inputjoint, referenceSpace); if (hand.joints[inputjoint.jointName] === undefined) { // The transform of this joint will be updated with the joint pose on each frame var _joint = new Group(); _joint.matrixAutoUpdate = false; _joint.visible = false; hand.joints[inputjoint.jointName] = _joint; // ?? hand.add(_joint); } var joint = hand.joints[inputjoint.jointName]; if (jointPose !== null) { joint.matrix.fromArray(jointPose.transform.matrix); joint.matrix.decompose(joint.position, joint.rotation, joint.scale); joint.jointRadius = jointPose.radius; } joint.visible = jointPose !== null; } // Custom events // Check pinchz var indexTip = hand.joints['index-finger-tip']; var thumbTip = hand.joints['thumb-tip']; var distance = indexTip.position.distanceTo(thumbTip.position); var distanceToPinch = 0.02; var threshold = 0.005; if (hand.inputState.pinching && distance > distanceToPinch + threshold) { hand.inputState.pinching = false; this.dispatchEvent({ type: 'pinchend', handedness: inputSource.handedness, target: this }); } else if (!hand.inputState.pinching && distance <= distanceToPinch - threshold) { hand.inputState.pinching = true; this.dispatchEvent({ type: 'pinchstart', handedness: inputSource.handedness, target: this }); } } else { if (targetRay !== null) { inputPose = frame.getPose(inputSource.targetRaySpace, referenceSpace); if (inputPose !== null) { targetRay.matrix.fromArray(inputPose.transform.matrix); targetRay.matrix.decompose(targetRay.position, targetRay.rotation, targetRay.scale); } } if (grip !== null && inputSource.gripSpace) { gripPose = frame.getPose(inputSource.gripSpace, referenceSpace); if (gripPose !== null) { grip.matrix.fromArray(gripPose.transform.matrix); grip.matrix.decompose(grip.position, grip.rotation, grip.scale); } } } } if (targetRay !== null) { targetRay.visible = inputPose !== null; } if (grip !== null) { grip.visible = gripPose !== null; } if (hand !== null) { hand.visible = handPose !== null; } return this; } }); function WebXRManager(renderer, gl) { var scope = this; var session = null; var framebufferScaleFactor = 1.0; var referenceSpace = null; var referenceSpaceType = 'local-floor'; var pose = null; var poseTarget = null; var controllers = []; var inputSourcesMap = new Map(); var layers = []; var baseLayer; // var cameraL = new PerspectiveCamera(); cameraL.layers.enable(1); cameraL.viewport = new Vector4(); var cameraR = new PerspectiveCamera(); cameraR.layers.enable(2); cameraR.viewport = new Vector4(); var cameras = [cameraL, cameraR]; var cameraVR = new ArrayCamera(); cameraVR.layers.enable(1); cameraVR.layers.enable(2); var _currentDepthNear = null; var _currentDepthFar = null; // this.layersEnabled = false; this.enabled = false; this.isPresenting = false; this.getCameraPose = function () { return pose; }; this.getController = function (index) { var controller = controllers[index]; if (controller === undefined) { controller = new WebXRController(); controllers[index] = controller; } return controller.getTargetRaySpace(); }; this.getControllerGrip = function (index) { var controller = controllers[index]; if (controller === undefined) { controller = new WebXRController(); controllers[index] = controller; } return controller.getGripSpace(); }; this.getHand = function (index) { var controller = controllers[index]; if (controller === undefined) { controller = new WebXRController(); controllers[index] = controller; } return controller.getHandSpace(); }; // function onSessionEvent(event) { var controller = inputSourcesMap.get(event.inputSource); if (controller) { controller.dispatchEvent({ type: event.type, data: event.inputSource }); } } function onSessionEnd() { inputSourcesMap.forEach(function (controller, inputSource) { controller.disconnect(inputSource); }); inputSourcesMap.clear(); _currentDepthNear = null; _currentDepthFar = null; // renderer.setFramebuffer(null); renderer.setRenderTarget(renderer.getRenderTarget()); // Hack #15830 animation.stop(); scope.isPresenting = false; scope.dispatchEvent({ type: 'sessionend' }); } this.setFramebufferScaleFactor = function (value) { framebufferScaleFactor = value; if (scope.isPresenting === true) { console.warn('THREE.WebXRManager: Cannot change framebuffer scale while presenting.'); } }; this.setReferenceSpaceType = function (value) { referenceSpaceType = value; if (scope.isPresenting === true) { console.warn('THREE.WebXRManager: Cannot change reference space type while presenting.'); } }; this.getReferenceSpace = function () { return referenceSpace; }; this.getSession = function () { return session; }; this.setSession = /*#__PURE__*/function () { var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(value) { var attributes, layerInit; return regeneratorRuntime.wrap(function _callee$(_context) { while (1) { switch (_context.prev = _context.next) { case 0: session = value; if (!(session !== null)) { _context.next = 24; break; } session.addEventListener('select', onSessionEvent); session.addEventListener('selectstart', onSessionEvent); session.addEventListener('selectend', onSessionEvent); session.addEventListener('squeeze', onSessionEvent); session.addEventListener('squeezestart', onSessionEvent); session.addEventListener('squeezeend', onSessionEvent); session.addEventListener('end', onSessionEnd); session.addEventListener('inputsourceschange', onInputSourcesChange); attributes = gl.getContextAttributes(); if (!(attributes.xrCompatible !== true)) { _context.next = 14; break; } _context.next = 14; return gl.makeXRCompatible(); case 14: layerInit = { antialias: attributes.antialias, alpha: attributes.alpha, depth: attributes.depth, stencil: attributes.stencil, framebufferScaleFactor: framebufferScaleFactor }; // eslint-disable-next-line no-undef baseLayer = new XRWebGLLayer(session, gl, layerInit); if (window.XRWebGLBinding && this.layersEnabled) { this.addLayer(baseLayer); } else { session.updateRenderState({ baseLayer: baseLayer }); } _context.next = 19; return session.requestReferenceSpace(referenceSpaceType); case 19: referenceSpace = _context.sent; animation.setContext(session); animation.start(); scope.isPresenting = true; scope.dispatchEvent({ type: 'sessionstart' }); case 24: case "end": return _context.stop(); } } }, _callee, this); })); return function (_x) { return _ref.apply(this, arguments); }; }(); this.addLayer = function (layer) { if (!window.XRWebGLBinding || !this.layersEnabled || !session) { return; } layers.push(layer); session.updateRenderState({ layers: layers }); }; this.removeLayer = function (layer) { if (!window.XRWebGLBinding || !this.layersEnabled || !session) { return; } layers.splice(layers.indexOf(layer), 1); session.updateRenderState({ layers: layers }); }; function onInputSourcesChange(event) { var inputSources = session.inputSources; // Assign inputSources to available controllers for (var i = 0; i < controllers.length; i++) { inputSourcesMap.set(inputSources[i], controllers[i]); } // Notify disconnected for (var _i = 0; _i < event.removed.length; _i++) { var inputSource = event.removed[_i]; var controller = inputSourcesMap.get(inputSource); if (controller) { controller.dispatchEvent({ type: 'disconnected', data: inputSource }); inputSourcesMap.delete(inputSource); } } // Notify connected for (var _i2 = 0; _i2 < event.added.length; _i2++) { var _inputSource = event.added[_i2]; var _controller = inputSourcesMap.get(_inputSource); if (_controller) { _controller.dispatchEvent({ type: 'connected', data: _inputSource }); } } } // var cameraLPos = new Vector3(); var cameraRPos = new Vector3(); /** * Assumes 2 cameras that are parallel and share an X-axis, and that * the cameras' projection and world matrices have already been set. * And that near and far planes are identical for both cameras. * Visualization of this technique: https://computergraphics.stackexchange.com/a/4765 */ function setProjectionFromUnion(camera, cameraL, cameraR) { cameraLPos.setFromMatrixPosition(cameraL.matrixWorld); cameraRPos.setFromMatrixPosition(cameraR.matrixWorld); var ipd = cameraLPos.distanceTo(cameraRPos); var projL = cameraL.projectionMatrix.elements; var projR = cameraR.projectionMatrix.elements; // VR systems will have identical far and near planes, and // most likely identical top and bottom frustum extents. // Use the left camera for these values. var near = projL[14] / (projL[10] - 1); var far = projL[14] / (projL[10] + 1); var topFov = (projL[9] + 1) / projL[5]; var bottomFov = (projL[9] - 1) / projL[5]; var leftFov = (projL[8] - 1) / projL[0]; var rightFov = (projR[8] + 1) / projR[0]; var left = near * leftFov; var right = near * rightFov; // Calculate the new camera's position offset from the // left camera. xOffset should be roughly half `ipd`. var zOffset = ipd / (-leftFov + rightFov); var xOffset = zOffset * -leftFov; // TODO: Better way to apply this offset? cameraL.matrixWorld.decompose(camera.position, camera.quaternion, camera.scale); camera.translateX(xOffset); camera.translateZ(zOffset); camera.matrixWorld.compose(camera.position, camera.quaternion, camera.scale); camera.matrixWorldInverse.copy(camera.matrixWorld).invert(); // Find the union of the frustum values of the cameras and scale // the values so that the near plane's position does not change in world space, // although must now be relative to the new union camera. var near2 = near + zOffset; var far2 = far + zOffset; var left2 = left - xOffset; var right2 = right + (ipd - xOffset); var top2 = topFov * far / far2 * near2; var bottom2 = bottomFov * far / far2 * near2; camera.projectionMatrix.makePerspective(left2, right2, top2, bottom2, near2, far2); } function updateCamera(camera, parent) { if (parent === null) { camera.matrixWorld.copy(camera.matrix); } else { camera.matrixWorld.multiplyMatrices(parent.matrixWorld, camera.matrix); } camera.matrixWorldInverse.copy(camera.matrixWorld).invert(); } this.setPoseTarget = function (object) { if (object !== undefined) poseTarget = object; }; this.getCamera = function (camera) { cameraVR.near = cameraR.near = cameraL.near = camera.near; cameraVR.far = cameraR.far = cameraL.far = camera.far; if (_currentDepthNear !== cameraVR.near || _currentDepthFar !== cameraVR.far) { // Note that the new renderState won't apply until the next frame. See #18320 session.updateRenderState({ depthNear: cameraVR.near, depthFar: cameraVR.far }); _currentDepthNear = cameraVR.near; _currentDepthFar = cameraVR.far; } var parent = camera.parent; var cameras = cameraVR.cameras; var object = poseTarget || camera; updateCamera(cameraVR, parent); for (var i = 0; i < cameras.length; i++) { updateCamera(cameras[i], parent); } // update camera and its children object.matrixWorld.copy(cameraVR.matrixWorld); var children = object.children; for (var _i3 = 0, l = children.length; _i3 < l; _i3++) { children[_i3].updateMatrixWorld(true); } // update projection matrix for proper view frustum culling if (cameras.length === 2) { setProjectionFromUnion(cameraVR, cameraL, cameraR); } else { // assume single camera setup (AR) cameraVR.projectionMatrix.copy(cameraL.projectionMatrix); } return cameraVR; }; // Animation Loop var onAnimationFrameCallback = null; function onAnimationFrame(time, frame) { pose = frame.getViewerPose(referenceSpace); if (pose !== null) { var views = pose.views; renderer.setFramebuffer(baseLayer.framebuffer); var cameraVRNeedsUpdate = false; // check if it's necessary to rebuild cameraVR's camera list if (views.length !== cameraVR.cameras.length) { cameraVR.cameras.length = 0; cameraVRNeedsUpdate = true; } for (var i = 0; i < views.length; i++) { var view = views[i]; var viewport = baseLayer.getViewport(view); var camera = cameras[i]; camera.matrix.fromArray(view.transform.matrix); camera.projectionMatrix.fromArray(view.projectionMatrix); camera.viewport.set(viewport.x, viewport.y, viewport.width, viewport.height); if (i === 0) { cameraVR.matrix.copy(camera.matrix); } if (cameraVRNeedsUpdate === true) { cameraVR.cameras.push(camera); } } } // var inputSources = session.inputSources; for (var _i4 = 0; _i4 < controllers.length; _i4++) { var controller = controllers[_i4]; var inputSource = inputSources[_i4]; controller.update(inputSource, frame, referenceSpace); } if (onAnimationFrameCallback) onAnimationFrameCallback(time, frame); } var animation = new WebGLAnimation(); animation.setAnimationLoop(onAnimationFrame); this.setAnimationLoop = function (callback) { onAnimationFrameCallback = callback; }; this.dispose = function () {}; } Object.assign(WebXRManager.prototype, EventDispatcher.prototype); function WebGLMaterials(properties) { function refreshFogUniforms(uniforms, fog) { uniforms.fogColor.value.copy(fog.color); if (fog.isFog) { uniforms.fogNear.value = fog.near; uniforms.fogFar.value = fog.far; } else if (fog.isFogExp2) { uniforms.fogDensity.value = fog.density; } } function refreshMaterialUniforms(uniforms, material, pixelRatio, height) { if (material.isMeshBasicMaterial) { refreshUniformsCommon(uniforms, material); } else if (material.isMeshLambertMaterial) { refreshUniformsCommon(uniforms, material); refreshUniformsLambert(uniforms, material); } else if (material.isMeshToonMaterial) { refreshUniformsCommon(uniforms, material); refreshUniformsToon(uniforms, material); } else if (material.isMeshPhongMaterial) { refreshUniformsCommon(uniforms, material); refreshUniformsPhong(uniforms, material); } else if (material.isMeshStandardMaterial) { refreshUniformsCommon(uniforms, material); if (material.isMeshPhysicalMaterial) { refreshUniformsPhysical(uniforms, material); } else { refreshUniformsStandard(uniforms, material); } } else if (material.isMeshMatcapMaterial) { refreshUniformsCommon(uniforms, material); refreshUniformsMatcap(uniforms, material); } else if (material.isMeshDepthMaterial) { refreshUniformsCommon(uniforms, material); refreshUniformsDepth(uniforms, material); } else if (material.isMeshDistanceMaterial) { refreshUniformsCommon(uniforms, material); refreshUniformsDistance(uniforms, material); } else if (material.isMeshNormalMaterial) { refreshUniformsCommon(uniforms, material); refreshUniformsNormal(uniforms, material); } else if (material.isLineBasicMaterial) { refreshUniformsLine(uniforms, material); if (material.isLineDashedMaterial) { refreshUniformsDash(uniforms, material); } } else if (material.isPointsMaterial) { refreshUniformsPoints(uniforms, material, pixelRatio, height); } else if (material.isSpriteMaterial) { refreshUniformsSprites(uniforms, material); } else if (material.isShadowMaterial) { uniforms.color.value.copy(material.color); uniforms.opacity.value = material.opacity; } else if (material.isShaderMaterial) { material.uniformsNeedUpdate = false; // #15581 } } function refreshUniformsCommon(uniforms, material) { uniforms.opacity.value = material.opacity; if (material.color) { uniforms.diffuse.value.copy(material.color); } if (material.emissive) { uniforms.emissive.value.copy(material.emissive).multiplyScalar(material.emissiveIntensity); } if (material.map) { uniforms.map.value = material.map; } if (material.alphaMap) { uniforms.alphaMap.value = material.alphaMap; } if (material.specularMap) { uniforms.specularMap.value = material.specularMap; } var envMap = properties.get(material).envMap; if (envMap) { uniforms.envMap.value = envMap; uniforms.flipEnvMap.value = envMap.isCubeTexture && envMap._needsFlipEnvMap ? -1 : 1; uniforms.reflectivity.value = material.reflectivity; uniforms.refractionRatio.value = material.refractionRatio; var maxMipLevel = properties.get(envMap).__maxMipLevel; if (maxMipLevel !== undefined) { uniforms.maxMipLevel.value = maxMipLevel; } } if (material.lightMap) { uniforms.lightMap.value = material.lightMap; uniforms.lightMapIntensity.value = material.lightMapIntensity; } if (material.aoMap) { uniforms.aoMap.value = material.aoMap; uniforms.aoMapIntensity.value = material.aoMapIntensity; } // uv repeat and offset setting priorities // 1. color map // 2. specular map // 3. displacementMap map // 4. normal map // 5. bump map // 6. roughnessMap map // 7. metalnessMap map // 8. alphaMap map // 9. emissiveMap map // 10. clearcoat map // 11. clearcoat normal map // 12. clearcoat roughnessMap map var uvScaleMap; if (material.map) { uvScaleMap = material.map; } else if (material.specularMap) { uvScaleMap = material.specularMap; } else if (material.displacementMap) { uvScaleMap = material.displacementMap; } else if (material.normalMap) { uvScaleMap = material.normalMap; } else if (material.bumpMap) { uvScaleMap = material.bumpMap; } else if (material.roughnessMap) { uvScaleMap = material.roughnessMap; } else if (material.metalnessMap) { uvScaleMap = material.metalnessMap; } else if (material.alphaMap) { uvScaleMap = material.alphaMap; } else if (material.emissiveMap) { uvScaleMap = material.emissiveMap; } else if (material.clearcoatMap) { uvScaleMap = material.clearcoatMap; } else if (material.clearcoatNormalMap) { uvScaleMap = material.clearcoatNormalMap; } else if (material.clearcoatRoughnessMap) { uvScaleMap = material.clearcoatRoughnessMap; } if (uvScaleMap !== undefined) { // backwards compatibility if (uvScaleMap.isWebGLRenderTarget) { uvScaleMap = uvScaleMap.texture; } if (uvScaleMap.matrixAutoUpdate === true) { uvScaleMap.updateMatrix(); } uniforms.uvTransform.value.copy(uvScaleMap.matrix); } // uv repeat and offset setting priorities for uv2 // 1. ao map // 2. light map var uv2ScaleMap; if (material.aoMap) { uv2ScaleMap = material.aoMap; } else if (material.lightMap) { uv2ScaleMap = material.lightMap; } if (uv2ScaleMap !== undefined) { // backwards compatibility if (uv2ScaleMap.isWebGLRenderTarget) { uv2ScaleMap = uv2ScaleMap.texture; } if (uv2ScaleMap.matrixAutoUpdate === true) { uv2ScaleMap.updateMatrix(); } uniforms.uv2Transform.value.copy(uv2ScaleMap.matrix); } } function refreshUniformsLine(uniforms, material) { uniforms.diffuse.value.copy(material.color); uniforms.opacity.value = material.opacity; } function refreshUniformsDash(uniforms, material) { uniforms.dashSize.value = material.dashSize; uniforms.totalSize.value = material.dashSize + material.gapSize; uniforms.scale.value = material.scale; } function refreshUniformsPoints(uniforms, material, pixelRatio, height) { uniforms.diffuse.value.copy(material.color); uniforms.opacity.value = material.opacity; uniforms.size.value = material.size * pixelRatio; uniforms.scale.value = height * 0.5; if (material.map) { uniforms.map.value = material.map; } if (material.alphaMap) { uniforms.alphaMap.value = material.alphaMap; } // uv repeat and offset setting priorities // 1. color map // 2. alpha map var uvScaleMap; if (material.map) { uvScaleMap = material.map; } else if (material.alphaMap) { uvScaleMap = material.alphaMap; } if (uvScaleMap !== undefined) { if (uvScaleMap.matrixAutoUpdate === true) { uvScaleMap.updateMatrix(); } uniforms.uvTransform.value.copy(uvScaleMap.matrix); } } function refreshUniformsSprites(uniforms, material) { uniforms.diffuse.value.copy(material.color); uniforms.opacity.value = material.opacity; uniforms.rotation.value = material.rotation; if (material.map) { uniforms.map.value = material.map; } if (material.alphaMap) { uniforms.alphaMap.value = material.alphaMap; } // uv repeat and offset setting priorities // 1. color map // 2. alpha map var uvScaleMap; if (material.map) { uvScaleMap = material.map; } else if (material.alphaMap) { uvScaleMap = material.alphaMap; } if (uvScaleMap !== undefined) { if (uvScaleMap.matrixAutoUpdate === true) { uvScaleMap.updateMatrix(); } uniforms.uvTransform.value.copy(uvScaleMap.matrix); } } function refreshUniformsLambert(uniforms, material) { if (material.emissiveMap) { uniforms.emissiveMap.value = material.emissiveMap; } } function refreshUniformsPhong(uniforms, material) { uniforms.specular.value.copy(material.specular); uniforms.shininess.value = Math.max(material.shininess, 1e-4); // to prevent pow( 0.0, 0.0 ) if (material.emissiveMap) { uniforms.emissiveMap.value = material.emissiveMap; } if (material.bumpMap) { uniforms.bumpMap.value = material.bumpMap; uniforms.bumpScale.value = material.bumpScale; if (material.side === BackSide) uniforms.bumpScale.value *= -1; } if (material.normalMap) { uniforms.normalMap.value = material.normalMap; uniforms.normalScale.value.copy(material.normalScale); if (material.side === BackSide) uniforms.normalScale.value.negate(); } if (material.displacementMap) { uniforms.displacementMap.value = material.displacementMap; uniforms.displacementScale.value = material.displacementScale; uniforms.displacementBias.value = material.displacementBias; } } function refreshUniformsToon(uniforms, material) { if (material.gradientMap) { uniforms.gradientMap.value = material.gradientMap; } if (material.emissiveMap) { uniforms.emissiveMap.value = material.emissiveMap; } if (material.bumpMap) { uniforms.bumpMap.value = material.bumpMap; uniforms.bumpScale.value = material.bumpScale; if (material.side === BackSide) uniforms.bumpScale.value *= -1; } if (material.normalMap) { uniforms.normalMap.value = material.normalMap; uniforms.normalScale.value.copy(material.normalScale); if (material.side === BackSide) uniforms.normalScale.value.negate(); } if (material.displacementMap) { uniforms.displacementMap.value = material.displacementMap; uniforms.displacementScale.value = material.displacementScale; uniforms.displacementBias.value = material.displacementBias; } } function refreshUniformsStandard(uniforms, material) { uniforms.roughness.value = material.roughness; uniforms.metalness.value = material.metalness; if (material.roughnessMap) { uniforms.roughnessMap.value = material.roughnessMap; } if (material.metalnessMap) { uniforms.metalnessMap.value = material.metalnessMap; } if (material.emissiveMap) { uniforms.emissiveMap.value = material.emissiveMap; } if (material.bumpMap) { uniforms.bumpMap.value = material.bumpMap; uniforms.bumpScale.value = material.bumpScale; if (material.side === BackSide) uniforms.bumpScale.value *= -1; } if (material.normalMap) { uniforms.normalMap.value = material.normalMap; uniforms.normalScale.value.copy(material.normalScale); if (material.side === BackSide) uniforms.normalScale.value.negate(); } if (material.displacementMap) { uniforms.displacementMap.value = material.displacementMap; uniforms.displacementScale.value = material.displacementScale; uniforms.displacementBias.value = material.displacementBias; } var envMap = properties.get(material).envMap; if (envMap) { //uniforms.envMap.value = material.envMap; // part of uniforms common uniforms.envMapIntensity.value = material.envMapIntensity; } } function refreshUniformsPhysical(uniforms, material) { refreshUniformsStandard(uniforms, material); uniforms.reflectivity.value = material.reflectivity; // also part of uniforms common uniforms.clearcoat.value = material.clearcoat; uniforms.clearcoatRoughness.value = material.clearcoatRoughness; if (material.sheen) uniforms.sheen.value.copy(material.sheen); if (material.clearcoatMap) { uniforms.clearcoatMap.value = material.clearcoatMap; } if (material.clearcoatRoughnessMap) { uniforms.clearcoatRoughnessMap.value = material.clearcoatRoughnessMap; } if (material.clearcoatNormalMap) { uniforms.clearcoatNormalScale.value.copy(material.clearcoatNormalScale); uniforms.clearcoatNormalMap.value = material.clearcoatNormalMap; if (material.side === BackSide) { uniforms.clearcoatNormalScale.value.negate(); } } uniforms.transmission.value = material.transmission; if (material.transmissionMap) { uniforms.transmissionMap.value = material.transmissionMap; } } function refreshUniformsMatcap(uniforms, material) { if (material.matcap) { uniforms.matcap.value = material.matcap; } if (material.bumpMap) { uniforms.bumpMap.value = material.bumpMap; uniforms.bumpScale.value = material.bumpScale; if (material.side === BackSide) uniforms.bumpScale.value *= -1; } if (material.normalMap) { uniforms.normalMap.value = material.normalMap; uniforms.normalScale.value.copy(material.normalScale); if (material.side === BackSide) uniforms.normalScale.value.negate(); } if (material.displacementMap) { uniforms.displacementMap.value = material.displacementMap; uniforms.displacementScale.value = material.displacementScale; uniforms.displacementBias.value = material.displacementBias; } } function refreshUniformsDepth(uniforms, material) { if (material.displacementMap) { uniforms.displacementMap.value = material.displacementMap; uniforms.displacementScale.value = material.displacementScale; uniforms.displacementBias.value = material.displacementBias; } } function refreshUniformsDistance(uniforms, material) { if (material.displacementMap) { uniforms.displacementMap.value = material.displacementMap; uniforms.displacementScale.value = material.displacementScale; uniforms.displacementBias.value = material.displacementBias; } uniforms.referencePosition.value.copy(material.referencePosition); uniforms.nearDistance.value = material.nearDistance; uniforms.farDistance.value = material.farDistance; } function refreshUniformsNormal(uniforms, material) { if (material.bumpMap) { uniforms.bumpMap.value = material.bumpMap; uniforms.bumpScale.value = material.bumpScale; if (material.side === BackSide) uniforms.bumpScale.value *= -1; } if (material.normalMap) { uniforms.normalMap.value = material.normalMap; uniforms.normalScale.value.copy(material.normalScale); if (material.side === BackSide) uniforms.normalScale.value.negate(); } if (material.displacementMap) { uniforms.displacementMap.value = material.displacementMap; uniforms.displacementScale.value = material.displacementScale; uniforms.displacementBias.value = material.displacementBias; } } return { refreshFogUniforms: refreshFogUniforms, refreshMaterialUniforms: refreshMaterialUniforms }; } function createCanvasElement() { var canvas = document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas'); canvas.style.display = 'block'; return canvas; } function WebGLRenderer(parameters) { parameters = parameters || {}; var _canvas = parameters.canvas !== undefined ? parameters.canvas : createCanvasElement(), _context = parameters.context !== undefined ? parameters.context : null, _alpha = parameters.alpha !== undefined ? parameters.alpha : false, _depth = parameters.depth !== undefined ? parameters.depth : true, _stencil = parameters.stencil !== undefined ? parameters.stencil : true, _antialias = parameters.antialias !== undefined ? parameters.antialias : false, _premultipliedAlpha = parameters.premultipliedAlpha !== undefined ? parameters.premultipliedAlpha : true, _preserveDrawingBuffer = parameters.preserveDrawingBuffer !== undefined ? parameters.preserveDrawingBuffer : false, _powerPreference = parameters.powerPreference !== undefined ? parameters.powerPreference : 'default', _failIfMajorPerformanceCaveat = parameters.failIfMajorPerformanceCaveat !== undefined ? parameters.failIfMajorPerformanceCaveat : false; var currentRenderList = null; var currentRenderState = null; // render() can be called from within a callback triggered by another render. // We track this so that the nested render call gets its state isolated from the parent render call. var renderStateStack = []; // public properties this.domElement = _canvas; // Debug configuration container this.debug = { /** * Enables error checking and reporting when shader programs are being compiled * @type {boolean} */ checkShaderErrors: true }; // clearing this.autoClear = true; this.autoClearColor = true; this.autoClearDepth = true; this.autoClearStencil = true; // scene graph this.sortObjects = true; // user-defined clipping this.clippingPlanes = []; this.localClippingEnabled = false; // physically based shading this.gammaFactor = 2.0; // for backwards compatibility this.outputEncoding = LinearEncoding; // physical lights this.physicallyCorrectLights = false; // tone mapping this.toneMapping = NoToneMapping; this.toneMappingExposure = 1.0; // morphs this.maxMorphTargets = 8; this.maxMorphNormals = 4; // internal properties var _this = this; var _isContextLost = false; // internal state cache var _framebuffer = null; var _currentActiveCubeFace = 0; var _currentActiveMipmapLevel = 0; var _currentRenderTarget = null; var _currentFramebuffer = null; var _currentMaterialId = -1; var _currentCamera = null; var _currentViewport = new Vector4(); var _currentScissor = new Vector4(); var _currentScissorTest = null; // var _width = _canvas.width; var _height = _canvas.height; var _pixelRatio = 1; var _opaqueSort = null; var _transparentSort = null; var _viewport = new Vector4(0, 0, _width, _height); var _scissor = new Vector4(0, 0, _width, _height); var _scissorTest = false; // frustum var _frustum = new Frustum(); // clipping var _clippingEnabled = false; var _localClippingEnabled = false; // camera matrices cache var _projScreenMatrix = new Matrix4(); var _vector3 = new Vector3(); var _emptyScene = { background: null, fog: null, environment: null, overrideMaterial: null, isScene: true }; function getTargetPixelRatio() { return _currentRenderTarget === null ? _pixelRatio : 1; } // initialize var _gl = _context; function getContext(contextNames, contextAttributes) { for (var i = 0; i < contextNames.length; i++) { var contextName = contextNames[i]; var context = _canvas.getContext(contextName, contextAttributes); if (context !== null) return context; } return null; } try { var contextAttributes = { alpha: _alpha, depth: _depth, stencil: _stencil, antialias: _antialias, premultipliedAlpha: _premultipliedAlpha, preserveDrawingBuffer: _preserveDrawingBuffer, powerPreference: _powerPreference, failIfMajorPerformanceCaveat: _failIfMajorPerformanceCaveat }; // event listeners must be registered before WebGL context is created, see #12753 _canvas.addEventListener('webglcontextlost', onContextLost, false); _canvas.addEventListener('webglcontextrestored', onContextRestore, false); if (_gl === null) { var contextNames = ['webgl2', 'webgl', 'experimental-webgl']; if (_this.isWebGL1Renderer === true) { contextNames.shift(); } _gl = getContext(contextNames, contextAttributes); if (_gl === null) { if (getContext(contextNames)) { throw new Error('Error creating WebGL context with your selected attributes.'); } else { throw new Error('Error creating WebGL context.'); } } } // Some experimental-webgl implementations do not have getShaderPrecisionFormat if (_gl.getShaderPrecisionFormat === undefined) { _gl.getShaderPrecisionFormat = function () { return { 'rangeMin': 1, 'rangeMax': 1, 'precision': 1 }; }; } } catch (error) { console.error('THREE.WebGLRenderer: ' + error.message); throw error; } var extensions, capabilities, state, info; var properties, textures, cubemaps, attributes, geometries, objects; var programCache, materials, renderLists, renderStates, clipping; var background, morphtargets, bufferRenderer, indexedBufferRenderer; var utils, bindingStates; function initGLContext() { extensions = new WebGLExtensions(_gl); capabilities = new WebGLCapabilities(_gl, extensions, parameters); extensions.init(capabilities); utils = new WebGLUtils(_gl, extensions, capabilities); state = new WebGLState(_gl, extensions, capabilities); state.scissor(_currentScissor.copy(_scissor).multiplyScalar(_pixelRatio).floor()); state.viewport(_currentViewport.copy(_viewport).multiplyScalar(_pixelRatio).floor()); info = new WebGLInfo(_gl); properties = new WebGLProperties(); textures = new WebGLTextures(_gl, extensions, state, properties, capabilities, utils, info); cubemaps = new WebGLCubeMaps(_this); attributes = new WebGLAttributes(_gl, capabilities); bindingStates = new WebGLBindingStates(_gl, extensions, attributes, capabilities); geometries = new WebGLGeometries(_gl, attributes, info, bindingStates); objects = new WebGLObjects(_gl, geometries, attributes, info); morphtargets = new WebGLMorphtargets(_gl); clipping = new WebGLClipping(properties); programCache = new WebGLPrograms(_this, cubemaps, extensions, capabilities, bindingStates, clipping); materials = new WebGLMaterials(properties); renderLists = new WebGLRenderLists(properties); renderStates = new WebGLRenderStates(extensions, capabilities); background = new WebGLBackground(_this, cubemaps, state, objects, _premultipliedAlpha); bufferRenderer = new WebGLBufferRenderer(_gl, extensions, info, capabilities); indexedBufferRenderer = new WebGLIndexedBufferRenderer(_gl, extensions, info, capabilities); info.programs = programCache.programs; _this.capabilities = capabilities; _this.extensions = extensions; _this.properties = properties; _this.renderLists = renderLists; _this.state = state; _this.info = info; } initGLContext(); var xr = typeof navigator !== 'undefined' && 'xr' in navigator ? new WebXRManager(_this, _gl) : new WebVRManager(_this); this.xr = xr; // shadow map var shadowMap = new WebGLShadowMap(_this, objects, capabilities.maxTextureSize); this.shadowMap = shadowMap; // API this.getContext = function () { return _gl; }; this.getContextAttributes = function () { return _gl.getContextAttributes(); }; this.forceContextLoss = function () { var extension = extensions.get('WEBGL_lose_context'); if (extension) extension.loseContext(); }; this.forceContextRestore = function () { var extension = extensions.get('WEBGL_lose_context'); if (extension) extension.restoreContext(); }; this.getPixelRatio = function () { return _pixelRatio; }; this.setPixelRatio = function (value) { if (value === undefined) return; _pixelRatio = value; this.setSize(_width, _height, false); }; this.getSize = function (target) { if (target === undefined) { console.warn('WebGLRenderer: .getsize() now requires a Vector2 as an argument'); target = new Vector2(); } return target.set(_width, _height); }; this.setSize = function (width, height, updateStyle) { if (xr.isPresenting) { console.warn('THREE.WebGLRenderer: Can\'t change size while VR device is presenting.'); return; } _width = width; _height = height; _canvas.width = Math.floor(width * _pixelRatio); _canvas.height = Math.floor(height * _pixelRatio); if (updateStyle !== false) { _canvas.style.width = width + 'px'; _canvas.style.height = height + 'px'; } this.setViewport(0, 0, width, height); }; this.getDrawingBufferSize = function (target) { if (target === undefined) { console.warn('WebGLRenderer: .getdrawingBufferSize() now requires a Vector2 as an argument'); target = new Vector2(); } return target.set(_width * _pixelRatio, _height * _pixelRatio).floor(); }; this.setDrawingBufferSize = function (width, height, pixelRatio) { _width = width; _height = height; _pixelRatio = pixelRatio; _canvas.width = Math.floor(width * pixelRatio); _canvas.height = Math.floor(height * pixelRatio); this.setViewport(0, 0, width, height); }; this.getCurrentViewport = function (target) { if (target === undefined) { console.warn('WebGLRenderer: .getCurrentViewport() now requires a Vector4 as an argument'); target = new Vector4(); } return target.copy(_currentViewport); }; this.getViewport = function (target) { return target.copy(_viewport); }; this.setViewport = function (x, y, width, height) { if (x.isVector4) { _viewport.set(x.x, x.y, x.z, x.w); } else { _viewport.set(x, y, width, height); } state.viewport(_currentViewport.copy(_viewport).multiplyScalar(_pixelRatio).floor()); }; this.getScissor = function (target) { return target.copy(_scissor); }; this.setScissor = function (x, y, width, height) { if (x.isVector4) { _scissor.set(x.x, x.y, x.z, x.w); } else { _scissor.set(x, y, width, height); } state.scissor(_currentScissor.copy(_scissor).multiplyScalar(_pixelRatio).floor()); }; this.getScissorTest = function () { return _scissorTest; }; this.setScissorTest = function (boolean) { state.setScissorTest(_scissorTest = boolean); }; this.setOpaqueSort = function (method) { _opaqueSort = method; }; this.setTransparentSort = function (method) { _transparentSort = method; }; // Clearing this.getClearColor = function (target) { if (target === undefined) { console.warn('WebGLRenderer: .getClearColor() now requires a Color as an argument'); target = new Color(); } return target.copy(background.getClearColor()); }; this.setClearColor = function () { background.setClearColor.apply(background, arguments); }; this.getClearAlpha = function () { return background.getClearAlpha(); }; this.setClearAlpha = function () { background.setClearAlpha.apply(background, arguments); }; this.clear = function (color, depth, stencil) { var bits = 0; if (color === undefined || color) bits |= 16384; if (depth === undefined || depth) bits |= 256; if (stencil === undefined || stencil) bits |= 1024; _gl.clear(bits); }; this.clearColor = function () { this.clear(true, false, false); }; this.clearDepth = function () { this.clear(false, true, false); }; this.clearStencil = function () { this.clear(false, false, true); }; // this.dispose = function () { _canvas.removeEventListener('webglcontextlost', onContextLost, false); _canvas.removeEventListener('webglcontextrestored', onContextRestore, false); renderLists.dispose(); renderStates.dispose(); properties.dispose(); cubemaps.dispose(); objects.dispose(); bindingStates.dispose(); xr.dispose(); animation.stop(); }; // Events function onContextLost(event) { event.preventDefault(); console.log('THREE.WebGLRenderer: Context Lost.'); _isContextLost = true; } function onContextRestore() /* event */ { console.log('THREE.WebGLRenderer: Context Restored.'); _isContextLost = false; initGLContext(); } function onMaterialDispose(event) { var material = event.target; material.removeEventListener('dispose', onMaterialDispose); deallocateMaterial(material); } // Buffer deallocation function deallocateMaterial(material) { releaseMaterialProgramReference(material); properties.remove(material); } function releaseMaterialProgramReference(material) { var programInfo = properties.get(material).program; if (programInfo !== undefined) { programCache.releaseProgram(programInfo); } } // Buffer rendering function renderObjectImmediate(object, program) { object.render(function (object) { _this.renderBufferImmediate(object, program); }); } this.renderBufferImmediate = function (object, program) { bindingStates.initAttributes(); var buffers = properties.get(object); if (object.hasPositions && !buffers.position) buffers.position = _gl.createBuffer(); if (object.hasNormals && !buffers.normal) buffers.normal = _gl.createBuffer(); if (object.hasUvs && !buffers.uv) buffers.uv = _gl.createBuffer(); if (object.hasColors && !buffers.color) buffers.color = _gl.createBuffer(); var programAttributes = program.getAttributes(); if (object.hasPositions) { _gl.bindBuffer(34962, buffers.position); _gl.bufferData(34962, object.positionArray, 35048); bindingStates.enableAttribute(programAttributes.position); _gl.vertexAttribPointer(programAttributes.position, 3, 5126, false, 0, 0); } if (object.hasNormals) { _gl.bindBuffer(34962, buffers.normal); _gl.bufferData(34962, object.normalArray, 35048); bindingStates.enableAttribute(programAttributes.normal); _gl.vertexAttribPointer(programAttributes.normal, 3, 5126, false, 0, 0); } if (object.hasUvs) { _gl.bindBuffer(34962, buffers.uv); _gl.bufferData(34962, object.uvArray, 35048); bindingStates.enableAttribute(programAttributes.uv); _gl.vertexAttribPointer(programAttributes.uv, 2, 5126, false, 0, 0); } if (object.hasColors) { _gl.bindBuffer(34962, buffers.color); _gl.bufferData(34962, object.colorArray, 35048); bindingStates.enableAttribute(programAttributes.color); _gl.vertexAttribPointer(programAttributes.color, 3, 5126, false, 0, 0); } bindingStates.disableUnusedAttributes(); _gl.drawArrays(4, 0, object.count); object.count = 0; }; this.renderBufferDirect = function (camera, scene, geometry, material, object, group) { if (scene === null) scene = _emptyScene; // renderBufferDirect second parameter used to be fog (could be null) var frontFaceCW = object.isMesh && object.matrixWorld.determinant() < 0; var program = setProgram(camera, scene, material, object); state.setMaterial(material, frontFaceCW); // var index = geometry.index; var position = geometry.attributes.position; // if (index === null) { if (position === undefined || position.count === 0) return; } else if (index.count === 0) { return; } // var rangeFactor = 1; if (material.wireframe === true) { index = geometries.getWireframeAttribute(geometry); rangeFactor = 2; } if (material.morphTargets || material.morphNormals) { morphtargets.update(object, geometry, material, program); } bindingStates.setup(object, material, program, geometry, index); var attribute; var renderer = bufferRenderer; if (index !== null) { attribute = attributes.get(index); renderer = indexedBufferRenderer; renderer.setIndex(attribute); } // var dataCount = index !== null ? index.count : position.count; var rangeStart = geometry.drawRange.start * rangeFactor; var rangeCount = geometry.drawRange.count * rangeFactor; var groupStart = group !== null ? group.start * rangeFactor : 0; var groupCount = group !== null ? group.count * rangeFactor : Infinity; var drawStart = Math.max(rangeStart, groupStart); var drawEnd = Math.min(dataCount, rangeStart + rangeCount, groupStart + groupCount) - 1; var drawCount = Math.max(0, drawEnd - drawStart + 1); if (drawCount === 0) return; // if (object.isMesh) { if (material.wireframe === true) { state.setLineWidth(material.wireframeLinewidth * getTargetPixelRatio()); renderer.setMode(1); } else { renderer.setMode(4); } } else if (object.isLine) { var lineWidth = material.linewidth; if (lineWidth === undefined) lineWidth = 1; // Not using Line*Material state.setLineWidth(lineWidth * getTargetPixelRatio()); if (object.isLineSegments) { renderer.setMode(1); } else if (object.isLineLoop) { renderer.setMode(2); } else { renderer.setMode(3); } } else if (object.isPoints) { renderer.setMode(0); } else if (object.isSprite) { renderer.setMode(4); } if (object.isInstancedMesh) { renderer.renderInstances(drawStart, drawCount, object.count); } else if (geometry.isInstancedBufferGeometry) { var instanceCount = Math.min(geometry.instanceCount, geometry._maxInstanceCount); renderer.renderInstances(drawStart, drawCount, instanceCount); } else { renderer.render(drawStart, drawCount); } }; // Compile this.compile = function (scene, camera) { currentRenderState = renderStates.get(scene); currentRenderState.init(); scene.traverseVisible(function (object) { if (object.isLight && object.layers.test(camera.layers)) { currentRenderState.pushLight(object); if (object.castShadow) { currentRenderState.pushShadow(object); } } }); currentRenderState.setupLights(); var compiled = new WeakMap(); scene.traverse(function (object) { var material = object.material; if (material) { if (Array.isArray(material)) { for (var i = 0; i < material.length; i++) { var material2 = material[i]; if (compiled.has(material2) === false) { initMaterial(material2, scene, object); compiled.set(material2); } } } else if (compiled.has(material) === false) { initMaterial(material, scene, object); compiled.set(material); } } }); }; // Animation Loop var onAnimationFrameCallback = null; function onAnimationFrame(time) { if (xr.isPresenting) return; if (onAnimationFrameCallback) onAnimationFrameCallback(time); } var animation = new WebGLAnimation(); animation.setAnimationLoop(onAnimationFrame); if (typeof window !== 'undefined') animation.setContext(window); this.setAnimationLoop = function (callback) { onAnimationFrameCallback = callback; xr.setAnimationLoop(callback); callback === null ? animation.stop() : animation.start(); }; // Rendering this.render = function (scene, camera) { var renderTarget, forceClear; if (arguments[2] !== undefined) { console.warn('THREE.WebGLRenderer.render(): the renderTarget argument has been removed. Use .setRenderTarget() instead.'); renderTarget = arguments[2]; } if (arguments[3] !== undefined) { console.warn('THREE.WebGLRenderer.render(): the forceClear argument has been removed. Use .clear() instead.'); forceClear = arguments[3]; } if (camera !== undefined && camera.isCamera !== true) { console.error('THREE.WebGLRenderer.render: camera is not an instance of THREE.Camera.'); return; } if (_isContextLost === true) return; // reset caching for this frame bindingStates.resetDefaultState(); _currentMaterialId = -1; _currentCamera = null; // update scene graph if (scene.autoUpdate === true) scene.updateMatrixWorld(); // update camera matrices and frustum if (camera.parent === null) camera.updateMatrixWorld(); if (xr.enabled === true && xr.isPresenting === true) { camera = xr.getCamera(camera); } // if (scene.isScene === true) scene.onBeforeRender(_this, scene, camera, renderTarget || _currentRenderTarget); currentRenderState = renderStates.get(scene, renderStateStack.length); currentRenderState.init(); renderStateStack.push(currentRenderState); _projScreenMatrix.multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse); _frustum.setFromProjectionMatrix(_projScreenMatrix); _localClippingEnabled = this.localClippingEnabled; _clippingEnabled = clipping.init(this.clippingPlanes, _localClippingEnabled, camera); currentRenderList = renderLists.get(scene, camera); currentRenderList.init(); projectObject(scene, camera, 0, _this.sortObjects); currentRenderList.finish(); if (_this.sortObjects === true) { currentRenderList.sort(_opaqueSort, _transparentSort); } // if (_clippingEnabled === true) clipping.beginShadows(); var shadowsArray = currentRenderState.state.shadowsArray; shadowMap.render(shadowsArray, scene, camera); currentRenderState.setupLights(); currentRenderState.setupLightsView(camera); if (_clippingEnabled === true) clipping.endShadows(); // if (this.info.autoReset === true) this.info.reset(); if (renderTarget !== undefined) { this.setRenderTarget(renderTarget); } // background.render(currentRenderList, scene, camera, forceClear); // render scene var opaqueObjects = currentRenderList.opaque; var transparentObjects = currentRenderList.transparent; if (opaqueObjects.length > 0) renderObjects(opaqueObjects, scene, camera); if (transparentObjects.length > 0) renderObjects(transparentObjects, scene, camera); // if (scene.isScene === true) scene.onAfterRender(_this, scene, camera); // if (_currentRenderTarget !== null) { // Generate mipmap if we're using any kind of mipmap filtering textures.updateRenderTargetMipmap(_currentRenderTarget); // resolve multisample renderbuffers to a single-sample texture if necessary textures.updateMultisampleRenderTarget(_currentRenderTarget); } // Ensure depth buffer writing is enabled so it can be cleared on next render state.buffers.depth.setTest(true); state.buffers.depth.setMask(true); state.buffers.color.setMask(true); state.setPolygonOffset(false); if (xr.enabled && xr.submitFrame) { xr.submitFrame(); } // _gl.finish(); renderStateStack.pop(); if (renderStateStack.length > 0) { currentRenderState = renderStateStack[renderStateStack.length - 1]; } else { currentRenderState = null; } currentRenderList = null; }; function projectObject(object, camera, groupOrder, sortObjects) { if (object.visible === false) return; var visible = object.layers.test(camera.layers); if (visible) { if (object.isGroup) { groupOrder = object.renderOrder; } else if (object.isLOD) { if (object.autoUpdate === true) object.update(camera); } else if (object.isLight) { currentRenderState.pushLight(object); if (object.castShadow) { currentRenderState.pushShadow(object); } } else if (object.isSprite) { if (!object.frustumCulled || _frustum.intersectsSprite(object)) { if (sortObjects) { _vector3.setFromMatrixPosition(object.matrixWorld).applyMatrix4(_projScreenMatrix); } var geometry = objects.update(object); var material = object.material; if (material.visible) { currentRenderList.push(object, geometry, material, groupOrder, _vector3.z, null); } } } else if (object.isImmediateRenderObject) { if (sortObjects) { _vector3.setFromMatrixPosition(object.matrixWorld).applyMatrix4(_projScreenMatrix); } currentRenderList.push(object, null, object.material, groupOrder, _vector3.z, null); } else if (object.isMesh || object.isLine || object.isPoints) { if (object.isSkinnedMesh) { // update skeleton only once in a frame if (object.skeleton.frame !== info.render.frame) { object.skeleton.update(); object.skeleton.frame = info.render.frame; } } if (!object.frustumCulled || _frustum.intersectsObject(object)) { if (sortObjects) { _vector3.setFromMatrixPosition(object.matrixWorld).applyMatrix4(_projScreenMatrix); } var _geometry = objects.update(object); var _material = object.material; if (Array.isArray(_material)) { var groups = _geometry.groups; for (var i = 0, l = groups.length; i < l; i++) { var group = groups[i]; var groupMaterial = _material[group.materialIndex]; if (groupMaterial && groupMaterial.visible) { currentRenderList.push(object, _geometry, groupMaterial, groupOrder, _vector3.z, group); } } } else if (_material.visible) { currentRenderList.push(object, _geometry, _material, groupOrder, _vector3.z, null); } } } } var children = object.children; for (var _i = 0, _l = children.length; _i < _l; _i++) { projectObject(children[_i], camera, groupOrder, sortObjects); } } function renderObjects(renderList, scene, camera) { var overrideMaterial = scene.isScene === true ? scene.overrideMaterial : null; for (var i = 0, l = renderList.length; i < l; i++) { var renderItem = renderList[i]; var object = renderItem.object; var geometry = renderItem.geometry; var material = overrideMaterial === null ? renderItem.material : overrideMaterial; var group = renderItem.group; if (camera.isArrayCamera) { var cameras = camera.cameras; for (var j = 0, jl = cameras.length; j < jl; j++) { var camera2 = cameras[j]; if (object.layers.test(camera2.layers)) { state.viewport(_currentViewport.copy(camera2.viewport)); currentRenderState.setupLightsView(camera2); renderObject(object, scene, camera2, geometry, material, group); } } } else { renderObject(object, scene, camera, geometry, material, group); } } } function renderObject(object, scene, camera, geometry, material, group) { object.onBeforeRender(_this, scene, camera, geometry, material, group); object.modelViewMatrix.multiplyMatrices(camera.matrixWorldInverse, object.matrixWorld); object.normalMatrix.getNormalMatrix(object.modelViewMatrix); if (object.isImmediateRenderObject) { var program = setProgram(camera, scene, material, object); state.setMaterial(material); bindingStates.reset(); renderObjectImmediate(object, program); } else { _this.renderBufferDirect(camera, scene, geometry, material, object, group); } object.onAfterRender(_this, scene, camera, geometry, material, group); } function initMaterial(material, scene, object) { if (scene.isScene !== true) scene = _emptyScene; // scene could be a Mesh, Line, Points, ... var materialProperties = properties.get(material); var lights = currentRenderState.state.lights; var shadowsArray = currentRenderState.state.shadowsArray; var lightsStateVersion = lights.state.version; var parameters = programCache.getParameters(material, lights.state, shadowsArray, scene, object); var programCacheKey = programCache.getProgramCacheKey(parameters); var program = materialProperties.program; var programChange = true; // always update environment and fog - changing these trigger an initMaterial call, but it's possible that the program doesn't change materialProperties.environment = material.isMeshStandardMaterial ? scene.environment : null; materialProperties.fog = scene.fog; materialProperties.envMap = cubemaps.get(material.envMap || materialProperties.environment); if (program === undefined) { // new material material.addEventListener('dispose', onMaterialDispose); } else if (program.cacheKey !== programCacheKey) { // changed glsl or parameters releaseMaterialProgramReference(material); } else if (materialProperties.lightsStateVersion !== lightsStateVersion) { programChange = false; } else if (parameters.shaderID !== undefined) { // same glsl and uniform list return; } else { // only rebuild uniform list programChange = false; } if (programChange) { parameters.uniforms = programCache.getUniforms(material); material.onBeforeCompile(parameters, _this); program = programCache.acquireProgram(parameters, programCacheKey); materialProperties.program = program; materialProperties.uniforms = parameters.uniforms; materialProperties.outputEncoding = parameters.outputEncoding; } var uniforms = materialProperties.uniforms; if (!material.isShaderMaterial && !material.isRawShaderMaterial || material.clipping === true) { materialProperties.numClippingPlanes = clipping.numPlanes; materialProperties.numIntersection = clipping.numIntersection; uniforms.clippingPlanes = clipping.uniform; } // store the light setup it was created for materialProperties.needsLights = materialNeedsLights(material); materialProperties.lightsStateVersion = lightsStateVersion; if (materialProperties.needsLights) { // wire up the material to this renderer's lighting state uniforms.ambientLightColor.value = lights.state.ambient; uniforms.lightProbe.value = lights.state.probe; uniforms.directionalLights.value = lights.state.directional; uniforms.directionalLightShadows.value = lights.state.directionalShadow; uniforms.spotLights.value = lights.state.spot; uniforms.spotLightShadows.value = lights.state.spotShadow; uniforms.rectAreaLights.value = lights.state.rectArea; uniforms.ltc_1.value = lights.state.rectAreaLTC1; uniforms.ltc_2.value = lights.state.rectAreaLTC2; uniforms.pointLights.value = lights.state.point; uniforms.pointLightShadows.value = lights.state.pointShadow; uniforms.hemisphereLights.value = lights.state.hemi; uniforms.directionalShadowMap.value = lights.state.directionalShadowMap; uniforms.directionalShadowMatrix.value = lights.state.directionalShadowMatrix; uniforms.spotShadowMap.value = lights.state.spotShadowMap; uniforms.spotShadowMatrix.value = lights.state.spotShadowMatrix; uniforms.pointShadowMap.value = lights.state.pointShadowMap; uniforms.pointShadowMatrix.value = lights.state.pointShadowMatrix; // TODO (abelnation): add area lights shadow info to uniforms } var progUniforms = materialProperties.program.getUniforms(); var uniformsList = WebGLUniforms.seqWithValue(progUniforms.seq, uniforms); materialProperties.uniformsList = uniformsList; } function setProgram(camera, scene, material, object) { if (scene.isScene !== true) scene = _emptyScene; // scene could be a Mesh, Line, Points, ... textures.resetTextureUnits(); var fog = scene.fog; var environment = material.isMeshStandardMaterial ? scene.environment : null; var encoding = _currentRenderTarget === null ? _this.outputEncoding : _currentRenderTarget.texture.encoding; var envMap = cubemaps.get(material.envMap || environment); var materialProperties = properties.get(material); var lights = currentRenderState.state.lights; if (_clippingEnabled === true) { if (_localClippingEnabled === true || camera !== _currentCamera) { var useCache = camera === _currentCamera && material.id === _currentMaterialId; // we might want to call this function with some ClippingGroup // object instead of the material, once it becomes feasible // (#8465, #8379) clipping.setState(material, camera, useCache); } } if (material.version === materialProperties.__version) { if (material.fog && materialProperties.fog !== fog) { initMaterial(material, scene, object); } else if (materialProperties.environment !== environment) { initMaterial(material, scene, object); } else if (materialProperties.needsLights && materialProperties.lightsStateVersion !== lights.state.version) { initMaterial(material, scene, object); } else if (materialProperties.numClippingPlanes !== undefined && (materialProperties.numClippingPlanes !== clipping.numPlanes || materialProperties.numIntersection !== clipping.numIntersection)) { initMaterial(material, scene, object); } else if (materialProperties.outputEncoding !== encoding) { initMaterial(material, scene, object); } else if (materialProperties.envMap !== envMap) { initMaterial(material, scene, object); } } else { initMaterial(material, scene, object); materialProperties.__version = material.version; } var refreshProgram = false; var refreshMaterial = false; var refreshLights = false; var program = materialProperties.program, p_uniforms = program.getUniforms(), m_uniforms = materialProperties.uniforms; if (state.useProgram(program.program)) { refreshProgram = true; refreshMaterial = true; refreshLights = true; } if (material.id !== _currentMaterialId) { _currentMaterialId = material.id; refreshMaterial = true; } if (refreshProgram || _currentCamera !== camera) { p_uniforms.setValue(_gl, 'projectionMatrix', camera.projectionMatrix); if (capabilities.logarithmicDepthBuffer) { p_uniforms.setValue(_gl, 'logDepthBufFC', 2.0 / (Math.log(camera.far + 1.0) / Math.LN2)); } if (_currentCamera !== camera) { _currentCamera = camera; // lighting uniforms depend on the camera so enforce an update // now, in case this material supports lights - or later, when // the next material that does gets activated: refreshMaterial = true; // set to true on material change refreshLights = true; // remains set until update done } // load material specific uniforms // (shader material also gets them for the sake of genericity) if (material.isShaderMaterial || material.isMeshPhongMaterial || material.isMeshToonMaterial || material.isMeshStandardMaterial || material.envMap) { var uCamPos = p_uniforms.map.cameraPosition; if (uCamPos !== undefined) { uCamPos.setValue(_gl, _vector3.setFromMatrixPosition(camera.matrixWorld)); } } if (material.isMeshPhongMaterial || material.isMeshToonMaterial || material.isMeshLambertMaterial || material.isMeshBasicMaterial || material.isMeshStandardMaterial || material.isShaderMaterial) { p_uniforms.setValue(_gl, 'isOrthographic', camera.isOrthographicCamera === true); } if (material.isMeshPhongMaterial || material.isMeshToonMaterial || material.isMeshLambertMaterial || material.isMeshBasicMaterial || material.isMeshStandardMaterial || material.isShaderMaterial || material.isShadowMaterial || material.skinning) { p_uniforms.setValue(_gl, 'viewMatrix', camera.matrixWorldInverse); } } // skinning uniforms must be set even if material didn't change // auto-setting of texture unit for bone texture must go before other textures // otherwise textures used for skinning can take over texture units reserved for other material textures if (material.skinning) { p_uniforms.setOptional(_gl, object, 'bindMatrix'); p_uniforms.setOptional(_gl, object, 'bindMatrixInverse'); var skeleton = object.skeleton; if (skeleton) { var bones = skeleton.bones; if (capabilities.floatVertexTextures) { if (skeleton.boneTexture === null) { // layout (1 matrix = 4 pixels) // RGBA RGBA RGBA RGBA (=> column1, column2, column3, column4) // with 8x8 pixel texture max 16 bones * 4 pixels = (8 * 8) // 16x16 pixel texture max 64 bones * 4 pixels = (16 * 16) // 32x32 pixel texture max 256 bones * 4 pixels = (32 * 32) // 64x64 pixel texture max 1024 bones * 4 pixels = (64 * 64) var size = Math.sqrt(bones.length * 4); // 4 pixels needed for 1 matrix size = MathUtils.ceilPowerOfTwo(size); size = Math.max(size, 4); var boneMatrices = new Float32Array(size * size * 4); // 4 floats per RGBA pixel boneMatrices.set(skeleton.boneMatrices); // copy current values var boneTexture = new DataTexture(boneMatrices, size, size, RGBAFormat, FloatType); skeleton.boneMatrices = boneMatrices; skeleton.boneTexture = boneTexture; skeleton.boneTextureSize = size; } p_uniforms.setValue(_gl, 'boneTexture', skeleton.boneTexture, textures); p_uniforms.setValue(_gl, 'boneTextureSize', skeleton.boneTextureSize); } else { p_uniforms.setOptional(_gl, skeleton, 'boneMatrices'); } } } if (refreshMaterial || materialProperties.receiveShadow !== object.receiveShadow) { materialProperties.receiveShadow = object.receiveShadow; p_uniforms.setValue(_gl, 'receiveShadow', object.receiveShadow); } if (refreshMaterial) { p_uniforms.setValue(_gl, 'toneMappingExposure', _this.toneMappingExposure); if (materialProperties.needsLights) { // the current material requires lighting info // note: all lighting uniforms are always set correctly // they simply reference the renderer's state for their // values // // use the current material's .needsUpdate flags to set // the GL state when required markUniformsLightsNeedsUpdate(m_uniforms, refreshLights); } // refresh uniforms common to several materials if (fog && material.fog) { materials.refreshFogUniforms(m_uniforms, fog); } materials.refreshMaterialUniforms(m_uniforms, material, _pixelRatio, _height); WebGLUniforms.upload(_gl, materialProperties.uniformsList, m_uniforms, textures); } if (material.isShaderMaterial && material.uniformsNeedUpdate === true) { WebGLUniforms.upload(_gl, materialProperties.uniformsList, m_uniforms, textures); material.uniformsNeedUpdate = false; } if (material.isSpriteMaterial) { p_uniforms.setValue(_gl, 'center', object.center); } // common matrices p_uniforms.setValue(_gl, 'modelViewMatrix', object.modelViewMatrix); p_uniforms.setValue(_gl, 'normalMatrix', object.normalMatrix); p_uniforms.setValue(_gl, 'modelMatrix', object.matrixWorld); return program; } // If uniforms are marked as clean, they don't need to be loaded to the GPU. function markUniformsLightsNeedsUpdate(uniforms, value) { uniforms.ambientLightColor.needsUpdate = value; uniforms.lightProbe.needsUpdate = value; uniforms.directionalLights.needsUpdate = value; uniforms.directionalLightShadows.needsUpdate = value; uniforms.pointLights.needsUpdate = value; uniforms.pointLightShadows.needsUpdate = value; uniforms.spotLights.needsUpdate = value; uniforms.spotLightShadows.needsUpdate = value; uniforms.rectAreaLights.needsUpdate = value; uniforms.hemisphereLights.needsUpdate = value; } function materialNeedsLights(material) { return material.isMeshLambertMaterial || material.isMeshToonMaterial || material.isMeshPhongMaterial || material.isMeshStandardMaterial || material.isShadowMaterial || material.isShaderMaterial && material.lights === true; } // this.setTexture2D = setTexture2D; this.setTexture2D = function () { var warned = false; // backwards compatibility: peel texture.texture return function setTexture2D(texture, slot) { if (texture && texture.isWebGLRenderTarget) { if (!warned) { console.warn("THREE.WebGLRenderer.setTexture2D: don't use render targets as textures. Use their .texture property instead."); warned = true; } texture = texture.texture; } textures.setTexture2D(texture, slot); }; }(); // this.setFramebuffer = function (value) { if (_framebuffer !== value && _currentRenderTarget === null) _gl.bindFramebuffer(36160, value); _framebuffer = value; }; this.getActiveCubeFace = function () { return _currentActiveCubeFace; }; this.getActiveMipmapLevel = function () { return _currentActiveMipmapLevel; }; this.getRenderList = function () { return currentRenderList; }; this.setRenderList = function (renderList) { currentRenderList = renderList; }; this.getRenderTarget = function () { return _currentRenderTarget; }; this.setRenderTarget = function (renderTarget, activeCubeFace, activeMipmapLevel) { if (activeCubeFace === void 0) { activeCubeFace = 0; } if (activeMipmapLevel === void 0) { activeMipmapLevel = 0; } _currentRenderTarget = renderTarget; _currentActiveCubeFace = activeCubeFace; _currentActiveMipmapLevel = activeMipmapLevel; if (renderTarget && properties.get(renderTarget).__webglFramebuffer === undefined) { textures.setupRenderTarget(renderTarget); } var framebuffer = _framebuffer; var isCube = false; if (renderTarget) { var __webglFramebuffer = properties.get(renderTarget).__webglFramebuffer; if (renderTarget.isWebGLCubeRenderTarget) { framebuffer = __webglFramebuffer[activeCubeFace]; isCube = true; } else if (renderTarget.isWebGLMultisampleRenderTarget) { framebuffer = properties.get(renderTarget).__webglMultisampledFramebuffer; } else { framebuffer = __webglFramebuffer; } _currentViewport.copy(renderTarget.viewport); _currentScissor.copy(renderTarget.scissor); _currentScissorTest = renderTarget.scissorTest; } else { _currentViewport.copy(_viewport).multiplyScalar(_pixelRatio).floor(); _currentScissor.copy(_scissor).multiplyScalar(_pixelRatio).floor(); _currentScissorTest = _scissorTest; } if (_currentFramebuffer !== framebuffer) { _gl.bindFramebuffer(36160, framebuffer); _currentFramebuffer = framebuffer; } state.viewport(_currentViewport); state.scissor(_currentScissor); state.setScissorTest(_currentScissorTest); if (isCube) { var textureProperties = properties.get(renderTarget.texture); _gl.framebufferTexture2D(36160, 36064, 34069 + activeCubeFace, textureProperties.__webglTexture, activeMipmapLevel); } }; this.readRenderTargetPixels = function (renderTarget, x, y, width, height, buffer, activeCubeFaceIndex) { if (!(renderTarget && renderTarget.isWebGLRenderTarget)) { console.error('THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not THREE.WebGLRenderTarget.'); return; } var framebuffer = properties.get(renderTarget).__webglFramebuffer; if (renderTarget.isWebGLCubeRenderTarget && activeCubeFaceIndex !== undefined) { framebuffer = framebuffer[activeCubeFaceIndex]; } if (framebuffer) { var restore = false; if (framebuffer !== _currentFramebuffer) { _gl.bindFramebuffer(36160, framebuffer); restore = true; } try { var texture = renderTarget.texture; var textureFormat = texture.format; var textureType = texture.type; if (textureFormat !== RGBAFormat && utils.convert(textureFormat) !== _gl.getParameter(35739)) { console.error('THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in RGBA or implementation defined format.'); return; } var halfFloatSupportedByExt = textureType === HalfFloatType && (extensions.has('EXT_color_buffer_half_float') || capabilities.isWebGL2 && extensions.has('EXT_color_buffer_float')); if (textureType !== UnsignedByteType && utils.convert(textureType) !== _gl.getParameter(35738) && // IE11, Edge and Chrome Mac < 52 (#9513) !(textureType === FloatType && (capabilities.isWebGL2 || extensions.has('OES_texture_float') || extensions.has('WEBGL_color_buffer_float'))) && // Chrome Mac >= 52 and Firefox !halfFloatSupportedByExt) { console.error('THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in UnsignedByteType or implementation defined type.'); return; } if (_gl.checkFramebufferStatus(36160) === 36053) { // the following if statement ensures valid read requests (no out-of-bounds pixels, see #8604) if (x >= 0 && x <= renderTarget.width - width && y >= 0 && y <= renderTarget.height - height) { _gl.readPixels(x, y, width, height, utils.convert(textureFormat), utils.convert(textureType), buffer); } } else { console.error('THREE.WebGLRenderer.readRenderTargetPixels: readPixels from renderTarget failed. Framebuffer not complete.'); } } finally { if (restore) { _gl.bindFramebuffer(36160, _currentFramebuffer); } } } }; this.copyFramebufferToTexture = function (position, texture, level) { if (level === void 0) { level = 0; } var levelScale = Math.pow(2, -level); var width = Math.floor(texture.image.width * levelScale); var height = Math.floor(texture.image.height * levelScale); var glFormat = utils.convert(texture.format); textures.setTexture2D(texture, 0); _gl.copyTexImage2D(3553, level, glFormat, position.x, position.y, width, height, 0); state.unbindTexture(); }; this.copyTextureToTexture = function (position, srcTexture, dstTexture, level) { if (level === void 0) { level = 0; } var width = srcTexture.image.width; var height = srcTexture.image.height; var glFormat = utils.convert(dstTexture.format); var glType = utils.convert(dstTexture.type); textures.setTexture2D(dstTexture, 0); // As another texture upload may have changed pixelStorei // parameters, make sure they are correct for the dstTexture _gl.pixelStorei(37440, dstTexture.flipY); _gl.pixelStorei(37441, dstTexture.premultiplyAlpha); _gl.pixelStorei(3317, dstTexture.unpackAlignment); if (srcTexture.isDataTexture) { _gl.texSubImage2D(3553, level, position.x, position.y, width, height, glFormat, glType, srcTexture.image.data); } else { if (srcTexture.isCompressedTexture) { _gl.compressedTexSubImage2D(3553, level, position.x, position.y, srcTexture.mipmaps[0].width, srcTexture.mipmaps[0].height, glFormat, srcTexture.mipmaps[0].data); } else { _gl.texSubImage2D(3553, level, position.x, position.y, glFormat, glType, srcTexture.image); } } // Generate mipmaps only when copying level 0 if (level === 0 && dstTexture.generateMipmaps) _gl.generateMipmap(3553); state.unbindTexture(); }; this.initTexture = function (texture) { textures.setTexture2D(texture, 0); state.unbindTexture(); }; this.resetState = function () { state.reset(); bindingStates.reset(); }; if (typeof __THREE_DEVTOOLS__ !== 'undefined') { __THREE_DEVTOOLS__.dispatchEvent(new CustomEvent('observe', { detail: this })); // eslint-disable-line no-undef } } function WebGL1Renderer(parameters) { WebGLRenderer.call(this, parameters); } WebGL1Renderer.prototype = Object.assign(Object.create(WebGLRenderer.prototype), { constructor: WebGL1Renderer, isWebGL1Renderer: true }); var FogExp2 = /*#__PURE__*/function () { function FogExp2(color, density) { Object.defineProperty(this, 'isFogExp2', { value: true }); this.name = ''; this.color = new Color(color); this.density = density !== undefined ? density : 0.00025; } var _proto = FogExp2.prototype; _proto.clone = function clone() { return new FogExp2(this.color, this.density); }; _proto.toJSON = function toJSON() /* meta */ { return { type: 'FogExp2', color: this.color.getHex(), density: this.density }; }; return FogExp2; }(); var Fog = /*#__PURE__*/function () { function Fog(color, near, far) { Object.defineProperty(this, 'isFog', { value: true }); this.name = ''; this.color = new Color(color); this.near = near !== undefined ? near : 1; this.far = far !== undefined ? far : 1000; } var _proto = Fog.prototype; _proto.clone = function clone() { return new Fog(this.color, this.near, this.far); }; _proto.toJSON = function toJSON() /* meta */ { return { type: 'Fog', color: this.color.getHex(), near: this.near, far: this.far }; }; return Fog; }(); var Scene = /*#__PURE__*/function (_Object3D) { _inheritsLoose(Scene, _Object3D); function Scene() { var _this; _this = _Object3D.call(this) || this; Object.defineProperty(_assertThisInitialized(_this), 'isScene', { value: true }); _this.type = 'Scene'; _this.background = null; _this.environment = null; _this.fog = null; _this.overrideMaterial = null; _this.autoUpdate = true; // checked by the renderer if (typeof __THREE_DEVTOOLS__ !== 'undefined') { __THREE_DEVTOOLS__.dispatchEvent(new CustomEvent('observe', { detail: _assertThisInitialized(_this) })); // eslint-disable-line no-undef } return _this; } var _proto = Scene.prototype; _proto.copy = function copy(source, recursive) { _Object3D.prototype.copy.call(this, source, recursive); if (source.background !== null) this.background = source.background.clone(); if (source.environment !== null) this.environment = source.environment.clone(); if (source.fog !== null) this.fog = source.fog.clone(); if (source.overrideMaterial !== null) this.overrideMaterial = source.overrideMaterial.clone(); this.autoUpdate = source.autoUpdate; this.matrixAutoUpdate = source.matrixAutoUpdate; return this; }; _proto.toJSON = function toJSON(meta) { var data = _Object3D.prototype.toJSON.call(this, meta); if (this.background !== null) data.object.background = this.background.toJSON(meta); if (this.environment !== null) data.object.environment = this.environment.toJSON(meta); if (this.fog !== null) data.object.fog = this.fog.toJSON(); return data; }; return Scene; }(Object3D); function InterleavedBuffer(array, stride) { this.array = array; this.stride = stride; this.count = array !== undefined ? array.length / stride : 0; this.usage = StaticDrawUsage; this.updateRange = { offset: 0, count: -1 }; this.version = 0; this.uuid = MathUtils.generateUUID(); } Object.defineProperty(InterleavedBuffer.prototype, 'needsUpdate', { set: function set(value) { if (value === true) this.version++; } }); Object.assign(InterleavedBuffer.prototype, { isInterleavedBuffer: true, onUploadCallback: function onUploadCallback() {}, setUsage: function setUsage(value) { this.usage = value; return this; }, copy: function copy(source) { this.array = new source.array.constructor(source.array); this.count = source.count; this.stride = source.stride; this.usage = source.usage; return this; }, copyAt: function copyAt(index1, attribute, index2) { index1 *= this.stride; index2 *= attribute.stride; for (var i = 0, l = this.stride; i < l; i++) { this.array[index1 + i] = attribute.array[index2 + i]; } return this; }, set: function set(value, offset) { if (offset === void 0) { offset = 0; } this.array.set(value, offset); return this; }, clone: function clone(data) { if (data.arrayBuffers === undefined) { data.arrayBuffers = {}; } if (this.array.buffer._uuid === undefined) { this.array.buffer._uuid = MathUtils.generateUUID(); } if (data.arrayBuffers[this.array.buffer._uuid] === undefined) { data.arrayBuffers[this.array.buffer._uuid] = this.array.slice(0).buffer; } var array = new this.array.constructor(data.arrayBuffers[this.array.buffer._uuid]); var ib = new InterleavedBuffer(array, this.stride); ib.setUsage(this.usage); return ib; }, onUpload: function onUpload(callback) { this.onUploadCallback = callback; return this; }, toJSON: function toJSON(data) { if (data.arrayBuffers === undefined) { data.arrayBuffers = {}; } // generate UUID for array buffer if necessary if (this.array.buffer._uuid === undefined) { this.array.buffer._uuid = MathUtils.generateUUID(); } if (data.arrayBuffers[this.array.buffer._uuid] === undefined) { data.arrayBuffers[this.array.buffer._uuid] = Array.prototype.slice.call(new Uint32Array(this.array.buffer)); } // return { uuid: this.uuid, buffer: this.array.buffer._uuid, type: this.array.constructor.name, stride: this.stride }; } }); var _vector$6 = new Vector3(); function InterleavedBufferAttribute(interleavedBuffer, itemSize, offset, normalized) { this.name = ''; this.data = interleavedBuffer; this.itemSize = itemSize; this.offset = offset; this.normalized = normalized === true; } Object.defineProperties(InterleavedBufferAttribute.prototype, { count: { get: function get() { return this.data.count; } }, array: { get: function get() { return this.data.array; } }, needsUpdate: { set: function set(value) { this.data.needsUpdate = value; } } }); Object.assign(InterleavedBufferAttribute.prototype, { isInterleavedBufferAttribute: true, applyMatrix4: function applyMatrix4(m) { for (var i = 0, l = this.data.count; i < l; i++) { _vector$6.x = this.getX(i); _vector$6.y = this.getY(i); _vector$6.z = this.getZ(i); _vector$6.applyMatrix4(m); this.setXYZ(i, _vector$6.x, _vector$6.y, _vector$6.z); } return this; }, setX: function setX(index, x) { this.data.array[index * this.data.stride + this.offset] = x; return this; }, setY: function setY(index, y) { this.data.array[index * this.data.stride + this.offset + 1] = y; return this; }, setZ: function setZ(index, z) { this.data.array[index * this.data.stride + this.offset + 2] = z; return this; }, setW: function setW(index, w) { this.data.array[index * this.data.stride + this.offset + 3] = w; return this; }, getX: function getX(index) { return this.data.array[index * this.data.stride + this.offset]; }, getY: function getY(index) { return this.data.array[index * this.data.stride + this.offset + 1]; }, getZ: function getZ(index) { return this.data.array[index * this.data.stride + this.offset + 2]; }, getW: function getW(index) { return this.data.array[index * this.data.stride + this.offset + 3]; }, setXY: function setXY(index, x, y) { index = index * this.data.stride + this.offset; this.data.array[index + 0] = x; this.data.array[index + 1] = y; return this; }, setXYZ: function setXYZ(index, x, y, z) { index = index * this.data.stride + this.offset; this.data.array[index + 0] = x; this.data.array[index + 1] = y; this.data.array[index + 2] = z; return this; }, setXYZW: function setXYZW(index, x, y, z, w) { index = index * this.data.stride + this.offset; this.data.array[index + 0] = x; this.data.array[index + 1] = y; this.data.array[index + 2] = z; this.data.array[index + 3] = w; return this; }, clone: function clone(data) { if (data === undefined) { console.log('THREE.InterleavedBufferAttribute.clone(): Cloning an interlaved buffer attribute will deinterleave buffer data.'); var array = []; for (var i = 0; i < this.count; i++) { var index = i * this.data.stride + this.offset; for (var j = 0; j < this.itemSize; j++) { array.push(this.data.array[index + j]); } } return new BufferAttribute(new this.array.constructor(array), this.itemSize, this.normalized); } else { if (data.interleavedBuffers === undefined) { data.interleavedBuffers = {}; } if (data.interleavedBuffers[this.data.uuid] === undefined) { data.interleavedBuffers[this.data.uuid] = this.data.clone(data); } return new InterleavedBufferAttribute(data.interleavedBuffers[this.data.uuid], this.itemSize, this.offset, this.normalized); } }, toJSON: function toJSON(data) { if (data === undefined) { console.log('THREE.InterleavedBufferAttribute.toJSON(): Serializing an interlaved buffer attribute will deinterleave buffer data.'); var array = []; for (var i = 0; i < this.count; i++) { var index = i * this.data.stride + this.offset; for (var j = 0; j < this.itemSize; j++) { array.push(this.data.array[index + j]); } } // deinterleave data and save it as an ordinary buffer attribute for now return { itemSize: this.itemSize, type: this.array.constructor.name, array: array, normalized: this.normalized }; } else { // save as true interlaved attribtue if (data.interleavedBuffers === undefined) { data.interleavedBuffers = {}; } if (data.interleavedBuffers[this.data.uuid] === undefined) { data.interleavedBuffers[this.data.uuid] = this.data.toJSON(data); } return { isInterleavedBufferAttribute: true, itemSize: this.itemSize, data: this.data.uuid, offset: this.offset, normalized: this.normalized }; } } }); /** * parameters = { * color: <hex>, * map: new THREE.Texture( <Image> ), * alphaMap: new THREE.Texture( <Image> ), * rotation: <float>, * sizeAttenuation: <bool> * } */ function SpriteMaterial(parameters) { Material.call(this); this.type = 'SpriteMaterial'; this.color = new Color(0xffffff); this.map = null; this.alphaMap = null; this.rotation = 0; this.sizeAttenuation = true; this.transparent = true; this.setValues(parameters); } SpriteMaterial.prototype = Object.create(Material.prototype); SpriteMaterial.prototype.constructor = SpriteMaterial; SpriteMaterial.prototype.isSpriteMaterial = true; SpriteMaterial.prototype.copy = function (source) { Material.prototype.copy.call(this, source); this.color.copy(source.color); this.map = source.map; this.alphaMap = source.alphaMap; this.rotation = source.rotation; this.sizeAttenuation = source.sizeAttenuation; return this; }; var _geometry; var _intersectPoint = new Vector3(); var _worldScale = new Vector3(); var _mvPosition = new Vector3(); var _alignedPosition = new Vector2(); var _rotatedPosition = new Vector2(); var _viewWorldMatrix = new Matrix4(); var _vA$1 = new Vector3(); var _vB$1 = new Vector3(); var _vC$1 = new Vector3(); var _uvA$1 = new Vector2(); var _uvB$1 = new Vector2(); var _uvC$1 = new Vector2(); function Sprite(material) { Object3D.call(this); this.type = 'Sprite'; if (_geometry === undefined) { _geometry = new BufferGeometry(); var float32Array = new Float32Array([-0.5, -0.5, 0, 0, 0, 0.5, -0.5, 0, 1, 0, 0.5, 0.5, 0, 1, 1, -0.5, 0.5, 0, 0, 1]); var interleavedBuffer = new InterleavedBuffer(float32Array, 5); _geometry.setIndex([0, 1, 2, 0, 2, 3]); _geometry.setAttribute('position', new InterleavedBufferAttribute(interleavedBuffer, 3, 0, false)); _geometry.setAttribute('uv', new InterleavedBufferAttribute(interleavedBuffer, 2, 3, false)); } this.geometry = _geometry; this.material = material !== undefined ? material : new SpriteMaterial(); this.center = new Vector2(0.5, 0.5); } Sprite.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: Sprite, isSprite: true, raycast: function raycast(raycaster, intersects) { if (raycaster.camera === null) { console.error('THREE.Sprite: "Raycaster.camera" needs to be set in order to raycast against sprites.'); } _worldScale.setFromMatrixScale(this.matrixWorld); _viewWorldMatrix.copy(raycaster.camera.matrixWorld); this.modelViewMatrix.multiplyMatrices(raycaster.camera.matrixWorldInverse, this.matrixWorld); _mvPosition.setFromMatrixPosition(this.modelViewMatrix); if (raycaster.camera.isPerspectiveCamera && this.material.sizeAttenuation === false) { _worldScale.multiplyScalar(-_mvPosition.z); } var rotation = this.material.rotation; var sin, cos; if (rotation !== 0) { cos = Math.cos(rotation); sin = Math.sin(rotation); } var center = this.center; transformVertex(_vA$1.set(-0.5, -0.5, 0), _mvPosition, center, _worldScale, sin, cos); transformVertex(_vB$1.set(0.5, -0.5, 0), _mvPosition, center, _worldScale, sin, cos); transformVertex(_vC$1.set(0.5, 0.5, 0), _mvPosition, center, _worldScale, sin, cos); _uvA$1.set(0, 0); _uvB$1.set(1, 0); _uvC$1.set(1, 1); // check first triangle var intersect = raycaster.ray.intersectTriangle(_vA$1, _vB$1, _vC$1, false, _intersectPoint); if (intersect === null) { // check second triangle transformVertex(_vB$1.set(-0.5, 0.5, 0), _mvPosition, center, _worldScale, sin, cos); _uvB$1.set(0, 1); intersect = raycaster.ray.intersectTriangle(_vA$1, _vC$1, _vB$1, false, _intersectPoint); if (intersect === null) { return; } } var distance = raycaster.ray.origin.distanceTo(_intersectPoint); if (distance < raycaster.near || distance > raycaster.far) return; intersects.push({ distance: distance, point: _intersectPoint.clone(), uv: Triangle.getUV(_intersectPoint, _vA$1, _vB$1, _vC$1, _uvA$1, _uvB$1, _uvC$1, new Vector2()), face: null, object: this }); }, copy: function copy(source) { Object3D.prototype.copy.call(this, source); if (source.center !== undefined) this.center.copy(source.center); this.material = source.material; return this; } }); function transformVertex(vertexPosition, mvPosition, center, scale, sin, cos) { // compute position in camera space _alignedPosition.subVectors(vertexPosition, center).addScalar(0.5).multiply(scale); // to check if rotation is not zero if (sin !== undefined) { _rotatedPosition.x = cos * _alignedPosition.x - sin * _alignedPosition.y; _rotatedPosition.y = sin * _alignedPosition.x + cos * _alignedPosition.y; } else { _rotatedPosition.copy(_alignedPosition); } vertexPosition.copy(mvPosition); vertexPosition.x += _rotatedPosition.x; vertexPosition.y += _rotatedPosition.y; // transform to world space vertexPosition.applyMatrix4(_viewWorldMatrix); } var _v1$4 = new Vector3(); var _v2$2 = new Vector3(); function LOD() { Object3D.call(this); this._currentLevel = 0; this.type = 'LOD'; Object.defineProperties(this, { levels: { enumerable: true, value: [] } }); this.autoUpdate = true; } LOD.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: LOD, isLOD: true, copy: function copy(source) { Object3D.prototype.copy.call(this, source, false); var levels = source.levels; for (var i = 0, l = levels.length; i < l; i++) { var level = levels[i]; this.addLevel(level.object.clone(), level.distance); } this.autoUpdate = source.autoUpdate; return this; }, addLevel: function addLevel(object, distance) { if (distance === void 0) { distance = 0; } distance = Math.abs(distance); var levels = this.levels; var l; for (l = 0; l < levels.length; l++) { if (distance < levels[l].distance) { break; } } levels.splice(l, 0, { distance: distance, object: object }); this.add(object); return this; }, getCurrentLevel: function getCurrentLevel() { return this._currentLevel; }, getObjectForDistance: function getObjectForDistance(distance) { var levels = this.levels; if (levels.length > 0) { var i, l; for (i = 1, l = levels.length; i < l; i++) { if (distance < levels[i].distance) { break; } } return levels[i - 1].object; } return null; }, raycast: function raycast(raycaster, intersects) { var levels = this.levels; if (levels.length > 0) { _v1$4.setFromMatrixPosition(this.matrixWorld); var distance = raycaster.ray.origin.distanceTo(_v1$4); this.getObjectForDistance(distance).raycast(raycaster, intersects); } }, update: function update(camera) { var levels = this.levels; if (levels.length > 1) { _v1$4.setFromMatrixPosition(camera.matrixWorld); _v2$2.setFromMatrixPosition(this.matrixWorld); var distance = _v1$4.distanceTo(_v2$2) / camera.zoom; levels[0].object.visible = true; var i, l; for (i = 1, l = levels.length; i < l; i++) { if (distance >= levels[i].distance) { levels[i - 1].object.visible = false; levels[i].object.visible = true; } else { break; } } this._currentLevel = i - 1; for (; i < l; i++) { levels[i].object.visible = false; } } }, toJSON: function toJSON(meta) { var data = Object3D.prototype.toJSON.call(this, meta); if (this.autoUpdate === false) data.object.autoUpdate = false; data.object.levels = []; var levels = this.levels; for (var i = 0, l = levels.length; i < l; i++) { var level = levels[i]; data.object.levels.push({ object: level.object.uuid, distance: level.distance }); } return data; } }); var _basePosition = new Vector3(); var _skinIndex = new Vector4(); var _skinWeight = new Vector4(); var _vector$7 = new Vector3(); var _matrix$1 = new Matrix4(); function SkinnedMesh(geometry, material) { if (geometry && geometry.isGeometry) { console.error('THREE.SkinnedMesh no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.'); } Mesh.call(this, geometry, material); this.type = 'SkinnedMesh'; this.bindMode = 'attached'; this.bindMatrix = new Matrix4(); this.bindMatrixInverse = new Matrix4(); } SkinnedMesh.prototype = Object.assign(Object.create(Mesh.prototype), { constructor: SkinnedMesh, isSkinnedMesh: true, copy: function copy(source) { Mesh.prototype.copy.call(this, source); this.bindMode = source.bindMode; this.bindMatrix.copy(source.bindMatrix); this.bindMatrixInverse.copy(source.bindMatrixInverse); this.skeleton = source.skeleton; return this; }, bind: function bind(skeleton, bindMatrix) { this.skeleton = skeleton; if (bindMatrix === undefined) { this.updateMatrixWorld(true); this.skeleton.calculateInverses(); bindMatrix = this.matrixWorld; } this.bindMatrix.copy(bindMatrix); this.bindMatrixInverse.copy(bindMatrix).invert(); }, pose: function pose() { this.skeleton.pose(); }, normalizeSkinWeights: function normalizeSkinWeights() { var vector = new Vector4(); var skinWeight = this.geometry.attributes.skinWeight; for (var i = 0, l = skinWeight.count; i < l; i++) { vector.x = skinWeight.getX(i); vector.y = skinWeight.getY(i); vector.z = skinWeight.getZ(i); vector.w = skinWeight.getW(i); var scale = 1.0 / vector.manhattanLength(); if (scale !== Infinity) { vector.multiplyScalar(scale); } else { vector.set(1, 0, 0, 0); // do something reasonable } skinWeight.setXYZW(i, vector.x, vector.y, vector.z, vector.w); } }, updateMatrixWorld: function updateMatrixWorld(force) { Mesh.prototype.updateMatrixWorld.call(this, force); if (this.bindMode === 'attached') { this.bindMatrixInverse.copy(this.matrixWorld).invert(); } else if (this.bindMode === 'detached') { this.bindMatrixInverse.copy(this.bindMatrix).invert(); } else { console.warn('THREE.SkinnedMesh: Unrecognized bindMode: ' + this.bindMode); } }, boneTransform: function boneTransform(index, target) { var skeleton = this.skeleton; var geometry = this.geometry; _skinIndex.fromBufferAttribute(geometry.attributes.skinIndex, index); _skinWeight.fromBufferAttribute(geometry.attributes.skinWeight, index); _basePosition.fromBufferAttribute(geometry.attributes.position, index).applyMatrix4(this.bindMatrix); target.set(0, 0, 0); for (var i = 0; i < 4; i++) { var weight = _skinWeight.getComponent(i); if (weight !== 0) { var boneIndex = _skinIndex.getComponent(i); _matrix$1.multiplyMatrices(skeleton.bones[boneIndex].matrixWorld, skeleton.boneInverses[boneIndex]); target.addScaledVector(_vector$7.copy(_basePosition).applyMatrix4(_matrix$1), weight); } } return target.applyMatrix4(this.bindMatrixInverse); } }); function Bone() { Object3D.call(this); this.type = 'Bone'; } Bone.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: Bone, isBone: true }); var _offsetMatrix = new Matrix4(); var _identityMatrix = new Matrix4(); function Skeleton(bones, boneInverses) { if (bones === void 0) { bones = []; } if (boneInverses === void 0) { boneInverses = []; } this.uuid = MathUtils.generateUUID(); this.bones = bones.slice(0); this.boneInverses = boneInverses; this.boneMatrices = null; this.boneTexture = null; this.boneTextureSize = 0; this.frame = -1; this.init(); } Object.assign(Skeleton.prototype, { init: function init() { var bones = this.bones; var boneInverses = this.boneInverses; this.boneMatrices = new Float32Array(bones.length * 16); // calculate inverse bone matrices if necessary if (boneInverses.length === 0) { this.calculateInverses(); } else { // handle special case if (bones.length !== boneInverses.length) { console.warn('THREE.Skeleton: Number of inverse bone matrices does not match amount of bones.'); this.boneInverses = []; for (var i = 0, il = this.bones.length; i < il; i++) { this.boneInverses.push(new Matrix4()); } } } }, calculateInverses: function calculateInverses() { this.boneInverses.length = 0; for (var i = 0, il = this.bones.length; i < il; i++) { var inverse = new Matrix4(); if (this.bones[i]) { inverse.copy(this.bones[i].matrixWorld).invert(); } this.boneInverses.push(inverse); } }, pose: function pose() { // recover the bind-time world matrices for (var i = 0, il = this.bones.length; i < il; i++) { var bone = this.bones[i]; if (bone) { bone.matrixWorld.copy(this.boneInverses[i]).invert(); } } // compute the local matrices, positions, rotations and scales for (var _i = 0, _il = this.bones.length; _i < _il; _i++) { var _bone = this.bones[_i]; if (_bone) { if (_bone.parent && _bone.parent.isBone) { _bone.matrix.copy(_bone.parent.matrixWorld).invert(); _bone.matrix.multiply(_bone.matrixWorld); } else { _bone.matrix.copy(_bone.matrixWorld); } _bone.matrix.decompose(_bone.position, _bone.quaternion, _bone.scale); } } }, update: function update() { var bones = this.bones; var boneInverses = this.boneInverses; var boneMatrices = this.boneMatrices; var boneTexture = this.boneTexture; // flatten bone matrices to array for (var i = 0, il = bones.length; i < il; i++) { // compute the offset between the current and the original transform var matrix = bones[i] ? bones[i].matrixWorld : _identityMatrix; _offsetMatrix.multiplyMatrices(matrix, boneInverses[i]); _offsetMatrix.toArray(boneMatrices, i * 16); } if (boneTexture !== null) { boneTexture.needsUpdate = true; } }, clone: function clone() { return new Skeleton(this.bones, this.boneInverses); }, getBoneByName: function getBoneByName(name) { for (var i = 0, il = this.bones.length; i < il; i++) { var bone = this.bones[i]; if (bone.name === name) { return bone; } } return undefined; }, dispose: function dispose() { if (this.boneTexture !== null) { this.boneTexture.dispose(); this.boneTexture = null; } }, fromJSON: function fromJSON(json, bones) { this.uuid = json.uuid; for (var i = 0, l = json.bones.length; i < l; i++) { var uuid = json.bones[i]; var bone = bones[uuid]; if (bone === undefined) { console.warn('THREE.Skeleton: No bone found with UUID:', uuid); bone = new Bone(); } this.bones.push(bone); this.boneInverses.push(new Matrix4().fromArray(json.boneInverses[i])); } this.init(); return this; }, toJSON: function toJSON() { var data = { metadata: { version: 4.5, type: 'Skeleton', generator: 'Skeleton.toJSON' }, bones: [], boneInverses: [] }; data.uuid = this.uuid; var bones = this.bones; var boneInverses = this.boneInverses; for (var i = 0, l = bones.length; i < l; i++) { var bone = bones[i]; data.bones.push(bone.uuid); var boneInverse = boneInverses[i]; data.boneInverses.push(boneInverse.toArray()); } return data; } }); var _instanceLocalMatrix = new Matrix4(); var _instanceWorldMatrix = new Matrix4(); var _instanceIntersects = []; var _mesh = new Mesh(); function InstancedMesh(geometry, material, count) { Mesh.call(this, geometry, material); this.instanceMatrix = new BufferAttribute(new Float32Array(count * 16), 16); this.instanceColor = null; this.count = count; this.frustumCulled = false; } InstancedMesh.prototype = Object.assign(Object.create(Mesh.prototype), { constructor: InstancedMesh, isInstancedMesh: true, copy: function copy(source) { Mesh.prototype.copy.call(this, source); this.instanceMatrix.copy(source.instanceMatrix); if (source.instanceColor !== null) this.instanceColor = source.instanceColor.clone(); this.count = source.count; return this; }, getColorAt: function getColorAt(index, color) { color.fromArray(this.instanceColor.array, index * 3); }, getMatrixAt: function getMatrixAt(index, matrix) { matrix.fromArray(this.instanceMatrix.array, index * 16); }, raycast: function raycast(raycaster, intersects) { var matrixWorld = this.matrixWorld; var raycastTimes = this.count; _mesh.geometry = this.geometry; _mesh.material = this.material; if (_mesh.material === undefined) return; for (var instanceId = 0; instanceId < raycastTimes; instanceId++) { // calculate the world matrix for each instance this.getMatrixAt(instanceId, _instanceLocalMatrix); _instanceWorldMatrix.multiplyMatrices(matrixWorld, _instanceLocalMatrix); // the mesh represents this single instance _mesh.matrixWorld = _instanceWorldMatrix; _mesh.raycast(raycaster, _instanceIntersects); // process the result of raycast for (var i = 0, l = _instanceIntersects.length; i < l; i++) { var intersect = _instanceIntersects[i]; intersect.instanceId = instanceId; intersect.object = this; intersects.push(intersect); } _instanceIntersects.length = 0; } }, setColorAt: function setColorAt(index, color) { if (this.instanceColor === null) { this.instanceColor = new BufferAttribute(new Float32Array(this.count * 3), 3); } color.toArray(this.instanceColor.array, index * 3); }, setMatrixAt: function setMatrixAt(index, matrix) { matrix.toArray(this.instanceMatrix.array, index * 16); }, updateMorphTargets: function updateMorphTargets() {}, dispose: function dispose() { this.dispatchEvent({ type: 'dispose' }); } }); /** * parameters = { * color: <hex>, * opacity: <float>, * * linewidth: <float>, * linecap: "round", * linejoin: "round" * } */ function LineBasicMaterial(parameters) { Material.call(this); this.type = 'LineBasicMaterial'; this.color = new Color(0xffffff); this.linewidth = 1; this.linecap = 'round'; this.linejoin = 'round'; this.morphTargets = false; this.setValues(parameters); } LineBasicMaterial.prototype = Object.create(Material.prototype); LineBasicMaterial.prototype.constructor = LineBasicMaterial; LineBasicMaterial.prototype.isLineBasicMaterial = true; LineBasicMaterial.prototype.copy = function (source) { Material.prototype.copy.call(this, source); this.color.copy(source.color); this.linewidth = source.linewidth; this.linecap = source.linecap; this.linejoin = source.linejoin; this.morphTargets = source.morphTargets; return this; }; var _start = new Vector3(); var _end = new Vector3(); var _inverseMatrix$1 = new Matrix4(); var _ray$1 = new Ray(); var _sphere$2 = new Sphere(); function Line(geometry, material) { if (geometry === void 0) { geometry = new BufferGeometry(); } if (material === void 0) { material = new LineBasicMaterial(); } Object3D.call(this); this.type = 'Line'; this.geometry = geometry; this.material = material; this.updateMorphTargets(); } Line.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: Line, isLine: true, copy: function copy(source) { Object3D.prototype.copy.call(this, source); this.material = source.material; this.geometry = source.geometry; return this; }, computeLineDistances: function computeLineDistances() { var geometry = this.geometry; if (geometry.isBufferGeometry) { // we assume non-indexed geometry if (geometry.index === null) { var positionAttribute = geometry.attributes.position; var lineDistances = [0]; for (var i = 1, l = positionAttribute.count; i < l; i++) { _start.fromBufferAttribute(positionAttribute, i - 1); _end.fromBufferAttribute(positionAttribute, i); lineDistances[i] = lineDistances[i - 1]; lineDistances[i] += _start.distanceTo(_end); } geometry.setAttribute('lineDistance', new Float32BufferAttribute(lineDistances, 1)); } else { console.warn('THREE.Line.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.'); } } else if (geometry.isGeometry) { console.error('THREE.Line.computeLineDistances() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.'); } return this; }, raycast: function raycast(raycaster, intersects) { var geometry = this.geometry; var matrixWorld = this.matrixWorld; var threshold = raycaster.params.Line.threshold; // Checking boundingSphere distance to ray if (geometry.boundingSphere === null) geometry.computeBoundingSphere(); _sphere$2.copy(geometry.boundingSphere); _sphere$2.applyMatrix4(matrixWorld); _sphere$2.radius += threshold; if (raycaster.ray.intersectsSphere(_sphere$2) === false) return; // _inverseMatrix$1.copy(matrixWorld).invert(); _ray$1.copy(raycaster.ray).applyMatrix4(_inverseMatrix$1); var localThreshold = threshold / ((this.scale.x + this.scale.y + this.scale.z) / 3); var localThresholdSq = localThreshold * localThreshold; var vStart = new Vector3(); var vEnd = new Vector3(); var interSegment = new Vector3(); var interRay = new Vector3(); var step = this.isLineSegments ? 2 : 1; if (geometry.isBufferGeometry) { var index = geometry.index; var attributes = geometry.attributes; var positionAttribute = attributes.position; if (index !== null) { var indices = index.array; for (var i = 0, l = indices.length - 1; i < l; i += step) { var a = indices[i]; var b = indices[i + 1]; vStart.fromBufferAttribute(positionAttribute, a); vEnd.fromBufferAttribute(positionAttribute, b); var distSq = _ray$1.distanceSqToSegment(vStart, vEnd, interRay, interSegment); if (distSq > localThresholdSq) continue; interRay.applyMatrix4(this.matrixWorld); //Move back to world space for distance calculation var distance = raycaster.ray.origin.distanceTo(interRay); if (distance < raycaster.near || distance > raycaster.far) continue; intersects.push({ distance: distance, // What do we want? intersection point on the ray or on the segment?? // point: raycaster.ray.at( distance ), point: interSegment.clone().applyMatrix4(this.matrixWorld), index: i, face: null, faceIndex: null, object: this }); } } else { for (var _i = 0, _l = positionAttribute.count - 1; _i < _l; _i += step) { vStart.fromBufferAttribute(positionAttribute, _i); vEnd.fromBufferAttribute(positionAttribute, _i + 1); var _distSq = _ray$1.distanceSqToSegment(vStart, vEnd, interRay, interSegment); if (_distSq > localThresholdSq) continue; interRay.applyMatrix4(this.matrixWorld); //Move back to world space for distance calculation var _distance = raycaster.ray.origin.distanceTo(interRay); if (_distance < raycaster.near || _distance > raycaster.far) continue; intersects.push({ distance: _distance, // What do we want? intersection point on the ray or on the segment?? // point: raycaster.ray.at( distance ), point: interSegment.clone().applyMatrix4(this.matrixWorld), index: _i, face: null, faceIndex: null, object: this }); } } } else if (geometry.isGeometry) { console.error('THREE.Line.raycast() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.'); } }, updateMorphTargets: function updateMorphTargets() { var geometry = this.geometry; if (geometry.isBufferGeometry) { var morphAttributes = geometry.morphAttributes; var keys = Object.keys(morphAttributes); if (keys.length > 0) { var morphAttribute = morphAttributes[keys[0]]; if (morphAttribute !== undefined) { this.morphTargetInfluences = []; this.morphTargetDictionary = {}; for (var m = 0, ml = morphAttribute.length; m < ml; m++) { var name = morphAttribute[m].name || String(m); this.morphTargetInfluences.push(0); this.morphTargetDictionary[name] = m; } } } } else { var morphTargets = geometry.morphTargets; if (morphTargets !== undefined && morphTargets.length > 0) { console.error('THREE.Line.updateMorphTargets() does not support THREE.Geometry. Use THREE.BufferGeometry instead.'); } } } }); var _start$1 = new Vector3(); var _end$1 = new Vector3(); function LineSegments(geometry, material) { Line.call(this, geometry, material); this.type = 'LineSegments'; } LineSegments.prototype = Object.assign(Object.create(Line.prototype), { constructor: LineSegments, isLineSegments: true, computeLineDistances: function computeLineDistances() { var geometry = this.geometry; if (geometry.isBufferGeometry) { // we assume non-indexed geometry if (geometry.index === null) { var positionAttribute = geometry.attributes.position; var lineDistances = []; for (var i = 0, l = positionAttribute.count; i < l; i += 2) { _start$1.fromBufferAttribute(positionAttribute, i); _end$1.fromBufferAttribute(positionAttribute, i + 1); lineDistances[i] = i === 0 ? 0 : lineDistances[i - 1]; lineDistances[i + 1] = lineDistances[i] + _start$1.distanceTo(_end$1); } geometry.setAttribute('lineDistance', new Float32BufferAttribute(lineDistances, 1)); } else { console.warn('THREE.LineSegments.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.'); } } else if (geometry.isGeometry) { console.error('THREE.LineSegments.computeLineDistances() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.'); } return this; } }); function LineLoop(geometry, material) { Line.call(this, geometry, material); this.type = 'LineLoop'; } LineLoop.prototype = Object.assign(Object.create(Line.prototype), { constructor: LineLoop, isLineLoop: true }); /** * parameters = { * color: <hex>, * opacity: <float>, * map: new THREE.Texture( <Image> ), * alphaMap: new THREE.Texture( <Image> ), * * size: <float>, * sizeAttenuation: <bool> * * morphTargets: <bool> * } */ function PointsMaterial(parameters) { Material.call(this); this.type = 'PointsMaterial'; this.color = new Color(0xffffff); this.map = null; this.alphaMap = null; this.size = 1; this.sizeAttenuation = true; this.morphTargets = false; this.setValues(parameters); } PointsMaterial.prototype = Object.create(Material.prototype); PointsMaterial.prototype.constructor = PointsMaterial; PointsMaterial.prototype.isPointsMaterial = true; PointsMaterial.prototype.copy = function (source) { Material.prototype.copy.call(this, source); this.color.copy(source.color); this.map = source.map; this.alphaMap = source.alphaMap; this.size = source.size; this.sizeAttenuation = source.sizeAttenuation; this.morphTargets = source.morphTargets; return this; }; var _inverseMatrix$2 = new Matrix4(); var _ray$2 = new Ray(); var _sphere$3 = new Sphere(); var _position$1 = new Vector3(); function Points(geometry, material) { if (geometry === void 0) { geometry = new BufferGeometry(); } if (material === void 0) { material = new PointsMaterial(); } Object3D.call(this); this.type = 'Points'; this.geometry = geometry; this.material = material; this.updateMorphTargets(); } Points.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: Points, isPoints: true, copy: function copy(source) { Object3D.prototype.copy.call(this, source); this.material = source.material; this.geometry = source.geometry; return this; }, raycast: function raycast(raycaster, intersects) { var geometry = this.geometry; var matrixWorld = this.matrixWorld; var threshold = raycaster.params.Points.threshold; // Checking boundingSphere distance to ray if (geometry.boundingSphere === null) geometry.computeBoundingSphere(); _sphere$3.copy(geometry.boundingSphere); _sphere$3.applyMatrix4(matrixWorld); _sphere$3.radius += threshold; if (raycaster.ray.intersectsSphere(_sphere$3) === false) return; // _inverseMatrix$2.copy(matrixWorld).invert(); _ray$2.copy(raycaster.ray).applyMatrix4(_inverseMatrix$2); var localThreshold = threshold / ((this.scale.x + this.scale.y + this.scale.z) / 3); var localThresholdSq = localThreshold * localThreshold; if (geometry.isBufferGeometry) { var index = geometry.index; var attributes = geometry.attributes; var positionAttribute = attributes.position; if (index !== null) { var indices = index.array; for (var i = 0, il = indices.length; i < il; i++) { var a = indices[i]; _position$1.fromBufferAttribute(positionAttribute, a); testPoint(_position$1, a, localThresholdSq, matrixWorld, raycaster, intersects, this); } } else { for (var _i = 0, l = positionAttribute.count; _i < l; _i++) { _position$1.fromBufferAttribute(positionAttribute, _i); testPoint(_position$1, _i, localThresholdSq, matrixWorld, raycaster, intersects, this); } } } else { console.error('THREE.Points.raycast() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.'); } }, updateMorphTargets: function updateMorphTargets() { var geometry = this.geometry; if (geometry.isBufferGeometry) { var morphAttributes = geometry.morphAttributes; var keys = Object.keys(morphAttributes); if (keys.length > 0) { var morphAttribute = morphAttributes[keys[0]]; if (morphAttribute !== undefined) { this.morphTargetInfluences = []; this.morphTargetDictionary = {}; for (var m = 0, ml = morphAttribute.length; m < ml; m++) { var name = morphAttribute[m].name || String(m); this.morphTargetInfluences.push(0); this.morphTargetDictionary[name] = m; } } } } else { var morphTargets = geometry.morphTargets; if (morphTargets !== undefined && morphTargets.length > 0) { console.error('THREE.Points.updateMorphTargets() does not support THREE.Geometry. Use THREE.BufferGeometry instead.'); } } } }); function testPoint(point, index, localThresholdSq, matrixWorld, raycaster, intersects, object) { var rayPointDistanceSq = _ray$2.distanceSqToPoint(point); if (rayPointDistanceSq < localThresholdSq) { var intersectPoint = new Vector3(); _ray$2.closestPointToPoint(point, intersectPoint); intersectPoint.applyMatrix4(matrixWorld); var distance = raycaster.ray.origin.distanceTo(intersectPoint); if (distance < raycaster.near || distance > raycaster.far) return; intersects.push({ distance: distance, distanceToRay: Math.sqrt(rayPointDistanceSq), point: intersectPoint, index: index, face: null, object: object }); } } function VideoTexture(video, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy) { Texture.call(this, video, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy); this.format = format !== undefined ? format : RGBFormat; this.minFilter = minFilter !== undefined ? minFilter : LinearFilter; this.magFilter = magFilter !== undefined ? magFilter : LinearFilter; this.generateMipmaps = false; var scope = this; function updateVideo() { scope.needsUpdate = true; video.requestVideoFrameCallback(updateVideo); } if ('requestVideoFrameCallback' in video) { video.requestVideoFrameCallback(updateVideo); } } VideoTexture.prototype = Object.assign(Object.create(Texture.prototype), { constructor: VideoTexture, clone: function clone() { return new this.constructor(this.image).copy(this); }, isVideoTexture: true, update: function update() { var video = this.image; var hasVideoFrameCallback = ('requestVideoFrameCallback' in video); if (hasVideoFrameCallback === false && video.readyState >= video.HAVE_CURRENT_DATA) { this.needsUpdate = true; } } }); function CompressedTexture(mipmaps, width, height, format, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, encoding) { Texture.call(this, null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding); this.image = { width: width, height: height }; this.mipmaps = mipmaps; // no flipping for cube textures // (also flipping doesn't work for compressed textures ) this.flipY = false; // can't generate mipmaps for compressed textures // mips must be embedded in DDS files this.generateMipmaps = false; } CompressedTexture.prototype = Object.create(Texture.prototype); CompressedTexture.prototype.constructor = CompressedTexture; CompressedTexture.prototype.isCompressedTexture = true; function CanvasTexture(canvas, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy) { Texture.call(this, canvas, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy); this.needsUpdate = true; } CanvasTexture.prototype = Object.create(Texture.prototype); CanvasTexture.prototype.constructor = CanvasTexture; CanvasTexture.prototype.isCanvasTexture = true; function DepthTexture(width, height, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, format) { format = format !== undefined ? format : DepthFormat; if (format !== DepthFormat && format !== DepthStencilFormat) { throw new Error('DepthTexture format must be either THREE.DepthFormat or THREE.DepthStencilFormat'); } if (type === undefined && format === DepthFormat) type = UnsignedShortType; if (type === undefined && format === DepthStencilFormat) type = UnsignedInt248Type; Texture.call(this, null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy); this.image = { width: width, height: height }; this.magFilter = magFilter !== undefined ? magFilter : NearestFilter; this.minFilter = minFilter !== undefined ? minFilter : NearestFilter; this.flipY = false; this.generateMipmaps = false; } DepthTexture.prototype = Object.create(Texture.prototype); DepthTexture.prototype.constructor = DepthTexture; DepthTexture.prototype.isDepthTexture = true; var CircleGeometry = /*#__PURE__*/function (_BufferGeometry) { _inheritsLoose(CircleGeometry, _BufferGeometry); function CircleGeometry(radius, segments, thetaStart, thetaLength) { var _this; if (radius === void 0) { radius = 1; } if (segments === void 0) { segments = 8; } if (thetaStart === void 0) { thetaStart = 0; } if (thetaLength === void 0) { thetaLength = Math.PI * 2; } _this = _BufferGeometry.call(this) || this; _this.type = 'CircleGeometry'; _this.parameters = { radius: radius, segments: segments, thetaStart: thetaStart, thetaLength: thetaLength }; segments = Math.max(3, segments); // buffers var indices = []; var vertices = []; var normals = []; var uvs = []; // helper variables var vertex = new Vector3(); var uv = new Vector2(); // center point vertices.push(0, 0, 0); normals.push(0, 0, 1); uvs.push(0.5, 0.5); for (var s = 0, i = 3; s <= segments; s++, i += 3) { var segment = thetaStart + s / segments * thetaLength; // vertex vertex.x = radius * Math.cos(segment); vertex.y = radius * Math.sin(segment); vertices.push(vertex.x, vertex.y, vertex.z); // normal normals.push(0, 0, 1); // uvs uv.x = (vertices[i] / radius + 1) / 2; uv.y = (vertices[i + 1] / radius + 1) / 2; uvs.push(uv.x, uv.y); } // indices for (var _i = 1; _i <= segments; _i++) { indices.push(_i, _i + 1, 0); } // build geometry _this.setIndex(indices); _this.setAttribute('position', new Float32BufferAttribute(vertices, 3)); _this.setAttribute('normal', new Float32BufferAttribute(normals, 3)); _this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); return _this; } return CircleGeometry; }(BufferGeometry); var CylinderGeometry = /*#__PURE__*/function (_BufferGeometry) { _inheritsLoose(CylinderGeometry, _BufferGeometry); function CylinderGeometry(radiusTop, radiusBottom, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength) { var _this; if (radiusTop === void 0) { radiusTop = 1; } if (radiusBottom === void 0) { radiusBottom = 1; } if (height === void 0) { height = 1; } if (radialSegments === void 0) { radialSegments = 8; } if (heightSegments === void 0) { heightSegments = 1; } if (openEnded === void 0) { openEnded = false; } if (thetaStart === void 0) { thetaStart = 0; } if (thetaLength === void 0) { thetaLength = Math.PI * 2; } _this = _BufferGeometry.call(this) || this; _this.type = 'CylinderGeometry'; _this.parameters = { radiusTop: radiusTop, radiusBottom: radiusBottom, height: height, radialSegments: radialSegments, heightSegments: heightSegments, openEnded: openEnded, thetaStart: thetaStart, thetaLength: thetaLength }; var scope = _assertThisInitialized(_this); radialSegments = Math.floor(radialSegments); heightSegments = Math.floor(heightSegments); // buffers var indices = []; var vertices = []; var normals = []; var uvs = []; // helper variables var index = 0; var indexArray = []; var halfHeight = height / 2; var groupStart = 0; // generate geometry generateTorso(); if (openEnded === false) { if (radiusTop > 0) generateCap(true); if (radiusBottom > 0) generateCap(false); } // build geometry _this.setIndex(indices); _this.setAttribute('position', new Float32BufferAttribute(vertices, 3)); _this.setAttribute('normal', new Float32BufferAttribute(normals, 3)); _this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); function generateTorso() { var normal = new Vector3(); var vertex = new Vector3(); var groupCount = 0; // this will be used to calculate the normal var slope = (radiusBottom - radiusTop) / height; // generate vertices, normals and uvs for (var y = 0; y <= heightSegments; y++) { var indexRow = []; var v = y / heightSegments; // calculate the radius of the current row var radius = v * (radiusBottom - radiusTop) + radiusTop; for (var x = 0; x <= radialSegments; x++) { var u = x / radialSegments; var theta = u * thetaLength + thetaStart; var sinTheta = Math.sin(theta); var cosTheta = Math.cos(theta); // vertex vertex.x = radius * sinTheta; vertex.y = -v * height + halfHeight; vertex.z = radius * cosTheta; vertices.push(vertex.x, vertex.y, vertex.z); // normal normal.set(sinTheta, slope, cosTheta).normalize(); normals.push(normal.x, normal.y, normal.z); // uv uvs.push(u, 1 - v); // save index of vertex in respective row indexRow.push(index++); } // now save vertices of the row in our index array indexArray.push(indexRow); } // generate indices for (var _x = 0; _x < radialSegments; _x++) { for (var _y = 0; _y < heightSegments; _y++) { // we use the index array to access the correct indices var a = indexArray[_y][_x]; var b = indexArray[_y + 1][_x]; var c = indexArray[_y + 1][_x + 1]; var d = indexArray[_y][_x + 1]; // faces indices.push(a, b, d); indices.push(b, c, d); // update group counter groupCount += 6; } } // add a group to the geometry. this will ensure multi material support scope.addGroup(groupStart, groupCount, 0); // calculate new start value for groups groupStart += groupCount; } function generateCap(top) { // save the index of the first center vertex var centerIndexStart = index; var uv = new Vector2(); var vertex = new Vector3(); var groupCount = 0; var radius = top === true ? radiusTop : radiusBottom; var sign = top === true ? 1 : -1; // first we generate the center vertex data of the cap. // because the geometry needs one set of uvs per face, // we must generate a center vertex per face/segment for (var x = 1; x <= radialSegments; x++) { // vertex vertices.push(0, halfHeight * sign, 0); // normal normals.push(0, sign, 0); // uv uvs.push(0.5, 0.5); // increase index index++; } // save the index of the last center vertex var centerIndexEnd = index; // now we generate the surrounding vertices, normals and uvs for (var _x2 = 0; _x2 <= radialSegments; _x2++) { var u = _x2 / radialSegments; var theta = u * thetaLength + thetaStart; var cosTheta = Math.cos(theta); var sinTheta = Math.sin(theta); // vertex vertex.x = radius * sinTheta; vertex.y = halfHeight * sign; vertex.z = radius * cosTheta; vertices.push(vertex.x, vertex.y, vertex.z); // normal normals.push(0, sign, 0); // uv uv.x = cosTheta * 0.5 + 0.5; uv.y = sinTheta * 0.5 * sign + 0.5; uvs.push(uv.x, uv.y); // increase index index++; } // generate indices for (var _x3 = 0; _x3 < radialSegments; _x3++) { var c = centerIndexStart + _x3; var i = centerIndexEnd + _x3; if (top === true) { // face top indices.push(i, i + 1, c); } else { // face bottom indices.push(i + 1, i, c); } groupCount += 3; } // add a group to the geometry. this will ensure multi material support scope.addGroup(groupStart, groupCount, top === true ? 1 : 2); // calculate new start value for groups groupStart += groupCount; } return _this; } return CylinderGeometry; }(BufferGeometry); var ConeGeometry = /*#__PURE__*/function (_CylinderGeometry) { _inheritsLoose(ConeGeometry, _CylinderGeometry); function ConeGeometry(radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength) { var _this; if (radius === void 0) { radius = 1; } if (height === void 0) { height = 1; } if (radialSegments === void 0) { radialSegments = 8; } if (heightSegments === void 0) { heightSegments = 1; } if (openEnded === void 0) { openEnded = false; } if (thetaStart === void 0) { thetaStart = 0; } if (thetaLength === void 0) { thetaLength = Math.PI * 2; } _this = _CylinderGeometry.call(this, 0, radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength) || this; _this.type = 'ConeGeometry'; _this.parameters = { radius: radius, height: height, radialSegments: radialSegments, heightSegments: heightSegments, openEnded: openEnded, thetaStart: thetaStart, thetaLength: thetaLength }; return _this; } return ConeGeometry; }(CylinderGeometry); var PolyhedronGeometry = /*#__PURE__*/function (_BufferGeometry) { _inheritsLoose(PolyhedronGeometry, _BufferGeometry); function PolyhedronGeometry(vertices, indices, radius, detail) { var _this; if (radius === void 0) { radius = 1; } if (detail === void 0) { detail = 0; } _this = _BufferGeometry.call(this) || this; _this.type = 'PolyhedronGeometry'; _this.parameters = { vertices: vertices, indices: indices, radius: radius, detail: detail }; // default buffer data var vertexBuffer = []; var uvBuffer = []; // the subdivision creates the vertex buffer data subdivide(detail); // all vertices should lie on a conceptual sphere with a given radius applyRadius(radius); // finally, create the uv data generateUVs(); // build non-indexed geometry _this.setAttribute('position', new Float32BufferAttribute(vertexBuffer, 3)); _this.setAttribute('normal', new Float32BufferAttribute(vertexBuffer.slice(), 3)); _this.setAttribute('uv', new Float32BufferAttribute(uvBuffer, 2)); if (detail === 0) { _this.computeVertexNormals(); // flat normals } else { _this.normalizeNormals(); // smooth normals } // helper functions function subdivide(detail) { var a = new Vector3(); var b = new Vector3(); var c = new Vector3(); // iterate over all faces and apply a subdivison with the given detail value for (var i = 0; i < indices.length; i += 3) { // get the vertices of the face getVertexByIndex(indices[i + 0], a); getVertexByIndex(indices[i + 1], b); getVertexByIndex(indices[i + 2], c); // perform subdivision subdivideFace(a, b, c, detail); } } function subdivideFace(a, b, c, detail) { var cols = detail + 1; // we use this multidimensional array as a data structure for creating the subdivision var v = []; // construct all of the vertices for this subdivision for (var i = 0; i <= cols; i++) { v[i] = []; var aj = a.clone().lerp(c, i / cols); var bj = b.clone().lerp(c, i / cols); var rows = cols - i; for (var j = 0; j <= rows; j++) { if (j === 0 && i === cols) { v[i][j] = aj; } else { v[i][j] = aj.clone().lerp(bj, j / rows); } } } // construct all of the faces for (var _i = 0; _i < cols; _i++) { for (var _j = 0; _j < 2 * (cols - _i) - 1; _j++) { var k = Math.floor(_j / 2); if (_j % 2 === 0) { pushVertex(v[_i][k + 1]); pushVertex(v[_i + 1][k]); pushVertex(v[_i][k]); } else { pushVertex(v[_i][k + 1]); pushVertex(v[_i + 1][k + 1]); pushVertex(v[_i + 1][k]); } } } } function applyRadius(radius) { var vertex = new Vector3(); // iterate over the entire buffer and apply the radius to each vertex for (var i = 0; i < vertexBuffer.length; i += 3) { vertex.x = vertexBuffer[i + 0]; vertex.y = vertexBuffer[i + 1]; vertex.z = vertexBuffer[i + 2]; vertex.normalize().multiplyScalar(radius); vertexBuffer[i + 0] = vertex.x; vertexBuffer[i + 1] = vertex.y; vertexBuffer[i + 2] = vertex.z; } } function generateUVs() { var vertex = new Vector3(); for (var i = 0; i < vertexBuffer.length; i += 3) { vertex.x = vertexBuffer[i + 0]; vertex.y = vertexBuffer[i + 1]; vertex.z = vertexBuffer[i + 2]; var u = azimuth(vertex) / 2 / Math.PI + 0.5; var v = inclination(vertex) / Math.PI + 0.5; uvBuffer.push(u, 1 - v); } correctUVs(); correctSeam(); } function correctSeam() { // handle case when face straddles the seam, see #3269 for (var i = 0; i < uvBuffer.length; i += 6) { // uv data of a single face var x0 = uvBuffer[i + 0]; var x1 = uvBuffer[i + 2]; var x2 = uvBuffer[i + 4]; var max = Math.max(x0, x1, x2); var min = Math.min(x0, x1, x2); // 0.9 is somewhat arbitrary if (max > 0.9 && min < 0.1) { if (x0 < 0.2) uvBuffer[i + 0] += 1; if (x1 < 0.2) uvBuffer[i + 2] += 1; if (x2 < 0.2) uvBuffer[i + 4] += 1; } } } function pushVertex(vertex) { vertexBuffer.push(vertex.x, vertex.y, vertex.z); } function getVertexByIndex(index, vertex) { var stride = index * 3; vertex.x = vertices[stride + 0]; vertex.y = vertices[stride + 1]; vertex.z = vertices[stride + 2]; } function correctUVs() { var a = new Vector3(); var b = new Vector3(); var c = new Vector3(); var centroid = new Vector3(); var uvA = new Vector2(); var uvB = new Vector2(); var uvC = new Vector2(); for (var i = 0, j = 0; i < vertexBuffer.length; i += 9, j += 6) { a.set(vertexBuffer[i + 0], vertexBuffer[i + 1], vertexBuffer[i + 2]); b.set(vertexBuffer[i + 3], vertexBuffer[i + 4], vertexBuffer[i + 5]); c.set(vertexBuffer[i + 6], vertexBuffer[i + 7], vertexBuffer[i + 8]); uvA.set(uvBuffer[j + 0], uvBuffer[j + 1]); uvB.set(uvBuffer[j + 2], uvBuffer[j + 3]); uvC.set(uvBuffer[j + 4], uvBuffer[j + 5]); centroid.copy(a).add(b).add(c).divideScalar(3); var azi = azimuth(centroid); correctUV(uvA, j + 0, a, azi); correctUV(uvB, j + 2, b, azi); correctUV(uvC, j + 4, c, azi); } } function correctUV(uv, stride, vector, azimuth) { if (azimuth < 0 && uv.x === 1) { uvBuffer[stride] = uv.x - 1; } if (vector.x === 0 && vector.z === 0) { uvBuffer[stride] = azimuth / 2 / Math.PI + 0.5; } } // Angle around the Y axis, counter-clockwise when looking from above. function azimuth(vector) { return Math.atan2(vector.z, -vector.x); } // Angle above the XZ plane. function inclination(vector) { return Math.atan2(-vector.y, Math.sqrt(vector.x * vector.x + vector.z * vector.z)); } return _this; } return PolyhedronGeometry; }(BufferGeometry); var DodecahedronGeometry = /*#__PURE__*/function (_PolyhedronGeometry) { _inheritsLoose(DodecahedronGeometry, _PolyhedronGeometry); function DodecahedronGeometry(radius, detail) { var _this; if (radius === void 0) { radius = 1; } if (detail === void 0) { detail = 0; } var t = (1 + Math.sqrt(5)) / 2; var r = 1 / t; var vertices = [// (±1, ±1, ±1) -1, -1, -1, -1, -1, 1, -1, 1, -1, -1, 1, 1, 1, -1, -1, 1, -1, 1, 1, 1, -1, 1, 1, 1, // (0, ±1/φ, ±φ) 0, -r, -t, 0, -r, t, 0, r, -t, 0, r, t, // (±1/φ, ±φ, 0) -r, -t, 0, -r, t, 0, r, -t, 0, r, t, 0, // (±φ, 0, ±1/φ) -t, 0, -r, t, 0, -r, -t, 0, r, t, 0, r]; var indices = [3, 11, 7, 3, 7, 15, 3, 15, 13, 7, 19, 17, 7, 17, 6, 7, 6, 15, 17, 4, 8, 17, 8, 10, 17, 10, 6, 8, 0, 16, 8, 16, 2, 8, 2, 10, 0, 12, 1, 0, 1, 18, 0, 18, 16, 6, 10, 2, 6, 2, 13, 6, 13, 15, 2, 16, 18, 2, 18, 3, 2, 3, 13, 18, 1, 9, 18, 9, 11, 18, 11, 3, 4, 14, 12, 4, 12, 0, 4, 0, 8, 11, 9, 5, 11, 5, 19, 11, 19, 7, 19, 5, 14, 19, 14, 4, 19, 4, 17, 1, 12, 14, 1, 14, 5, 1, 5, 9]; _this = _PolyhedronGeometry.call(this, vertices, indices, radius, detail) || this; _this.type = 'DodecahedronGeometry'; _this.parameters = { radius: radius, detail: detail }; return _this; } return DodecahedronGeometry; }(PolyhedronGeometry); var _v0$2 = new Vector3(); var _v1$5 = new Vector3(); var _normal$1 = new Vector3(); var _triangle = new Triangle(); var EdgesGeometry = /*#__PURE__*/function (_BufferGeometry) { _inheritsLoose(EdgesGeometry, _BufferGeometry); function EdgesGeometry(geometry, thresholdAngle) { var _this; _this = _BufferGeometry.call(this) || this; _this.type = 'EdgesGeometry'; _this.parameters = { thresholdAngle: thresholdAngle }; thresholdAngle = thresholdAngle !== undefined ? thresholdAngle : 1; if (geometry.isGeometry === true) { console.error('THREE.EdgesGeometry no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.'); return _assertThisInitialized(_this); } var precisionPoints = 4; var precision = Math.pow(10, precisionPoints); var thresholdDot = Math.cos(MathUtils.DEG2RAD * thresholdAngle); var indexAttr = geometry.getIndex(); var positionAttr = geometry.getAttribute('position'); var indexCount = indexAttr ? indexAttr.count : positionAttr.count; var indexArr = [0, 0, 0]; var vertKeys = ['a', 'b', 'c']; var hashes = new Array(3); var edgeData = {}; var vertices = []; for (var i = 0; i < indexCount; i += 3) { if (indexAttr) { indexArr[0] = indexAttr.getX(i); indexArr[1] = indexAttr.getX(i + 1); indexArr[2] = indexAttr.getX(i + 2); } else { indexArr[0] = i; indexArr[1] = i + 1; indexArr[2] = i + 2; } var a = _triangle.a, b = _triangle.b, c = _triangle.c; a.fromBufferAttribute(positionAttr, indexArr[0]); b.fromBufferAttribute(positionAttr, indexArr[1]); c.fromBufferAttribute(positionAttr, indexArr[2]); _triangle.getNormal(_normal$1); // create hashes for the edge from the vertices hashes[0] = Math.round(a.x * precision) + "," + Math.round(a.y * precision) + "," + Math.round(a.z * precision); hashes[1] = Math.round(b.x * precision) + "," + Math.round(b.y * precision) + "," + Math.round(b.z * precision); hashes[2] = Math.round(c.x * precision) + "," + Math.round(c.y * precision) + "," + Math.round(c.z * precision); // skip degenerate triangles if (hashes[0] === hashes[1] || hashes[1] === hashes[2] || hashes[2] === hashes[0]) { continue; } // iterate over every edge for (var j = 0; j < 3; j++) { // get the first and next vertex making up the edge var jNext = (j + 1) % 3; var vecHash0 = hashes[j]; var vecHash1 = hashes[jNext]; var v0 = _triangle[vertKeys[j]]; var v1 = _triangle[vertKeys[jNext]]; var hash = vecHash0 + "_" + vecHash1; var reverseHash = vecHash1 + "_" + vecHash0; if (reverseHash in edgeData && edgeData[reverseHash]) { // if we found a sibling edge add it into the vertex array if // it meets the angle threshold and delete the edge from the map. if (_normal$1.dot(edgeData[reverseHash].normal) <= thresholdDot) { vertices.push(v0.x, v0.y, v0.z); vertices.push(v1.x, v1.y, v1.z); } edgeData[reverseHash] = null; } else if (!(hash in edgeData)) { // if we've already got an edge here then skip adding a new one edgeData[hash] = { index0: indexArr[j], index1: indexArr[jNext], normal: _normal$1.clone() }; } } } // iterate over all remaining, unmatched edges and add them to the vertex array for (var key in edgeData) { if (edgeData[key]) { var _edgeData$key = edgeData[key], index0 = _edgeData$key.index0, index1 = _edgeData$key.index1; _v0$2.fromBufferAttribute(positionAttr, index0); _v1$5.fromBufferAttribute(positionAttr, index1); vertices.push(_v0$2.x, _v0$2.y, _v0$2.z); vertices.push(_v1$5.x, _v1$5.y, _v1$5.z); } } _this.setAttribute('position', new Float32BufferAttribute(vertices, 3)); return _this; } return EdgesGeometry; }(BufferGeometry); /** * Port from https://github.com/mapbox/earcut (v2.2.2) */ var Earcut = { triangulate: function triangulate(data, holeIndices, dim) { dim = dim || 2; var hasHoles = holeIndices && holeIndices.length; var outerLen = hasHoles ? holeIndices[0] * dim : data.length; var outerNode = linkedList(data, 0, outerLen, dim, true); var triangles = []; if (!outerNode || outerNode.next === outerNode.prev) return triangles; var minX, minY, maxX, maxY, x, y, invSize; if (hasHoles) outerNode = eliminateHoles(data, holeIndices, outerNode, dim); // if the shape is not too simple, we'll use z-order curve hash later; calculate polygon bbox if (data.length > 80 * dim) { minX = maxX = data[0]; minY = maxY = data[1]; for (var i = dim; i < outerLen; i += dim) { x = data[i]; y = data[i + 1]; if (x < minX) minX = x; if (y < minY) minY = y; if (x > maxX) maxX = x; if (y > maxY) maxY = y; } // minX, minY and invSize are later used to transform coords into integers for z-order calculation invSize = Math.max(maxX - minX, maxY - minY); invSize = invSize !== 0 ? 1 / invSize : 0; } earcutLinked(outerNode, triangles, dim, minX, minY, invSize); return triangles; } }; // create a circular doubly linked list from polygon points in the specified winding order function linkedList(data, start, end, dim, clockwise) { var i, last; if (clockwise === signedArea(data, start, end, dim) > 0) { for (i = start; i < end; i += dim) { last = insertNode(i, data[i], data[i + 1], last); } } else { for (i = end - dim; i >= start; i -= dim) { last = insertNode(i, data[i], data[i + 1], last); } } if (last && equals(last, last.next)) { removeNode(last); last = last.next; } return last; } // eliminate colinear or duplicate points function filterPoints(start, end) { if (!start) return start; if (!end) end = start; var p = start, again; do { again = false; if (!p.steiner && (equals(p, p.next) || area(p.prev, p, p.next) === 0)) { removeNode(p); p = end = p.prev; if (p === p.next) break; again = true; } else { p = p.next; } } while (again || p !== end); return end; } // main ear slicing loop which triangulates a polygon (given as a linked list) function earcutLinked(ear, triangles, dim, minX, minY, invSize, pass) { if (!ear) return; // interlink polygon nodes in z-order if (!pass && invSize) indexCurve(ear, minX, minY, invSize); var stop = ear, prev, next; // iterate through ears, slicing them one by one while (ear.prev !== ear.next) { prev = ear.prev; next = ear.next; if (invSize ? isEarHashed(ear, minX, minY, invSize) : isEar(ear)) { // cut off the triangle triangles.push(prev.i / dim); triangles.push(ear.i / dim); triangles.push(next.i / dim); removeNode(ear); // skipping the next vertex leads to less sliver triangles ear = next.next; stop = next.next; continue; } ear = next; // if we looped through the whole remaining polygon and can't find any more ears if (ear === stop) { // try filtering points and slicing again if (!pass) { earcutLinked(filterPoints(ear), triangles, dim, minX, minY, invSize, 1); // if this didn't work, try curing all small self-intersections locally } else if (pass === 1) { ear = cureLocalIntersections(filterPoints(ear), triangles, dim); earcutLinked(ear, triangles, dim, minX, minY, invSize, 2); // as a last resort, try splitting the remaining polygon into two } else if (pass === 2) { splitEarcut(ear, triangles, dim, minX, minY, invSize); } break; } } } // check whether a polygon node forms a valid ear with adjacent nodes function isEar(ear) { var a = ear.prev, b = ear, c = ear.next; if (area(a, b, c) >= 0) return false; // reflex, can't be an ear // now make sure we don't have other points inside the potential ear var p = ear.next.next; while (p !== ear.prev) { if (pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false; p = p.next; } return true; } function isEarHashed(ear, minX, minY, invSize) { var a = ear.prev, b = ear, c = ear.next; if (area(a, b, c) >= 0) return false; // reflex, can't be an ear // triangle bbox; min & max are calculated like this for speed var minTX = a.x < b.x ? a.x < c.x ? a.x : c.x : b.x < c.x ? b.x : c.x, minTY = a.y < b.y ? a.y < c.y ? a.y : c.y : b.y < c.y ? b.y : c.y, maxTX = a.x > b.x ? a.x > c.x ? a.x : c.x : b.x > c.x ? b.x : c.x, maxTY = a.y > b.y ? a.y > c.y ? a.y : c.y : b.y > c.y ? b.y : c.y; // z-order range for the current triangle bbox; var minZ = zOrder(minTX, minTY, minX, minY, invSize), maxZ = zOrder(maxTX, maxTY, minX, minY, invSize); var p = ear.prevZ, n = ear.nextZ; // look for points inside the triangle in both directions while (p && p.z >= minZ && n && n.z <= maxZ) { if (p !== ear.prev && p !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false; p = p.prevZ; if (n !== ear.prev && n !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, n.x, n.y) && area(n.prev, n, n.next) >= 0) return false; n = n.nextZ; } // look for remaining points in decreasing z-order while (p && p.z >= minZ) { if (p !== ear.prev && p !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false; p = p.prevZ; } // look for remaining points in increasing z-order while (n && n.z <= maxZ) { if (n !== ear.prev && n !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, n.x, n.y) && area(n.prev, n, n.next) >= 0) return false; n = n.nextZ; } return true; } // go through all polygon nodes and cure small local self-intersections function cureLocalIntersections(start, triangles, dim) { var p = start; do { var a = p.prev, b = p.next.next; if (!equals(a, b) && intersects(a, p, p.next, b) && locallyInside(a, b) && locallyInside(b, a)) { triangles.push(a.i / dim); triangles.push(p.i / dim); triangles.push(b.i / dim); // remove two nodes involved removeNode(p); removeNode(p.next); p = start = b; } p = p.next; } while (p !== start); return filterPoints(p); } // try splitting polygon into two and triangulate them independently function splitEarcut(start, triangles, dim, minX, minY, invSize) { // look for a valid diagonal that divides the polygon into two var a = start; do { var b = a.next.next; while (b !== a.prev) { if (a.i !== b.i && isValidDiagonal(a, b)) { // split the polygon in two by the diagonal var c = splitPolygon(a, b); // filter colinear points around the cuts a = filterPoints(a, a.next); c = filterPoints(c, c.next); // run earcut on each half earcutLinked(a, triangles, dim, minX, minY, invSize); earcutLinked(c, triangles, dim, minX, minY, invSize); return; } b = b.next; } a = a.next; } while (a !== start); } // link every hole into the outer loop, producing a single-ring polygon without holes function eliminateHoles(data, holeIndices, outerNode, dim) { var queue = []; var i, len, start, end, list; for (i = 0, len = holeIndices.length; i < len; i++) { start = holeIndices[i] * dim; end = i < len - 1 ? holeIndices[i + 1] * dim : data.length; list = linkedList(data, start, end, dim, false); if (list === list.next) list.steiner = true; queue.push(getLeftmost(list)); } queue.sort(compareX); // process holes from left to right for (i = 0; i < queue.length; i++) { eliminateHole(queue[i], outerNode); outerNode = filterPoints(outerNode, outerNode.next); } return outerNode; } function compareX(a, b) { return a.x - b.x; } // find a bridge between vertices that connects hole with an outer ring and and link it function eliminateHole(hole, outerNode) { outerNode = findHoleBridge(hole, outerNode); if (outerNode) { var b = splitPolygon(outerNode, hole); // filter collinear points around the cuts filterPoints(outerNode, outerNode.next); filterPoints(b, b.next); } } // David Eberly's algorithm for finding a bridge between hole and outer polygon function findHoleBridge(hole, outerNode) { var p = outerNode; var hx = hole.x; var hy = hole.y; var qx = -Infinity, m; // find a segment intersected by a ray from the hole's leftmost point to the left; // segment's endpoint with lesser x will be potential connection point do { if (hy <= p.y && hy >= p.next.y && p.next.y !== p.y) { var x = p.x + (hy - p.y) * (p.next.x - p.x) / (p.next.y - p.y); if (x <= hx && x > qx) { qx = x; if (x === hx) { if (hy === p.y) return p; if (hy === p.next.y) return p.next; } m = p.x < p.next.x ? p : p.next; } } p = p.next; } while (p !== outerNode); if (!m) return null; if (hx === qx) return m; // hole touches outer segment; pick leftmost endpoint // look for points inside the triangle of hole point, segment intersection and endpoint; // if there are no points found, we have a valid connection; // otherwise choose the point of the minimum angle with the ray as connection point var stop = m, mx = m.x, my = m.y; var tanMin = Infinity, tan; p = m; do { if (hx >= p.x && p.x >= mx && hx !== p.x && pointInTriangle(hy < my ? hx : qx, hy, mx, my, hy < my ? qx : hx, hy, p.x, p.y)) { tan = Math.abs(hy - p.y) / (hx - p.x); // tangential if (locallyInside(p, hole) && (tan < tanMin || tan === tanMin && (p.x > m.x || p.x === m.x && sectorContainsSector(m, p)))) { m = p; tanMin = tan; } } p = p.next; } while (p !== stop); return m; } // whether sector in vertex m contains sector in vertex p in the same coordinates function sectorContainsSector(m, p) { return area(m.prev, m, p.prev) < 0 && area(p.next, m, m.next) < 0; } // interlink polygon nodes in z-order function indexCurve(start, minX, minY, invSize) { var p = start; do { if (p.z === null) p.z = zOrder(p.x, p.y, minX, minY, invSize); p.prevZ = p.prev; p.nextZ = p.next; p = p.next; } while (p !== start); p.prevZ.nextZ = null; p.prevZ = null; sortLinked(p); } // Simon Tatham's linked list merge sort algorithm // http://www.chiark.greenend.org.uk/~sgtatham/algorithms/listsort.html function sortLinked(list) { var i, p, q, e, tail, numMerges, pSize, qSize, inSize = 1; do { p = list; list = null; tail = null; numMerges = 0; while (p) { numMerges++; q = p; pSize = 0; for (i = 0; i < inSize; i++) { pSize++; q = q.nextZ; if (!q) break; } qSize = inSize; while (pSize > 0 || qSize > 0 && q) { if (pSize !== 0 && (qSize === 0 || !q || p.z <= q.z)) { e = p; p = p.nextZ; pSize--; } else { e = q; q = q.nextZ; qSize--; } if (tail) tail.nextZ = e;else list = e; e.prevZ = tail; tail = e; } p = q; } tail.nextZ = null; inSize *= 2; } while (numMerges > 1); return list; } // z-order of a point given coords and inverse of the longer side of data bbox function zOrder(x, y, minX, minY, invSize) { // coords are transformed into non-negative 15-bit integer range x = 32767 * (x - minX) * invSize; y = 32767 * (y - minY) * invSize; x = (x | x << 8) & 0x00FF00FF; x = (x | x << 4) & 0x0F0F0F0F; x = (x | x << 2) & 0x33333333; x = (x | x << 1) & 0x55555555; y = (y | y << 8) & 0x00FF00FF; y = (y | y << 4) & 0x0F0F0F0F; y = (y | y << 2) & 0x33333333; y = (y | y << 1) & 0x55555555; return x | y << 1; } // find the leftmost node of a polygon ring function getLeftmost(start) { var p = start, leftmost = start; do { if (p.x < leftmost.x || p.x === leftmost.x && p.y < leftmost.y) leftmost = p; p = p.next; } while (p !== start); return leftmost; } // check if a point lies within a convex triangle function pointInTriangle(ax, ay, bx, by, cx, cy, px, py) { return (cx - px) * (ay - py) - (ax - px) * (cy - py) >= 0 && (ax - px) * (by - py) - (bx - px) * (ay - py) >= 0 && (bx - px) * (cy - py) - (cx - px) * (by - py) >= 0; } // check if a diagonal between two polygon nodes is valid (lies in polygon interior) function isValidDiagonal(a, b) { return a.next.i !== b.i && a.prev.i !== b.i && !intersectsPolygon(a, b) && ( // dones't intersect other edges locallyInside(a, b) && locallyInside(b, a) && middleInside(a, b) && ( // locally visible area(a.prev, a, b.prev) || area(a, b.prev, b)) || // does not create opposite-facing sectors equals(a, b) && area(a.prev, a, a.next) > 0 && area(b.prev, b, b.next) > 0); // special zero-length case } // signed area of a triangle function area(p, q, r) { return (q.y - p.y) * (r.x - q.x) - (q.x - p.x) * (r.y - q.y); } // check if two points are equal function equals(p1, p2) { return p1.x === p2.x && p1.y === p2.y; } // check if two segments intersect function intersects(p1, q1, p2, q2) { var o1 = sign(area(p1, q1, p2)); var o2 = sign(area(p1, q1, q2)); var o3 = sign(area(p2, q2, p1)); var o4 = sign(area(p2, q2, q1)); if (o1 !== o2 && o3 !== o4) return true; // general case if (o1 === 0 && onSegment(p1, p2, q1)) return true; // p1, q1 and p2 are collinear and p2 lies on p1q1 if (o2 === 0 && onSegment(p1, q2, q1)) return true; // p1, q1 and q2 are collinear and q2 lies on p1q1 if (o3 === 0 && onSegment(p2, p1, q2)) return true; // p2, q2 and p1 are collinear and p1 lies on p2q2 if (o4 === 0 && onSegment(p2, q1, q2)) return true; // p2, q2 and q1 are collinear and q1 lies on p2q2 return false; } // for collinear points p, q, r, check if point q lies on segment pr function onSegment(p, q, r) { return q.x <= Math.max(p.x, r.x) && q.x >= Math.min(p.x, r.x) && q.y <= Math.max(p.y, r.y) && q.y >= Math.min(p.y, r.y); } function sign(num) { return num > 0 ? 1 : num < 0 ? -1 : 0; } // check if a polygon diagonal intersects any polygon segments function intersectsPolygon(a, b) { var p = a; do { if (p.i !== a.i && p.next.i !== a.i && p.i !== b.i && p.next.i !== b.i && intersects(p, p.next, a, b)) return true; p = p.next; } while (p !== a); return false; } // check if a polygon diagonal is locally inside the polygon function locallyInside(a, b) { return area(a.prev, a, a.next) < 0 ? area(a, b, a.next) >= 0 && area(a, a.prev, b) >= 0 : area(a, b, a.prev) < 0 || area(a, a.next, b) < 0; } // check if the middle point of a polygon diagonal is inside the polygon function middleInside(a, b) { var p = a, inside = false; var px = (a.x + b.x) / 2, py = (a.y + b.y) / 2; do { if (p.y > py !== p.next.y > py && p.next.y !== p.y && px < (p.next.x - p.x) * (py - p.y) / (p.next.y - p.y) + p.x) inside = !inside; p = p.next; } while (p !== a); return inside; } // link two polygon vertices with a bridge; if the vertices belong to the same ring, it splits polygon into two; // if one belongs to the outer ring and another to a hole, it merges it into a single ring function splitPolygon(a, b) { var a2 = new Node(a.i, a.x, a.y), b2 = new Node(b.i, b.x, b.y), an = a.next, bp = b.prev; a.next = b; b.prev = a; a2.next = an; an.prev = a2; b2.next = a2; a2.prev = b2; bp.next = b2; b2.prev = bp; return b2; } // create a node and optionally link it with previous one (in a circular doubly linked list) function insertNode(i, x, y, last) { var p = new Node(i, x, y); if (!last) { p.prev = p; p.next = p; } else { p.next = last.next; p.prev = last; last.next.prev = p; last.next = p; } return p; } function removeNode(p) { p.next.prev = p.prev; p.prev.next = p.next; if (p.prevZ) p.prevZ.nextZ = p.nextZ; if (p.nextZ) p.nextZ.prevZ = p.prevZ; } function Node(i, x, y) { // vertex index in coordinates array this.i = i; // vertex coordinates this.x = x; this.y = y; // previous and next vertex nodes in a polygon ring this.prev = null; this.next = null; // z-order curve value this.z = null; // previous and next nodes in z-order this.prevZ = null; this.nextZ = null; // indicates whether this is a steiner point this.steiner = false; } function signedArea(data, start, end, dim) { var sum = 0; for (var i = start, j = end - dim; i < end; i += dim) { sum += (data[j] - data[i]) * (data[i + 1] + data[j + 1]); j = i; } return sum; } var ShapeUtils = { // calculate area of the contour polygon area: function area(contour) { var n = contour.length; var a = 0.0; for (var p = n - 1, q = 0; q < n; p = q++) { a += contour[p].x * contour[q].y - contour[q].x * contour[p].y; } return a * 0.5; }, isClockWise: function isClockWise(pts) { return ShapeUtils.area(pts) < 0; }, triangulateShape: function triangulateShape(contour, holes) { var vertices = []; // flat array of vertices like [ x0,y0, x1,y1, x2,y2, ... ] var holeIndices = []; // array of hole indices var faces = []; // final array of vertex indices like [ [ a,b,d ], [ b,c,d ] ] removeDupEndPts(contour); addContour(vertices, contour); // var holeIndex = contour.length; holes.forEach(removeDupEndPts); for (var i = 0; i < holes.length; i++) { holeIndices.push(holeIndex); holeIndex += holes[i].length; addContour(vertices, holes[i]); } // var triangles = Earcut.triangulate(vertices, holeIndices); // for (var _i = 0; _i < triangles.length; _i += 3) { faces.push(triangles.slice(_i, _i + 3)); } return faces; } }; function removeDupEndPts(points) { var l = points.length; if (l > 2 && points[l - 1].equals(points[0])) { points.pop(); } } function addContour(vertices, contour) { for (var i = 0; i < contour.length; i++) { vertices.push(contour[i].x); vertices.push(contour[i].y); } } var ExtrudeGeometry = /*#__PURE__*/function (_BufferGeometry) { _inheritsLoose(ExtrudeGeometry, _BufferGeometry); function ExtrudeGeometry(shapes, options) { var _this; _this = _BufferGeometry.call(this) || this; _this.type = 'ExtrudeGeometry'; _this.parameters = { shapes: shapes, options: options }; shapes = Array.isArray(shapes) ? shapes : [shapes]; var scope = _assertThisInitialized(_this); var verticesArray = []; var uvArray = []; for (var i = 0, l = shapes.length; i < l; i++) { var shape = shapes[i]; addShape(shape); } // build geometry _this.setAttribute('position', new Float32BufferAttribute(verticesArray, 3)); _this.setAttribute('uv', new Float32BufferAttribute(uvArray, 2)); _this.computeVertexNormals(); // functions function addShape(shape) { var placeholder = []; // options var curveSegments = options.curveSegments !== undefined ? options.curveSegments : 12; var steps = options.steps !== undefined ? options.steps : 1; var depth = options.depth !== undefined ? options.depth : 100; var bevelEnabled = options.bevelEnabled !== undefined ? options.bevelEnabled : true; var bevelThickness = options.bevelThickness !== undefined ? options.bevelThickness : 6; var bevelSize = options.bevelSize !== undefined ? options.bevelSize : bevelThickness - 2; var bevelOffset = options.bevelOffset !== undefined ? options.bevelOffset : 0; var bevelSegments = options.bevelSegments !== undefined ? options.bevelSegments : 3; var extrudePath = options.extrudePath; var uvgen = options.UVGenerator !== undefined ? options.UVGenerator : WorldUVGenerator; // deprecated options if (options.amount !== undefined) { console.warn('THREE.ExtrudeBufferGeometry: amount has been renamed to depth.'); depth = options.amount; } // var extrudePts, extrudeByPath = false; var splineTube, binormal, normal, position2; if (extrudePath) { extrudePts = extrudePath.getSpacedPoints(steps); extrudeByPath = true; bevelEnabled = false; // bevels not supported for path extrusion // SETUP TNB variables // TODO1 - have a .isClosed in spline? splineTube = extrudePath.computeFrenetFrames(steps, false); // console.log(splineTube, 'splineTube', splineTube.normals.length, 'steps', steps, 'extrudePts', extrudePts.length); binormal = new Vector3(); normal = new Vector3(); position2 = new Vector3(); } // Safeguards if bevels are not enabled if (!bevelEnabled) { bevelSegments = 0; bevelThickness = 0; bevelSize = 0; bevelOffset = 0; } // Variables initialization var shapePoints = shape.extractPoints(curveSegments); var vertices = shapePoints.shape; var holes = shapePoints.holes; var reverse = !ShapeUtils.isClockWise(vertices); if (reverse) { vertices = vertices.reverse(); // Maybe we should also check if holes are in the opposite direction, just to be safe ... for (var h = 0, hl = holes.length; h < hl; h++) { var ahole = holes[h]; if (ShapeUtils.isClockWise(ahole)) { holes[h] = ahole.reverse(); } } } var faces = ShapeUtils.triangulateShape(vertices, holes); /* Vertices */ var contour = vertices; // vertices has all points but contour has only points of circumference for (var _h = 0, _hl = holes.length; _h < _hl; _h++) { var _ahole = holes[_h]; vertices = vertices.concat(_ahole); } function scalePt2(pt, vec, size) { if (!vec) console.error('THREE.ExtrudeGeometry: vec does not exist'); return vec.clone().multiplyScalar(size).add(pt); } var vlen = vertices.length, flen = faces.length; // Find directions for point movement function getBevelVec(inPt, inPrev, inNext) { // computes for inPt the corresponding point inPt' on a new contour // shifted by 1 unit (length of normalized vector) to the left // if we walk along contour clockwise, this new contour is outside the old one // // inPt' is the intersection of the two lines parallel to the two // adjacent edges of inPt at a distance of 1 unit on the left side. var v_trans_x, v_trans_y, shrink_by; // resulting translation vector for inPt // good reading for geometry algorithms (here: line-line intersection) // http://geomalgorithms.com/a05-_intersect-1.html var v_prev_x = inPt.x - inPrev.x, v_prev_y = inPt.y - inPrev.y; var v_next_x = inNext.x - inPt.x, v_next_y = inNext.y - inPt.y; var v_prev_lensq = v_prev_x * v_prev_x + v_prev_y * v_prev_y; // check for collinear edges var collinear0 = v_prev_x * v_next_y - v_prev_y * v_next_x; if (Math.abs(collinear0) > Number.EPSILON) { // not collinear // length of vectors for normalizing var v_prev_len = Math.sqrt(v_prev_lensq); var v_next_len = Math.sqrt(v_next_x * v_next_x + v_next_y * v_next_y); // shift adjacent points by unit vectors to the left var ptPrevShift_x = inPrev.x - v_prev_y / v_prev_len; var ptPrevShift_y = inPrev.y + v_prev_x / v_prev_len; var ptNextShift_x = inNext.x - v_next_y / v_next_len; var ptNextShift_y = inNext.y + v_next_x / v_next_len; // scaling factor for v_prev to intersection point var sf = ((ptNextShift_x - ptPrevShift_x) * v_next_y - (ptNextShift_y - ptPrevShift_y) * v_next_x) / (v_prev_x * v_next_y - v_prev_y * v_next_x); // vector from inPt to intersection point v_trans_x = ptPrevShift_x + v_prev_x * sf - inPt.x; v_trans_y = ptPrevShift_y + v_prev_y * sf - inPt.y; // Don't normalize!, otherwise sharp corners become ugly // but prevent crazy spikes var v_trans_lensq = v_trans_x * v_trans_x + v_trans_y * v_trans_y; if (v_trans_lensq <= 2) { return new Vector2(v_trans_x, v_trans_y); } else { shrink_by = Math.sqrt(v_trans_lensq / 2); } } else { // handle special case of collinear edges var direction_eq = false; // assumes: opposite if (v_prev_x > Number.EPSILON) { if (v_next_x > Number.EPSILON) { direction_eq = true; } } else { if (v_prev_x < -Number.EPSILON) { if (v_next_x < -Number.EPSILON) { direction_eq = true; } } else { if (Math.sign(v_prev_y) === Math.sign(v_next_y)) { direction_eq = true; } } } if (direction_eq) { // console.log("Warning: lines are a straight sequence"); v_trans_x = -v_prev_y; v_trans_y = v_prev_x; shrink_by = Math.sqrt(v_prev_lensq); } else { // console.log("Warning: lines are a straight spike"); v_trans_x = v_prev_x; v_trans_y = v_prev_y; shrink_by = Math.sqrt(v_prev_lensq / 2); } } return new Vector2(v_trans_x / shrink_by, v_trans_y / shrink_by); } var contourMovements = []; for (var _i = 0, il = contour.length, j = il - 1, k = _i + 1; _i < il; _i++, j++, k++) { if (j === il) j = 0; if (k === il) k = 0; // (j)---(i)---(k) // console.log('i,j,k', i, j , k) contourMovements[_i] = getBevelVec(contour[_i], contour[j], contour[k]); } var holesMovements = []; var oneHoleMovements, verticesMovements = contourMovements.concat(); for (var _h2 = 0, _hl2 = holes.length; _h2 < _hl2; _h2++) { var _ahole2 = holes[_h2]; oneHoleMovements = []; for (var _i2 = 0, _il = _ahole2.length, _j = _il - 1, _k = _i2 + 1; _i2 < _il; _i2++, _j++, _k++) { if (_j === _il) _j = 0; if (_k === _il) _k = 0; // (j)---(i)---(k) oneHoleMovements[_i2] = getBevelVec(_ahole2[_i2], _ahole2[_j], _ahole2[_k]); } holesMovements.push(oneHoleMovements); verticesMovements = verticesMovements.concat(oneHoleMovements); } // Loop bevelSegments, 1 for the front, 1 for the back for (var b = 0; b < bevelSegments; b++) { //for ( b = bevelSegments; b > 0; b -- ) { var t = b / bevelSegments; var z = bevelThickness * Math.cos(t * Math.PI / 2); var _bs = bevelSize * Math.sin(t * Math.PI / 2) + bevelOffset; // contract shape for (var _i3 = 0, _il2 = contour.length; _i3 < _il2; _i3++) { var vert = scalePt2(contour[_i3], contourMovements[_i3], _bs); v(vert.x, vert.y, -z); } // expand holes for (var _h3 = 0, _hl3 = holes.length; _h3 < _hl3; _h3++) { var _ahole3 = holes[_h3]; oneHoleMovements = holesMovements[_h3]; for (var _i4 = 0, _il3 = _ahole3.length; _i4 < _il3; _i4++) { var _vert = scalePt2(_ahole3[_i4], oneHoleMovements[_i4], _bs); v(_vert.x, _vert.y, -z); } } } var bs = bevelSize + bevelOffset; // Back facing vertices for (var _i5 = 0; _i5 < vlen; _i5++) { var _vert2 = bevelEnabled ? scalePt2(vertices[_i5], verticesMovements[_i5], bs) : vertices[_i5]; if (!extrudeByPath) { v(_vert2.x, _vert2.y, 0); } else { // v( vert.x, vert.y + extrudePts[ 0 ].y, extrudePts[ 0 ].x ); normal.copy(splineTube.normals[0]).multiplyScalar(_vert2.x); binormal.copy(splineTube.binormals[0]).multiplyScalar(_vert2.y); position2.copy(extrudePts[0]).add(normal).add(binormal); v(position2.x, position2.y, position2.z); } } // Add stepped vertices... // Including front facing vertices for (var s = 1; s <= steps; s++) { for (var _i6 = 0; _i6 < vlen; _i6++) { var _vert3 = bevelEnabled ? scalePt2(vertices[_i6], verticesMovements[_i6], bs) : vertices[_i6]; if (!extrudeByPath) { v(_vert3.x, _vert3.y, depth / steps * s); } else { // v( vert.x, vert.y + extrudePts[ s - 1 ].y, extrudePts[ s - 1 ].x ); normal.copy(splineTube.normals[s]).multiplyScalar(_vert3.x); binormal.copy(splineTube.binormals[s]).multiplyScalar(_vert3.y); position2.copy(extrudePts[s]).add(normal).add(binormal); v(position2.x, position2.y, position2.z); } } } // Add bevel segments planes //for ( b = 1; b <= bevelSegments; b ++ ) { for (var _b = bevelSegments - 1; _b >= 0; _b--) { var _t = _b / bevelSegments; var _z = bevelThickness * Math.cos(_t * Math.PI / 2); var _bs2 = bevelSize * Math.sin(_t * Math.PI / 2) + bevelOffset; // contract shape for (var _i7 = 0, _il4 = contour.length; _i7 < _il4; _i7++) { var _vert4 = scalePt2(contour[_i7], contourMovements[_i7], _bs2); v(_vert4.x, _vert4.y, depth + _z); } // expand holes for (var _h4 = 0, _hl4 = holes.length; _h4 < _hl4; _h4++) { var _ahole4 = holes[_h4]; oneHoleMovements = holesMovements[_h4]; for (var _i8 = 0, _il5 = _ahole4.length; _i8 < _il5; _i8++) { var _vert5 = scalePt2(_ahole4[_i8], oneHoleMovements[_i8], _bs2); if (!extrudeByPath) { v(_vert5.x, _vert5.y, depth + _z); } else { v(_vert5.x, _vert5.y + extrudePts[steps - 1].y, extrudePts[steps - 1].x + _z); } } } } /* Faces */ // Top and bottom faces buildLidFaces(); // Sides faces buildSideFaces(); ///// Internal functions function buildLidFaces() { var start = verticesArray.length / 3; if (bevelEnabled) { var layer = 0; // steps + 1 var offset = vlen * layer; // Bottom faces for (var _i9 = 0; _i9 < flen; _i9++) { var face = faces[_i9]; f3(face[2] + offset, face[1] + offset, face[0] + offset); } layer = steps + bevelSegments * 2; offset = vlen * layer; // Top faces for (var _i10 = 0; _i10 < flen; _i10++) { var _face = faces[_i10]; f3(_face[0] + offset, _face[1] + offset, _face[2] + offset); } } else { // Bottom faces for (var _i11 = 0; _i11 < flen; _i11++) { var _face2 = faces[_i11]; f3(_face2[2], _face2[1], _face2[0]); } // Top faces for (var _i12 = 0; _i12 < flen; _i12++) { var _face3 = faces[_i12]; f3(_face3[0] + vlen * steps, _face3[1] + vlen * steps, _face3[2] + vlen * steps); } } scope.addGroup(start, verticesArray.length / 3 - start, 0); } // Create faces for the z-sides of the shape function buildSideFaces() { var start = verticesArray.length / 3; var layeroffset = 0; sidewalls(contour, layeroffset); layeroffset += contour.length; for (var _h5 = 0, _hl5 = holes.length; _h5 < _hl5; _h5++) { var _ahole5 = holes[_h5]; sidewalls(_ahole5, layeroffset); //, true layeroffset += _ahole5.length; } scope.addGroup(start, verticesArray.length / 3 - start, 1); } function sidewalls(contour, layeroffset) { var i = contour.length; while (--i >= 0) { var _j2 = i; var _k2 = i - 1; if (_k2 < 0) _k2 = contour.length - 1; //console.log('b', i,j, i-1, k,vertices.length); for (var _s = 0, sl = steps + bevelSegments * 2; _s < sl; _s++) { var slen1 = vlen * _s; var slen2 = vlen * (_s + 1); var a = layeroffset + _j2 + slen1, _b2 = layeroffset + _k2 + slen1, c = layeroffset + _k2 + slen2, d = layeroffset + _j2 + slen2; f4(a, _b2, c, d); } } } function v(x, y, z) { placeholder.push(x); placeholder.push(y); placeholder.push(z); } function f3(a, b, c) { addVertex(a); addVertex(b); addVertex(c); var nextIndex = verticesArray.length / 3; var uvs = uvgen.generateTopUV(scope, verticesArray, nextIndex - 3, nextIndex - 2, nextIndex - 1); addUV(uvs[0]); addUV(uvs[1]); addUV(uvs[2]); } function f4(a, b, c, d) { addVertex(a); addVertex(b); addVertex(d); addVertex(b); addVertex(c); addVertex(d); var nextIndex = verticesArray.length / 3; var uvs = uvgen.generateSideWallUV(scope, verticesArray, nextIndex - 6, nextIndex - 3, nextIndex - 2, nextIndex - 1); addUV(uvs[0]); addUV(uvs[1]); addUV(uvs[3]); addUV(uvs[1]); addUV(uvs[2]); addUV(uvs[3]); } function addVertex(index) { verticesArray.push(placeholder[index * 3 + 0]); verticesArray.push(placeholder[index * 3 + 1]); verticesArray.push(placeholder[index * 3 + 2]); } function addUV(vector2) { uvArray.push(vector2.x); uvArray.push(vector2.y); } } return _this; } var _proto = ExtrudeGeometry.prototype; _proto.toJSON = function toJSON() { var data = BufferGeometry.prototype.toJSON.call(this); var shapes = this.parameters.shapes; var options = this.parameters.options; return _toJSON(shapes, options, data); }; return ExtrudeGeometry; }(BufferGeometry); var WorldUVGenerator = { generateTopUV: function generateTopUV(geometry, vertices, indexA, indexB, indexC) { var a_x = vertices[indexA * 3]; var a_y = vertices[indexA * 3 + 1]; var b_x = vertices[indexB * 3]; var b_y = vertices[indexB * 3 + 1]; var c_x = vertices[indexC * 3]; var c_y = vertices[indexC * 3 + 1]; return [new Vector2(a_x, a_y), new Vector2(b_x, b_y), new Vector2(c_x, c_y)]; }, generateSideWallUV: function generateSideWallUV(geometry, vertices, indexA, indexB, indexC, indexD) { var a_x = vertices[indexA * 3]; var a_y = vertices[indexA * 3 + 1]; var a_z = vertices[indexA * 3 + 2]; var b_x = vertices[indexB * 3]; var b_y = vertices[indexB * 3 + 1]; var b_z = vertices[indexB * 3 + 2]; var c_x = vertices[indexC * 3]; var c_y = vertices[indexC * 3 + 1]; var c_z = vertices[indexC * 3 + 2]; var d_x = vertices[indexD * 3]; var d_y = vertices[indexD * 3 + 1]; var d_z = vertices[indexD * 3 + 2]; if (Math.abs(a_y - b_y) < 0.01) { return [new Vector2(a_x, 1 - a_z), new Vector2(b_x, 1 - b_z), new Vector2(c_x, 1 - c_z), new Vector2(d_x, 1 - d_z)]; } else { return [new Vector2(a_y, 1 - a_z), new Vector2(b_y, 1 - b_z), new Vector2(c_y, 1 - c_z), new Vector2(d_y, 1 - d_z)]; } } }; function _toJSON(shapes, options, data) { data.shapes = []; if (Array.isArray(shapes)) { for (var i = 0, l = shapes.length; i < l; i++) { var shape = shapes[i]; data.shapes.push(shape.uuid); } } else { data.shapes.push(shapes.uuid); } if (options.extrudePath !== undefined) data.options.extrudePath = options.extrudePath.toJSON(); return data; } var IcosahedronGeometry = /*#__PURE__*/function (_PolyhedronGeometry) { _inheritsLoose(IcosahedronGeometry, _PolyhedronGeometry); function IcosahedronGeometry(radius, detail) { var _this; if (radius === void 0) { radius = 1; } if (detail === void 0) { detail = 0; } var t = (1 + Math.sqrt(5)) / 2; var vertices = [-1, t, 0, 1, t, 0, -1, -t, 0, 1, -t, 0, 0, -1, t, 0, 1, t, 0, -1, -t, 0, 1, -t, t, 0, -1, t, 0, 1, -t, 0, -1, -t, 0, 1]; var indices = [0, 11, 5, 0, 5, 1, 0, 1, 7, 0, 7, 10, 0, 10, 11, 1, 5, 9, 5, 11, 4, 11, 10, 2, 10, 7, 6, 7, 1, 8, 3, 9, 4, 3, 4, 2, 3, 2, 6, 3, 6, 8, 3, 8, 9, 4, 9, 5, 2, 4, 11, 6, 2, 10, 8, 6, 7, 9, 8, 1]; _this = _PolyhedronGeometry.call(this, vertices, indices, radius, detail) || this; _this.type = 'IcosahedronGeometry'; _this.parameters = { radius: radius, detail: detail }; return _this; } return IcosahedronGeometry; }(PolyhedronGeometry); var LatheGeometry = /*#__PURE__*/function (_BufferGeometry) { _inheritsLoose(LatheGeometry, _BufferGeometry); function LatheGeometry(points, segments, phiStart, phiLength) { var _this; if (segments === void 0) { segments = 12; } if (phiStart === void 0) { phiStart = 0; } if (phiLength === void 0) { phiLength = Math.PI * 2; } _this = _BufferGeometry.call(this) || this; _this.type = 'LatheGeometry'; _this.parameters = { points: points, segments: segments, phiStart: phiStart, phiLength: phiLength }; segments = Math.floor(segments); // clamp phiLength so it's in range of [ 0, 2PI ] phiLength = MathUtils.clamp(phiLength, 0, Math.PI * 2); // buffers var indices = []; var vertices = []; var uvs = []; // helper variables var inverseSegments = 1.0 / segments; var vertex = new Vector3(); var uv = new Vector2(); // generate vertices and uvs for (var i = 0; i <= segments; i++) { var phi = phiStart + i * inverseSegments * phiLength; var sin = Math.sin(phi); var cos = Math.cos(phi); for (var j = 0; j <= points.length - 1; j++) { // vertex vertex.x = points[j].x * sin; vertex.y = points[j].y; vertex.z = points[j].x * cos; vertices.push(vertex.x, vertex.y, vertex.z); // uv uv.x = i / segments; uv.y = j / (points.length - 1); uvs.push(uv.x, uv.y); } } // indices for (var _i = 0; _i < segments; _i++) { for (var _j = 0; _j < points.length - 1; _j++) { var base = _j + _i * points.length; var a = base; var b = base + points.length; var c = base + points.length + 1; var d = base + 1; // faces indices.push(a, b, d); indices.push(b, c, d); } } // build geometry _this.setIndex(indices); _this.setAttribute('position', new Float32BufferAttribute(vertices, 3)); _this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); // generate normals _this.computeVertexNormals(); // if the geometry is closed, we need to average the normals along the seam. // because the corresponding vertices are identical (but still have different UVs). if (phiLength === Math.PI * 2) { var normals = _this.attributes.normal.array; var n1 = new Vector3(); var n2 = new Vector3(); var n = new Vector3(); // this is the buffer offset for the last line of vertices var _base = segments * points.length * 3; for (var _i2 = 0, _j2 = 0; _i2 < points.length; _i2++, _j2 += 3) { // select the normal of the vertex in the first line n1.x = normals[_j2 + 0]; n1.y = normals[_j2 + 1]; n1.z = normals[_j2 + 2]; // select the normal of the vertex in the last line n2.x = normals[_base + _j2 + 0]; n2.y = normals[_base + _j2 + 1]; n2.z = normals[_base + _j2 + 2]; // average normals n.addVectors(n1, n2).normalize(); // assign the new values to both normals normals[_j2 + 0] = normals[_base + _j2 + 0] = n.x; normals[_j2 + 1] = normals[_base + _j2 + 1] = n.y; normals[_j2 + 2] = normals[_base + _j2 + 2] = n.z; } } return _this; } return LatheGeometry; }(BufferGeometry); var OctahedronGeometry = /*#__PURE__*/function (_PolyhedronGeometry) { _inheritsLoose(OctahedronGeometry, _PolyhedronGeometry); function OctahedronGeometry(radius, detail) { var _this; if (radius === void 0) { radius = 1; } if (detail === void 0) { detail = 0; } var vertices = [1, 0, 0, -1, 0, 0, 0, 1, 0, 0, -1, 0, 0, 0, 1, 0, 0, -1]; var indices = [0, 2, 4, 0, 4, 3, 0, 3, 5, 0, 5, 2, 1, 2, 5, 1, 5, 3, 1, 3, 4, 1, 4, 2]; _this = _PolyhedronGeometry.call(this, vertices, indices, radius, detail) || this; _this.type = 'OctahedronGeometry'; _this.parameters = { radius: radius, detail: detail }; return _this; } return OctahedronGeometry; }(PolyhedronGeometry); /** * Parametric Surfaces Geometry * based on the brilliant article by @prideout https://prideout.net/blog/old/blog/index.html@p=44.html */ function ParametricGeometry(func, slices, stacks) { BufferGeometry.call(this); this.type = 'ParametricGeometry'; this.parameters = { func: func, slices: slices, stacks: stacks }; // buffers var indices = []; var vertices = []; var normals = []; var uvs = []; var EPS = 0.00001; var normal = new Vector3(); var p0 = new Vector3(), p1 = new Vector3(); var pu = new Vector3(), pv = new Vector3(); if (func.length < 3) { console.error('THREE.ParametricGeometry: Function must now modify a Vector3 as third parameter.'); } // generate vertices, normals and uvs var sliceCount = slices + 1; for (var i = 0; i <= stacks; i++) { var v = i / stacks; for (var j = 0; j <= slices; j++) { var u = j / slices; // vertex func(u, v, p0); vertices.push(p0.x, p0.y, p0.z); // normal // approximate tangent vectors via finite differences if (u - EPS >= 0) { func(u - EPS, v, p1); pu.subVectors(p0, p1); } else { func(u + EPS, v, p1); pu.subVectors(p1, p0); } if (v - EPS >= 0) { func(u, v - EPS, p1); pv.subVectors(p0, p1); } else { func(u, v + EPS, p1); pv.subVectors(p1, p0); } // cross product of tangent vectors returns surface normal normal.crossVectors(pu, pv).normalize(); normals.push(normal.x, normal.y, normal.z); // uv uvs.push(u, v); } } // generate indices for (var _i = 0; _i < stacks; _i++) { for (var _j = 0; _j < slices; _j++) { var a = _i * sliceCount + _j; var b = _i * sliceCount + _j + 1; var c = (_i + 1) * sliceCount + _j + 1; var d = (_i + 1) * sliceCount + _j; // faces one and two indices.push(a, b, d); indices.push(b, c, d); } } // build geometry this.setIndex(indices); this.setAttribute('position', new Float32BufferAttribute(vertices, 3)); this.setAttribute('normal', new Float32BufferAttribute(normals, 3)); this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); } ParametricGeometry.prototype = Object.create(BufferGeometry.prototype); ParametricGeometry.prototype.constructor = ParametricGeometry; var RingGeometry = /*#__PURE__*/function (_BufferGeometry) { _inheritsLoose(RingGeometry, _BufferGeometry); function RingGeometry(innerRadius, outerRadius, thetaSegments, phiSegments, thetaStart, thetaLength) { var _this; if (innerRadius === void 0) { innerRadius = 0.5; } if (outerRadius === void 0) { outerRadius = 1; } if (thetaSegments === void 0) { thetaSegments = 8; } if (phiSegments === void 0) { phiSegments = 1; } if (thetaStart === void 0) { thetaStart = 0; } if (thetaLength === void 0) { thetaLength = Math.PI * 2; } _this = _BufferGeometry.call(this) || this; _this.type = 'RingGeometry'; _this.parameters = { innerRadius: innerRadius, outerRadius: outerRadius, thetaSegments: thetaSegments, phiSegments: phiSegments, thetaStart: thetaStart, thetaLength: thetaLength }; thetaSegments = Math.max(3, thetaSegments); phiSegments = Math.max(1, phiSegments); // buffers var indices = []; var vertices = []; var normals = []; var uvs = []; // some helper variables var radius = innerRadius; var radiusStep = (outerRadius - innerRadius) / phiSegments; var vertex = new Vector3(); var uv = new Vector2(); // generate vertices, normals and uvs for (var j = 0; j <= phiSegments; j++) { for (var i = 0; i <= thetaSegments; i++) { // values are generate from the inside of the ring to the outside var segment = thetaStart + i / thetaSegments * thetaLength; // vertex vertex.x = radius * Math.cos(segment); vertex.y = radius * Math.sin(segment); vertices.push(vertex.x, vertex.y, vertex.z); // normal normals.push(0, 0, 1); // uv uv.x = (vertex.x / outerRadius + 1) / 2; uv.y = (vertex.y / outerRadius + 1) / 2; uvs.push(uv.x, uv.y); } // increase the radius for next row of vertices radius += radiusStep; } // indices for (var _j = 0; _j < phiSegments; _j++) { var thetaSegmentLevel = _j * (thetaSegments + 1); for (var _i = 0; _i < thetaSegments; _i++) { var _segment = _i + thetaSegmentLevel; var a = _segment; var b = _segment + thetaSegments + 1; var c = _segment + thetaSegments + 2; var d = _segment + 1; // faces indices.push(a, b, d); indices.push(b, c, d); } } // build geometry _this.setIndex(indices); _this.setAttribute('position', new Float32BufferAttribute(vertices, 3)); _this.setAttribute('normal', new Float32BufferAttribute(normals, 3)); _this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); return _this; } return RingGeometry; }(BufferGeometry); var ShapeGeometry = /*#__PURE__*/function (_BufferGeometry) { _inheritsLoose(ShapeGeometry, _BufferGeometry); function ShapeGeometry(shapes, curveSegments) { var _this; if (curveSegments === void 0) { curveSegments = 12; } _this = _BufferGeometry.call(this) || this; _this.type = 'ShapeGeometry'; _this.parameters = { shapes: shapes, curveSegments: curveSegments }; // buffers var indices = []; var vertices = []; var normals = []; var uvs = []; // helper variables var groupStart = 0; var groupCount = 0; // allow single and array values for "shapes" parameter if (Array.isArray(shapes) === false) { addShape(shapes); } else { for (var i = 0; i < shapes.length; i++) { addShape(shapes[i]); _this.addGroup(groupStart, groupCount, i); // enables MultiMaterial support groupStart += groupCount; groupCount = 0; } } // build geometry _this.setIndex(indices); _this.setAttribute('position', new Float32BufferAttribute(vertices, 3)); _this.setAttribute('normal', new Float32BufferAttribute(normals, 3)); _this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); // helper functions function addShape(shape) { var indexOffset = vertices.length / 3; var points = shape.extractPoints(curveSegments); var shapeVertices = points.shape; var shapeHoles = points.holes; // check direction of vertices if (ShapeUtils.isClockWise(shapeVertices) === false) { shapeVertices = shapeVertices.reverse(); } for (var _i = 0, l = shapeHoles.length; _i < l; _i++) { var shapeHole = shapeHoles[_i]; if (ShapeUtils.isClockWise(shapeHole) === true) { shapeHoles[_i] = shapeHole.reverse(); } } var faces = ShapeUtils.triangulateShape(shapeVertices, shapeHoles); // join vertices of inner and outer paths to a single array for (var _i2 = 0, _l = shapeHoles.length; _i2 < _l; _i2++) { var _shapeHole = shapeHoles[_i2]; shapeVertices = shapeVertices.concat(_shapeHole); } // vertices, normals, uvs for (var _i3 = 0, _l2 = shapeVertices.length; _i3 < _l2; _i3++) { var vertex = shapeVertices[_i3]; vertices.push(vertex.x, vertex.y, 0); normals.push(0, 0, 1); uvs.push(vertex.x, vertex.y); // world uvs } // incides for (var _i4 = 0, _l3 = faces.length; _i4 < _l3; _i4++) { var face = faces[_i4]; var a = face[0] + indexOffset; var b = face[1] + indexOffset; var c = face[2] + indexOffset; indices.push(a, b, c); groupCount += 3; } } return _this; } var _proto = ShapeGeometry.prototype; _proto.toJSON = function toJSON() { var data = BufferGeometry.prototype.toJSON.call(this); var shapes = this.parameters.shapes; return _toJSON$1(shapes, data); }; return ShapeGeometry; }(BufferGeometry); function _toJSON$1(shapes, data) { data.shapes = []; if (Array.isArray(shapes)) { for (var i = 0, l = shapes.length; i < l; i++) { var shape = shapes[i]; data.shapes.push(shape.uuid); } } else { data.shapes.push(shapes.uuid); } return data; } var SphereGeometry = /*#__PURE__*/function (_BufferGeometry) { _inheritsLoose(SphereGeometry, _BufferGeometry); function SphereGeometry(radius, widthSegments, heightSegments, phiStart, phiLength, thetaStart, thetaLength) { var _this; if (radius === void 0) { radius = 1; } if (widthSegments === void 0) { widthSegments = 8; } if (heightSegments === void 0) { heightSegments = 6; } if (phiStart === void 0) { phiStart = 0; } if (phiLength === void 0) { phiLength = Math.PI * 2; } if (thetaStart === void 0) { thetaStart = 0; } if (thetaLength === void 0) { thetaLength = Math.PI; } _this = _BufferGeometry.call(this) || this; _this.type = 'SphereGeometry'; _this.parameters = { radius: radius, widthSegments: widthSegments, heightSegments: heightSegments, phiStart: phiStart, phiLength: phiLength, thetaStart: thetaStart, thetaLength: thetaLength }; widthSegments = Math.max(3, Math.floor(widthSegments)); heightSegments = Math.max(2, Math.floor(heightSegments)); var thetaEnd = Math.min(thetaStart + thetaLength, Math.PI); var index = 0; var grid = []; var vertex = new Vector3(); var normal = new Vector3(); // buffers var indices = []; var vertices = []; var normals = []; var uvs = []; // generate vertices, normals and uvs for (var iy = 0; iy <= heightSegments; iy++) { var verticesRow = []; var v = iy / heightSegments; // special case for the poles var uOffset = 0; if (iy == 0 && thetaStart == 0) { uOffset = 0.5 / widthSegments; } else if (iy == heightSegments && thetaEnd == Math.PI) { uOffset = -0.5 / widthSegments; } for (var ix = 0; ix <= widthSegments; ix++) { var u = ix / widthSegments; // vertex vertex.x = -radius * Math.cos(phiStart + u * phiLength) * Math.sin(thetaStart + v * thetaLength); vertex.y = radius * Math.cos(thetaStart + v * thetaLength); vertex.z = radius * Math.sin(phiStart + u * phiLength) * Math.sin(thetaStart + v * thetaLength); vertices.push(vertex.x, vertex.y, vertex.z); // normal normal.copy(vertex).normalize(); normals.push(normal.x, normal.y, normal.z); // uv uvs.push(u + uOffset, 1 - v); verticesRow.push(index++); } grid.push(verticesRow); } // indices for (var _iy = 0; _iy < heightSegments; _iy++) { for (var _ix = 0; _ix < widthSegments; _ix++) { var a = grid[_iy][_ix + 1]; var b = grid[_iy][_ix]; var c = grid[_iy + 1][_ix]; var d = grid[_iy + 1][_ix + 1]; if (_iy !== 0 || thetaStart > 0) indices.push(a, b, d); if (_iy !== heightSegments - 1 || thetaEnd < Math.PI) indices.push(b, c, d); } } // build geometry _this.setIndex(indices); _this.setAttribute('position', new Float32BufferAttribute(vertices, 3)); _this.setAttribute('normal', new Float32BufferAttribute(normals, 3)); _this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); return _this; } return SphereGeometry; }(BufferGeometry); var TetrahedronGeometry = /*#__PURE__*/function (_PolyhedronGeometry) { _inheritsLoose(TetrahedronGeometry, _PolyhedronGeometry); function TetrahedronGeometry(radius, detail) { var _this; if (radius === void 0) { radius = 1; } if (detail === void 0) { detail = 0; } var vertices = [1, 1, 1, -1, -1, 1, -1, 1, -1, 1, -1, -1]; var indices = [2, 1, 0, 0, 3, 2, 1, 3, 0, 2, 3, 1]; _this = _PolyhedronGeometry.call(this, vertices, indices, radius, detail) || this; _this.type = 'TetrahedronGeometry'; _this.parameters = { radius: radius, detail: detail }; return _this; } return TetrahedronGeometry; }(PolyhedronGeometry); var TextGeometry = /*#__PURE__*/function (_ExtrudeGeometry) { _inheritsLoose(TextGeometry, _ExtrudeGeometry); function TextGeometry(text, parameters) { var _this; if (parameters === void 0) { parameters = {}; } var font = parameters.font; if (!(font && font.isFont)) { console.error('THREE.TextGeometry: font parameter is not an instance of THREE.Font.'); return new BufferGeometry() || _assertThisInitialized(_this); } var shapes = font.generateShapes(text, parameters.size); // translate parameters to ExtrudeGeometry API parameters.depth = parameters.height !== undefined ? parameters.height : 50; // defaults if (parameters.bevelThickness === undefined) parameters.bevelThickness = 10; if (parameters.bevelSize === undefined) parameters.bevelSize = 8; if (parameters.bevelEnabled === undefined) parameters.bevelEnabled = false; _this = _ExtrudeGeometry.call(this, shapes, parameters) || this; _this.type = 'TextGeometry'; return _this; } return TextGeometry; }(ExtrudeGeometry); var TorusGeometry = /*#__PURE__*/function (_BufferGeometry) { _inheritsLoose(TorusGeometry, _BufferGeometry); function TorusGeometry(radius, tube, radialSegments, tubularSegments, arc) { var _this; if (radius === void 0) { radius = 1; } if (tube === void 0) { tube = 0.4; } if (radialSegments === void 0) { radialSegments = 8; } if (tubularSegments === void 0) { tubularSegments = 6; } if (arc === void 0) { arc = Math.PI * 2; } _this = _BufferGeometry.call(this) || this; _this.type = 'TorusGeometry'; _this.parameters = { radius: radius, tube: tube, radialSegments: radialSegments, tubularSegments: tubularSegments, arc: arc }; radialSegments = Math.floor(radialSegments); tubularSegments = Math.floor(tubularSegments); // buffers var indices = []; var vertices = []; var normals = []; var uvs = []; // helper variables var center = new Vector3(); var vertex = new Vector3(); var normal = new Vector3(); // generate vertices, normals and uvs for (var j = 0; j <= radialSegments; j++) { for (var i = 0; i <= tubularSegments; i++) { var u = i / tubularSegments * arc; var v = j / radialSegments * Math.PI * 2; // vertex vertex.x = (radius + tube * Math.cos(v)) * Math.cos(u); vertex.y = (radius + tube * Math.cos(v)) * Math.sin(u); vertex.z = tube * Math.sin(v); vertices.push(vertex.x, vertex.y, vertex.z); // normal center.x = radius * Math.cos(u); center.y = radius * Math.sin(u); normal.subVectors(vertex, center).normalize(); normals.push(normal.x, normal.y, normal.z); // uv uvs.push(i / tubularSegments); uvs.push(j / radialSegments); } } // generate indices for (var _j = 1; _j <= radialSegments; _j++) { for (var _i = 1; _i <= tubularSegments; _i++) { // indices var a = (tubularSegments + 1) * _j + _i - 1; var b = (tubularSegments + 1) * (_j - 1) + _i - 1; var c = (tubularSegments + 1) * (_j - 1) + _i; var d = (tubularSegments + 1) * _j + _i; // faces indices.push(a, b, d); indices.push(b, c, d); } } // build geometry _this.setIndex(indices); _this.setAttribute('position', new Float32BufferAttribute(vertices, 3)); _this.setAttribute('normal', new Float32BufferAttribute(normals, 3)); _this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); return _this; } return TorusGeometry; }(BufferGeometry); var TorusKnotGeometry = /*#__PURE__*/function (_BufferGeometry) { _inheritsLoose(TorusKnotGeometry, _BufferGeometry); function TorusKnotGeometry(radius, tube, tubularSegments, radialSegments, p, q) { var _this; if (radius === void 0) { radius = 1; } if (tube === void 0) { tube = 0.4; } if (tubularSegments === void 0) { tubularSegments = 64; } if (radialSegments === void 0) { radialSegments = 8; } if (p === void 0) { p = 2; } if (q === void 0) { q = 3; } _this = _BufferGeometry.call(this) || this; _this.type = 'TorusKnotGeometry'; _this.parameters = { radius: radius, tube: tube, tubularSegments: tubularSegments, radialSegments: radialSegments, p: p, q: q }; tubularSegments = Math.floor(tubularSegments); radialSegments = Math.floor(radialSegments); // buffers var indices = []; var vertices = []; var normals = []; var uvs = []; // helper variables var vertex = new Vector3(); var normal = new Vector3(); var P1 = new Vector3(); var P2 = new Vector3(); var B = new Vector3(); var T = new Vector3(); var N = new Vector3(); // generate vertices, normals and uvs for (var i = 0; i <= tubularSegments; ++i) { // the radian "u" is used to calculate the position on the torus curve of the current tubular segement var u = i / tubularSegments * p * Math.PI * 2; // now we calculate two points. P1 is our current position on the curve, P2 is a little farther ahead. // these points are used to create a special "coordinate space", which is necessary to calculate the correct vertex positions calculatePositionOnCurve(u, p, q, radius, P1); calculatePositionOnCurve(u + 0.01, p, q, radius, P2); // calculate orthonormal basis T.subVectors(P2, P1); N.addVectors(P2, P1); B.crossVectors(T, N); N.crossVectors(B, T); // normalize B, N. T can be ignored, we don't use it B.normalize(); N.normalize(); for (var j = 0; j <= radialSegments; ++j) { // now calculate the vertices. they are nothing more than an extrusion of the torus curve. // because we extrude a shape in the xy-plane, there is no need to calculate a z-value. var v = j / radialSegments * Math.PI * 2; var cx = -tube * Math.cos(v); var cy = tube * Math.sin(v); // now calculate the final vertex position. // first we orient the extrusion with our basis vectos, then we add it to the current position on the curve vertex.x = P1.x + (cx * N.x + cy * B.x); vertex.y = P1.y + (cx * N.y + cy * B.y); vertex.z = P1.z + (cx * N.z + cy * B.z); vertices.push(vertex.x, vertex.y, vertex.z); // normal (P1 is always the center/origin of the extrusion, thus we can use it to calculate the normal) normal.subVectors(vertex, P1).normalize(); normals.push(normal.x, normal.y, normal.z); // uv uvs.push(i / tubularSegments); uvs.push(j / radialSegments); } } // generate indices for (var _j = 1; _j <= tubularSegments; _j++) { for (var _i = 1; _i <= radialSegments; _i++) { // indices var a = (radialSegments + 1) * (_j - 1) + (_i - 1); var b = (radialSegments + 1) * _j + (_i - 1); var c = (radialSegments + 1) * _j + _i; var d = (radialSegments + 1) * (_j - 1) + _i; // faces indices.push(a, b, d); indices.push(b, c, d); } } // build geometry _this.setIndex(indices); _this.setAttribute('position', new Float32BufferAttribute(vertices, 3)); _this.setAttribute('normal', new Float32BufferAttribute(normals, 3)); _this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); // this function calculates the current position on the torus curve function calculatePositionOnCurve(u, p, q, radius, position) { var cu = Math.cos(u); var su = Math.sin(u); var quOverP = q / p * u; var cs = Math.cos(quOverP); position.x = radius * (2 + cs) * 0.5 * cu; position.y = radius * (2 + cs) * su * 0.5; position.z = radius * Math.sin(quOverP) * 0.5; } return _this; } return TorusKnotGeometry; }(BufferGeometry); var TubeGeometry = /*#__PURE__*/function (_BufferGeometry) { _inheritsLoose(TubeGeometry, _BufferGeometry); function TubeGeometry(path, tubularSegments, radius, radialSegments, closed) { var _this; if (tubularSegments === void 0) { tubularSegments = 64; } if (radius === void 0) { radius = 1; } if (radialSegments === void 0) { radialSegments = 8; } if (closed === void 0) { closed = false; } _this = _BufferGeometry.call(this) || this; _this.type = 'TubeGeometry'; _this.parameters = { path: path, tubularSegments: tubularSegments, radius: radius, radialSegments: radialSegments, closed: closed }; var frames = path.computeFrenetFrames(tubularSegments, closed); // expose internals _this.tangents = frames.tangents; _this.normals = frames.normals; _this.binormals = frames.binormals; // helper variables var vertex = new Vector3(); var normal = new Vector3(); var uv = new Vector2(); var P = new Vector3(); // buffer var vertices = []; var normals = []; var uvs = []; var indices = []; // create buffer data generateBufferData(); // build geometry _this.setIndex(indices); _this.setAttribute('position', new Float32BufferAttribute(vertices, 3)); _this.setAttribute('normal', new Float32BufferAttribute(normals, 3)); _this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); // functions function generateBufferData() { for (var i = 0; i < tubularSegments; i++) { generateSegment(i); } // if the geometry is not closed, generate the last row of vertices and normals // at the regular position on the given path // // if the geometry is closed, duplicate the first row of vertices and normals (uvs will differ) generateSegment(closed === false ? tubularSegments : 0); // uvs are generated in a separate function. // this makes it easy compute correct values for closed geometries generateUVs(); // finally create faces generateIndices(); } function generateSegment(i) { // we use getPointAt to sample evenly distributed points from the given path P = path.getPointAt(i / tubularSegments, P); // retrieve corresponding normal and binormal var N = frames.normals[i]; var B = frames.binormals[i]; // generate normals and vertices for the current segment for (var j = 0; j <= radialSegments; j++) { var v = j / radialSegments * Math.PI * 2; var sin = Math.sin(v); var cos = -Math.cos(v); // normal normal.x = cos * N.x + sin * B.x; normal.y = cos * N.y + sin * B.y; normal.z = cos * N.z + sin * B.z; normal.normalize(); normals.push(normal.x, normal.y, normal.z); // vertex vertex.x = P.x + radius * normal.x; vertex.y = P.y + radius * normal.y; vertex.z = P.z + radius * normal.z; vertices.push(vertex.x, vertex.y, vertex.z); } } function generateIndices() { for (var j = 1; j <= tubularSegments; j++) { for (var i = 1; i <= radialSegments; i++) { var a = (radialSegments + 1) * (j - 1) + (i - 1); var b = (radialSegments + 1) * j + (i - 1); var c = (radialSegments + 1) * j + i; var d = (radialSegments + 1) * (j - 1) + i; // faces indices.push(a, b, d); indices.push(b, c, d); } } } function generateUVs() { for (var i = 0; i <= tubularSegments; i++) { for (var j = 0; j <= radialSegments; j++) { uv.x = i / tubularSegments; uv.y = j / radialSegments; uvs.push(uv.x, uv.y); } } } return _this; } var _proto = TubeGeometry.prototype; _proto.toJSON = function toJSON() { var data = BufferGeometry.prototype.toJSON.call(this); data.path = this.parameters.path.toJSON(); return data; }; return TubeGeometry; }(BufferGeometry); var WireframeGeometry = /*#__PURE__*/function (_BufferGeometry) { _inheritsLoose(WireframeGeometry, _BufferGeometry); function WireframeGeometry(geometry) { var _this; _this = _BufferGeometry.call(this) || this; _this.type = 'WireframeGeometry'; if (geometry.isGeometry === true) { console.error('THREE.WireframeGeometry no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.'); return _assertThisInitialized(_this); } // buffer var vertices = []; // helper variables var edge = [0, 0], edges = {}; var vertex = new Vector3(); if (geometry.index !== null) { // indexed BufferGeometry var position = geometry.attributes.position; var indices = geometry.index; var groups = geometry.groups; if (groups.length === 0) { groups = [{ start: 0, count: indices.count, materialIndex: 0 }]; } // create a data structure that contains all eges without duplicates for (var o = 0, ol = groups.length; o < ol; ++o) { var group = groups[o]; var start = group.start; var count = group.count; for (var i = start, l = start + count; i < l; i += 3) { for (var j = 0; j < 3; j++) { var edge1 = indices.getX(i + j); var edge2 = indices.getX(i + (j + 1) % 3); edge[0] = Math.min(edge1, edge2); // sorting prevents duplicates edge[1] = Math.max(edge1, edge2); var key = edge[0] + ',' + edge[1]; if (edges[key] === undefined) { edges[key] = { index1: edge[0], index2: edge[1] }; } } } } // generate vertices for (var _key in edges) { var e = edges[_key]; vertex.fromBufferAttribute(position, e.index1); vertices.push(vertex.x, vertex.y, vertex.z); vertex.fromBufferAttribute(position, e.index2); vertices.push(vertex.x, vertex.y, vertex.z); } } else { // non-indexed BufferGeometry var _position = geometry.attributes.position; for (var _i = 0, _l = _position.count / 3; _i < _l; _i++) { for (var _j = 0; _j < 3; _j++) { // three edges per triangle, an edge is represented as (index1, index2) // e.g. the first triangle has the following edges: (0,1),(1,2),(2,0) var index1 = 3 * _i + _j; vertex.fromBufferAttribute(_position, index1); vertices.push(vertex.x, vertex.y, vertex.z); var index2 = 3 * _i + (_j + 1) % 3; vertex.fromBufferAttribute(_position, index2); vertices.push(vertex.x, vertex.y, vertex.z); } } } // build geometry _this.setAttribute('position', new Float32BufferAttribute(vertices, 3)); return _this; } return WireframeGeometry; }(BufferGeometry); var Geometries = /*#__PURE__*/Object.freeze({ __proto__: null, BoxGeometry: BoxGeometry, BoxBufferGeometry: BoxGeometry, CircleGeometry: CircleGeometry, CircleBufferGeometry: CircleGeometry, ConeGeometry: ConeGeometry, ConeBufferGeometry: ConeGeometry, CylinderGeometry: CylinderGeometry, CylinderBufferGeometry: CylinderGeometry, DodecahedronGeometry: DodecahedronGeometry, DodecahedronBufferGeometry: DodecahedronGeometry, EdgesGeometry: EdgesGeometry, ExtrudeGeometry: ExtrudeGeometry, ExtrudeBufferGeometry: ExtrudeGeometry, IcosahedronGeometry: IcosahedronGeometry, IcosahedronBufferGeometry: IcosahedronGeometry, LatheGeometry: LatheGeometry, LatheBufferGeometry: LatheGeometry, OctahedronGeometry: OctahedronGeometry, OctahedronBufferGeometry: OctahedronGeometry, ParametricGeometry: ParametricGeometry, ParametricBufferGeometry: ParametricGeometry, PlaneGeometry: PlaneGeometry, PlaneBufferGeometry: PlaneGeometry, PolyhedronGeometry: PolyhedronGeometry, PolyhedronBufferGeometry: PolyhedronGeometry, RingGeometry: RingGeometry, RingBufferGeometry: RingGeometry, ShapeGeometry: ShapeGeometry, ShapeBufferGeometry: ShapeGeometry, SphereGeometry: SphereGeometry, SphereBufferGeometry: SphereGeometry, TetrahedronGeometry: TetrahedronGeometry, TetrahedronBufferGeometry: TetrahedronGeometry, TextGeometry: TextGeometry, TextBufferGeometry: TextGeometry, TorusGeometry: TorusGeometry, TorusBufferGeometry: TorusGeometry, TorusKnotGeometry: TorusKnotGeometry, TorusKnotBufferGeometry: TorusKnotGeometry, TubeGeometry: TubeGeometry, TubeBufferGeometry: TubeGeometry, WireframeGeometry: WireframeGeometry }); /** * parameters = { * color: <THREE.Color> * } */ function ShadowMaterial(parameters) { Material.call(this); this.type = 'ShadowMaterial'; this.color = new Color(0x000000); this.transparent = true; this.setValues(parameters); } ShadowMaterial.prototype = Object.create(Material.prototype); ShadowMaterial.prototype.constructor = ShadowMaterial; ShadowMaterial.prototype.isShadowMaterial = true; ShadowMaterial.prototype.copy = function (source) { Material.prototype.copy.call(this, source); this.color.copy(source.color); return this; }; function RawShaderMaterial(parameters) { ShaderMaterial.call(this, parameters); this.type = 'RawShaderMaterial'; } RawShaderMaterial.prototype = Object.create(ShaderMaterial.prototype); RawShaderMaterial.prototype.constructor = RawShaderMaterial; RawShaderMaterial.prototype.isRawShaderMaterial = true; /** * parameters = { * color: <hex>, * roughness: <float>, * metalness: <float>, * opacity: <float>, * * map: new THREE.Texture( <Image> ), * * lightMap: new THREE.Texture( <Image> ), * lightMapIntensity: <float> * * aoMap: new THREE.Texture( <Image> ), * aoMapIntensity: <float> * * emissive: <hex>, * emissiveIntensity: <float> * emissiveMap: new THREE.Texture( <Image> ), * * bumpMap: new THREE.Texture( <Image> ), * bumpScale: <float>, * * normalMap: new THREE.Texture( <Image> ), * normalMapType: THREE.TangentSpaceNormalMap, * normalScale: <Vector2>, * * displacementMap: new THREE.Texture( <Image> ), * displacementScale: <float>, * displacementBias: <float>, * * roughnessMap: new THREE.Texture( <Image> ), * * metalnessMap: new THREE.Texture( <Image> ), * * alphaMap: new THREE.Texture( <Image> ), * * envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ), * envMapIntensity: <float> * * refractionRatio: <float>, * * wireframe: <boolean>, * wireframeLinewidth: <float>, * * skinning: <bool>, * morphTargets: <bool>, * morphNormals: <bool> * } */ function MeshStandardMaterial(parameters) { Material.call(this); this.defines = { 'STANDARD': '' }; this.type = 'MeshStandardMaterial'; this.color = new Color(0xffffff); // diffuse this.roughness = 1.0; this.metalness = 0.0; this.map = null; this.lightMap = null; this.lightMapIntensity = 1.0; this.aoMap = null; this.aoMapIntensity = 1.0; this.emissive = new Color(0x000000); this.emissiveIntensity = 1.0; this.emissiveMap = null; this.bumpMap = null; this.bumpScale = 1; this.normalMap = null; this.normalMapType = TangentSpaceNormalMap; this.normalScale = new Vector2(1, 1); this.displacementMap = null; this.displacementScale = 1; this.displacementBias = 0; this.roughnessMap = null; this.metalnessMap = null; this.alphaMap = null; this.envMap = null; this.envMapIntensity = 1.0; this.refractionRatio = 0.98; this.wireframe = false; this.wireframeLinewidth = 1; this.wireframeLinecap = 'round'; this.wireframeLinejoin = 'round'; this.skinning = false; this.morphTargets = false; this.morphNormals = false; this.vertexTangents = false; this.setValues(parameters); } MeshStandardMaterial.prototype = Object.create(Material.prototype); MeshStandardMaterial.prototype.constructor = MeshStandardMaterial; MeshStandardMaterial.prototype.isMeshStandardMaterial = true; MeshStandardMaterial.prototype.copy = function (source) { Material.prototype.copy.call(this, source); this.defines = { 'STANDARD': '' }; this.color.copy(source.color); this.roughness = source.roughness; this.metalness = source.metalness; this.map = source.map; this.lightMap = source.lightMap; this.lightMapIntensity = source.lightMapIntensity; this.aoMap = source.aoMap; this.aoMapIntensity = source.aoMapIntensity; this.emissive.copy(source.emissive); this.emissiveMap = source.emissiveMap; this.emissiveIntensity = source.emissiveIntensity; this.bumpMap = source.bumpMap; this.bumpScale = source.bumpScale; this.normalMap = source.normalMap; this.normalMapType = source.normalMapType; this.normalScale.copy(source.normalScale); this.displacementMap = source.displacementMap; this.displacementScale = source.displacementScale; this.displacementBias = source.displacementBias; this.roughnessMap = source.roughnessMap; this.metalnessMap = source.metalnessMap; this.alphaMap = source.alphaMap; this.envMap = source.envMap; this.envMapIntensity = source.envMapIntensity; this.refractionRatio = source.refractionRatio; this.wireframe = source.wireframe; this.wireframeLinewidth = source.wireframeLinewidth; this.wireframeLinecap = source.wireframeLinecap; this.wireframeLinejoin = source.wireframeLinejoin; this.skinning = source.skinning; this.morphTargets = source.morphTargets; this.morphNormals = source.morphNormals; this.vertexTangents = source.vertexTangents; return this; }; /** * parameters = { * clearcoat: <float>, * clearcoatMap: new THREE.Texture( <Image> ), * clearcoatRoughness: <float>, * clearcoatRoughnessMap: new THREE.Texture( <Image> ), * clearcoatNormalScale: <Vector2>, * clearcoatNormalMap: new THREE.Texture( <Image> ), * * reflectivity: <float>, * ior: <float>, * * sheen: <Color>, * * transmission: <float>, * transmissionMap: new THREE.Texture( <Image> ) * } */ function MeshPhysicalMaterial(parameters) { MeshStandardMaterial.call(this); this.defines = { 'STANDARD': '', 'PHYSICAL': '' }; this.type = 'MeshPhysicalMaterial'; this.clearcoat = 0.0; this.clearcoatMap = null; this.clearcoatRoughness = 0.0; this.clearcoatRoughnessMap = null; this.clearcoatNormalScale = new Vector2(1, 1); this.clearcoatNormalMap = null; this.reflectivity = 0.5; // maps to F0 = 0.04 Object.defineProperty(this, 'ior', { get: function get() { return (1 + 0.4 * this.reflectivity) / (1 - 0.4 * this.reflectivity); }, set: function set(ior) { this.reflectivity = MathUtils.clamp(2.5 * (ior - 1) / (ior + 1), 0, 1); } }); this.sheen = null; // null will disable sheen bsdf this.transmission = 0.0; this.transmissionMap = null; this.setValues(parameters); } MeshPhysicalMaterial.prototype = Object.create(MeshStandardMaterial.prototype); MeshPhysicalMaterial.prototype.constructor = MeshPhysicalMaterial; MeshPhysicalMaterial.prototype.isMeshPhysicalMaterial = true; MeshPhysicalMaterial.prototype.copy = function (source) { MeshStandardMaterial.prototype.copy.call(this, source); this.defines = { 'STANDARD': '', 'PHYSICAL': '' }; this.clearcoat = source.clearcoat; this.clearcoatMap = source.clearcoatMap; this.clearcoatRoughness = source.clearcoatRoughness; this.clearcoatRoughnessMap = source.clearcoatRoughnessMap; this.clearcoatNormalMap = source.clearcoatNormalMap; this.clearcoatNormalScale.copy(source.clearcoatNormalScale); this.reflectivity = source.reflectivity; if (source.sheen) { this.sheen = (this.sheen || new Color()).copy(source.sheen); } else { this.sheen = null; } this.transmission = source.transmission; this.transmissionMap = source.transmissionMap; return this; }; /** * parameters = { * color: <hex>, * specular: <hex>, * shininess: <float>, * opacity: <float>, * * map: new THREE.Texture( <Image> ), * * lightMap: new THREE.Texture( <Image> ), * lightMapIntensity: <float> * * aoMap: new THREE.Texture( <Image> ), * aoMapIntensity: <float> * * emissive: <hex>, * emissiveIntensity: <float> * emissiveMap: new THREE.Texture( <Image> ), * * bumpMap: new THREE.Texture( <Image> ), * bumpScale: <float>, * * normalMap: new THREE.Texture( <Image> ), * normalMapType: THREE.TangentSpaceNormalMap, * normalScale: <Vector2>, * * displacementMap: new THREE.Texture( <Image> ), * displacementScale: <float>, * displacementBias: <float>, * * specularMap: new THREE.Texture( <Image> ), * * alphaMap: new THREE.Texture( <Image> ), * * envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ), * combine: THREE.MultiplyOperation, * reflectivity: <float>, * refractionRatio: <float>, * * wireframe: <boolean>, * wireframeLinewidth: <float>, * * skinning: <bool>, * morphTargets: <bool>, * morphNormals: <bool> * } */ function MeshPhongMaterial(parameters) { Material.call(this); this.type = 'MeshPhongMaterial'; this.color = new Color(0xffffff); // diffuse this.specular = new Color(0x111111); this.shininess = 30; this.map = null; this.lightMap = null; this.lightMapIntensity = 1.0; this.aoMap = null; this.aoMapIntensity = 1.0; this.emissive = new Color(0x000000); this.emissiveIntensity = 1.0; this.emissiveMap = null; this.bumpMap = null; this.bumpScale = 1; this.normalMap = null; this.normalMapType = TangentSpaceNormalMap; this.normalScale = new Vector2(1, 1); this.displacementMap = null; this.displacementScale = 1; this.displacementBias = 0; this.specularMap = null; this.alphaMap = null; this.envMap = null; this.combine = MultiplyOperation; this.reflectivity = 1; this.refractionRatio = 0.98; this.wireframe = false; this.wireframeLinewidth = 1; this.wireframeLinecap = 'round'; this.wireframeLinejoin = 'round'; this.skinning = false; this.morphTargets = false; this.morphNormals = false; this.setValues(parameters); } MeshPhongMaterial.prototype = Object.create(Material.prototype); MeshPhongMaterial.prototype.constructor = MeshPhongMaterial; MeshPhongMaterial.prototype.isMeshPhongMaterial = true; MeshPhongMaterial.prototype.copy = function (source) { Material.prototype.copy.call(this, source); this.color.copy(source.color); this.specular.copy(source.specular); this.shininess = source.shininess; this.map = source.map; this.lightMap = source.lightMap; this.lightMapIntensity = source.lightMapIntensity; this.aoMap = source.aoMap; this.aoMapIntensity = source.aoMapIntensity; this.emissive.copy(source.emissive); this.emissiveMap = source.emissiveMap; this.emissiveIntensity = source.emissiveIntensity; this.bumpMap = source.bumpMap; this.bumpScale = source.bumpScale; this.normalMap = source.normalMap; this.normalMapType = source.normalMapType; this.normalScale.copy(source.normalScale); this.displacementMap = source.displacementMap; this.displacementScale = source.displacementScale; this.displacementBias = source.displacementBias; this.specularMap = source.specularMap; this.alphaMap = source.alphaMap; this.envMap = source.envMap; this.combine = source.combine; this.reflectivity = source.reflectivity; this.refractionRatio = source.refractionRatio; this.wireframe = source.wireframe; this.wireframeLinewidth = source.wireframeLinewidth; this.wireframeLinecap = source.wireframeLinecap; this.wireframeLinejoin = source.wireframeLinejoin; this.skinning = source.skinning; this.morphTargets = source.morphTargets; this.morphNormals = source.morphNormals; return this; }; /** * parameters = { * color: <hex>, * * map: new THREE.Texture( <Image> ), * gradientMap: new THREE.Texture( <Image> ), * * lightMap: new THREE.Texture( <Image> ), * lightMapIntensity: <float> * * aoMap: new THREE.Texture( <Image> ), * aoMapIntensity: <float> * * emissive: <hex>, * emissiveIntensity: <float> * emissiveMap: new THREE.Texture( <Image> ), * * bumpMap: new THREE.Texture( <Image> ), * bumpScale: <float>, * * normalMap: new THREE.Texture( <Image> ), * normalMapType: THREE.TangentSpaceNormalMap, * normalScale: <Vector2>, * * displacementMap: new THREE.Texture( <Image> ), * displacementScale: <float>, * displacementBias: <float>, * * alphaMap: new THREE.Texture( <Image> ), * * wireframe: <boolean>, * wireframeLinewidth: <float>, * * skinning: <bool>, * morphTargets: <bool>, * morphNormals: <bool> * } */ function MeshToonMaterial(parameters) { Material.call(this); this.defines = { 'TOON': '' }; this.type = 'MeshToonMaterial'; this.color = new Color(0xffffff); this.map = null; this.gradientMap = null; this.lightMap = null; this.lightMapIntensity = 1.0; this.aoMap = null; this.aoMapIntensity = 1.0; this.emissive = new Color(0x000000); this.emissiveIntensity = 1.0; this.emissiveMap = null; this.bumpMap = null; this.bumpScale = 1; this.normalMap = null; this.normalMapType = TangentSpaceNormalMap; this.normalScale = new Vector2(1, 1); this.displacementMap = null; this.displacementScale = 1; this.displacementBias = 0; this.alphaMap = null; this.wireframe = false; this.wireframeLinewidth = 1; this.wireframeLinecap = 'round'; this.wireframeLinejoin = 'round'; this.skinning = false; this.morphTargets = false; this.morphNormals = false; this.setValues(parameters); } MeshToonMaterial.prototype = Object.create(Material.prototype); MeshToonMaterial.prototype.constructor = MeshToonMaterial; MeshToonMaterial.prototype.isMeshToonMaterial = true; MeshToonMaterial.prototype.copy = function (source) { Material.prototype.copy.call(this, source); this.color.copy(source.color); this.map = source.map; this.gradientMap = source.gradientMap; this.lightMap = source.lightMap; this.lightMapIntensity = source.lightMapIntensity; this.aoMap = source.aoMap; this.aoMapIntensity = source.aoMapIntensity; this.emissive.copy(source.emissive); this.emissiveMap = source.emissiveMap; this.emissiveIntensity = source.emissiveIntensity; this.bumpMap = source.bumpMap; this.bumpScale = source.bumpScale; this.normalMap = source.normalMap; this.normalMapType = source.normalMapType; this.normalScale.copy(source.normalScale); this.displacementMap = source.displacementMap; this.displacementScale = source.displacementScale; this.displacementBias = source.displacementBias; this.alphaMap = source.alphaMap; this.wireframe = source.wireframe; this.wireframeLinewidth = source.wireframeLinewidth; this.wireframeLinecap = source.wireframeLinecap; this.wireframeLinejoin = source.wireframeLinejoin; this.skinning = source.skinning; this.morphTargets = source.morphTargets; this.morphNormals = source.morphNormals; return this; }; /** * parameters = { * opacity: <float>, * * bumpMap: new THREE.Texture( <Image> ), * bumpScale: <float>, * * normalMap: new THREE.Texture( <Image> ), * normalMapType: THREE.TangentSpaceNormalMap, * normalScale: <Vector2>, * * displacementMap: new THREE.Texture( <Image> ), * displacementScale: <float>, * displacementBias: <float>, * * wireframe: <boolean>, * wireframeLinewidth: <float> * * skinning: <bool>, * morphTargets: <bool>, * morphNormals: <bool> * } */ function MeshNormalMaterial(parameters) { Material.call(this); this.type = 'MeshNormalMaterial'; this.bumpMap = null; this.bumpScale = 1; this.normalMap = null; this.normalMapType = TangentSpaceNormalMap; this.normalScale = new Vector2(1, 1); this.displacementMap = null; this.displacementScale = 1; this.displacementBias = 0; this.wireframe = false; this.wireframeLinewidth = 1; this.fog = false; this.skinning = false; this.morphTargets = false; this.morphNormals = false; this.setValues(parameters); } MeshNormalMaterial.prototype = Object.create(Material.prototype); MeshNormalMaterial.prototype.constructor = MeshNormalMaterial; MeshNormalMaterial.prototype.isMeshNormalMaterial = true; MeshNormalMaterial.prototype.copy = function (source) { Material.prototype.copy.call(this, source); this.bumpMap = source.bumpMap; this.bumpScale = source.bumpScale; this.normalMap = source.normalMap; this.normalMapType = source.normalMapType; this.normalScale.copy(source.normalScale); this.displacementMap = source.displacementMap; this.displacementScale = source.displacementScale; this.displacementBias = source.displacementBias; this.wireframe = source.wireframe; this.wireframeLinewidth = source.wireframeLinewidth; this.skinning = source.skinning; this.morphTargets = source.morphTargets; this.morphNormals = source.morphNormals; return this; }; /** * parameters = { * color: <hex>, * opacity: <float>, * * map: new THREE.Texture( <Image> ), * * lightMap: new THREE.Texture( <Image> ), * lightMapIntensity: <float> * * aoMap: new THREE.Texture( <Image> ), * aoMapIntensity: <float> * * emissive: <hex>, * emissiveIntensity: <float> * emissiveMap: new THREE.Texture( <Image> ), * * specularMap: new THREE.Texture( <Image> ), * * alphaMap: new THREE.Texture( <Image> ), * * envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ), * combine: THREE.Multiply, * reflectivity: <float>, * refractionRatio: <float>, * * wireframe: <boolean>, * wireframeLinewidth: <float>, * * skinning: <bool>, * morphTargets: <bool>, * morphNormals: <bool> * } */ function MeshLambertMaterial(parameters) { Material.call(this); this.type = 'MeshLambertMaterial'; this.color = new Color(0xffffff); // diffuse this.map = null; this.lightMap = null; this.lightMapIntensity = 1.0; this.aoMap = null; this.aoMapIntensity = 1.0; this.emissive = new Color(0x000000); this.emissiveIntensity = 1.0; this.emissiveMap = null; this.specularMap = null; this.alphaMap = null; this.envMap = null; this.combine = MultiplyOperation; this.reflectivity = 1; this.refractionRatio = 0.98; this.wireframe = false; this.wireframeLinewidth = 1; this.wireframeLinecap = 'round'; this.wireframeLinejoin = 'round'; this.skinning = false; this.morphTargets = false; this.morphNormals = false; this.setValues(parameters); } MeshLambertMaterial.prototype = Object.create(Material.prototype); MeshLambertMaterial.prototype.constructor = MeshLambertMaterial; MeshLambertMaterial.prototype.isMeshLambertMaterial = true; MeshLambertMaterial.prototype.copy = function (source) { Material.prototype.copy.call(this, source); this.color.copy(source.color); this.map = source.map; this.lightMap = source.lightMap; this.lightMapIntensity = source.lightMapIntensity; this.aoMap = source.aoMap; this.aoMapIntensity = source.aoMapIntensity; this.emissive.copy(source.emissive); this.emissiveMap = source.emissiveMap; this.emissiveIntensity = source.emissiveIntensity; this.specularMap = source.specularMap; this.alphaMap = source.alphaMap; this.envMap = source.envMap; this.combine = source.combine; this.reflectivity = source.reflectivity; this.refractionRatio = source.refractionRatio; this.wireframe = source.wireframe; this.wireframeLinewidth = source.wireframeLinewidth; this.wireframeLinecap = source.wireframeLinecap; this.wireframeLinejoin = source.wireframeLinejoin; this.skinning = source.skinning; this.morphTargets = source.morphTargets; this.morphNormals = source.morphNormals; return this; }; /** * parameters = { * color: <hex>, * opacity: <float>, * * matcap: new THREE.Texture( <Image> ), * * map: new THREE.Texture( <Image> ), * * bumpMap: new THREE.Texture( <Image> ), * bumpScale: <float>, * * normalMap: new THREE.Texture( <Image> ), * normalMapType: THREE.TangentSpaceNormalMap, * normalScale: <Vector2>, * * displacementMap: new THREE.Texture( <Image> ), * displacementScale: <float>, * displacementBias: <float>, * * alphaMap: new THREE.Texture( <Image> ), * * skinning: <bool>, * morphTargets: <bool>, * morphNormals: <bool> * } */ function MeshMatcapMaterial(parameters) { Material.call(this); this.defines = { 'MATCAP': '' }; this.type = 'MeshMatcapMaterial'; this.color = new Color(0xffffff); // diffuse this.matcap = null; this.map = null; this.bumpMap = null; this.bumpScale = 1; this.normalMap = null; this.normalMapType = TangentSpaceNormalMap; this.normalScale = new Vector2(1, 1); this.displacementMap = null; this.displacementScale = 1; this.displacementBias = 0; this.alphaMap = null; this.skinning = false; this.morphTargets = false; this.morphNormals = false; this.setValues(parameters); } MeshMatcapMaterial.prototype = Object.create(Material.prototype); MeshMatcapMaterial.prototype.constructor = MeshMatcapMaterial; MeshMatcapMaterial.prototype.isMeshMatcapMaterial = true; MeshMatcapMaterial.prototype.copy = function (source) { Material.prototype.copy.call(this, source); this.defines = { 'MATCAP': '' }; this.color.copy(source.color); this.matcap = source.matcap; this.map = source.map; this.bumpMap = source.bumpMap; this.bumpScale = source.bumpScale; this.normalMap = source.normalMap; this.normalMapType = source.normalMapType; this.normalScale.copy(source.normalScale); this.displacementMap = source.displacementMap; this.displacementScale = source.displacementScale; this.displacementBias = source.displacementBias; this.alphaMap = source.alphaMap; this.skinning = source.skinning; this.morphTargets = source.morphTargets; this.morphNormals = source.morphNormals; return this; }; /** * parameters = { * color: <hex>, * opacity: <float>, * * linewidth: <float>, * * scale: <float>, * dashSize: <float>, * gapSize: <float> * } */ function LineDashedMaterial(parameters) { LineBasicMaterial.call(this); this.type = 'LineDashedMaterial'; this.scale = 1; this.dashSize = 3; this.gapSize = 1; this.setValues(parameters); } LineDashedMaterial.prototype = Object.create(LineBasicMaterial.prototype); LineDashedMaterial.prototype.constructor = LineDashedMaterial; LineDashedMaterial.prototype.isLineDashedMaterial = true; LineDashedMaterial.prototype.copy = function (source) { LineBasicMaterial.prototype.copy.call(this, source); this.scale = source.scale; this.dashSize = source.dashSize; this.gapSize = source.gapSize; return this; }; var Materials = /*#__PURE__*/Object.freeze({ __proto__: null, ShadowMaterial: ShadowMaterial, SpriteMaterial: SpriteMaterial, RawShaderMaterial: RawShaderMaterial, ShaderMaterial: ShaderMaterial, PointsMaterial: PointsMaterial, MeshPhysicalMaterial: MeshPhysicalMaterial, MeshStandardMaterial: MeshStandardMaterial, MeshPhongMaterial: MeshPhongMaterial, MeshToonMaterial: MeshToonMaterial, MeshNormalMaterial: MeshNormalMaterial, MeshLambertMaterial: MeshLambertMaterial, MeshDepthMaterial: MeshDepthMaterial, MeshDistanceMaterial: MeshDistanceMaterial, MeshBasicMaterial: MeshBasicMaterial, MeshMatcapMaterial: MeshMatcapMaterial, LineDashedMaterial: LineDashedMaterial, LineBasicMaterial: LineBasicMaterial, Material: Material }); var AnimationUtils = { // same as Array.prototype.slice, but also works on typed arrays arraySlice: function arraySlice(array, from, to) { if (AnimationUtils.isTypedArray(array)) { // in ios9 array.subarray(from, undefined) will return empty array // but array.subarray(from) or array.subarray(from, len) is correct return new array.constructor(array.subarray(from, to !== undefined ? to : array.length)); } return array.slice(from, to); }, // converts an array to a specific type convertArray: function convertArray(array, type, forceClone) { if (!array || // let 'undefined' and 'null' pass !forceClone && array.constructor === type) return array; if (typeof type.BYTES_PER_ELEMENT === 'number') { return new type(array); // create typed array } return Array.prototype.slice.call(array); // create Array }, isTypedArray: function isTypedArray(object) { return ArrayBuffer.isView(object) && !(object instanceof DataView); }, // returns an array by which times and values can be sorted getKeyframeOrder: function getKeyframeOrder(times) { function compareTime(i, j) { return times[i] - times[j]; } var n = times.length; var result = new Array(n); for (var i = 0; i !== n; ++i) { result[i] = i; } result.sort(compareTime); return result; }, // uses the array previously returned by 'getKeyframeOrder' to sort data sortedArray: function sortedArray(values, stride, order) { var nValues = values.length; var result = new values.constructor(nValues); for (var i = 0, dstOffset = 0; dstOffset !== nValues; ++i) { var srcOffset = order[i] * stride; for (var j = 0; j !== stride; ++j) { result[dstOffset++] = values[srcOffset + j]; } } return result; }, // function for parsing AOS keyframe formats flattenJSON: function flattenJSON(jsonKeys, times, values, valuePropertyName) { var i = 1, key = jsonKeys[0]; while (key !== undefined && key[valuePropertyName] === undefined) { key = jsonKeys[i++]; } if (key === undefined) return; // no data var value = key[valuePropertyName]; if (value === undefined) return; // no data if (Array.isArray(value)) { do { value = key[valuePropertyName]; if (value !== undefined) { times.push(key.time); values.push.apply(values, value); // push all elements } key = jsonKeys[i++]; } while (key !== undefined); } else if (value.toArray !== undefined) { // ...assume THREE.Math-ish do { value = key[valuePropertyName]; if (value !== undefined) { times.push(key.time); value.toArray(values, values.length); } key = jsonKeys[i++]; } while (key !== undefined); } else { // otherwise push as-is do { value = key[valuePropertyName]; if (value !== undefined) { times.push(key.time); values.push(value); } key = jsonKeys[i++]; } while (key !== undefined); } }, subclip: function subclip(sourceClip, name, startFrame, endFrame, fps) { if (fps === void 0) { fps = 30; } var clip = sourceClip.clone(); clip.name = name; var tracks = []; for (var i = 0; i < clip.tracks.length; ++i) { var track = clip.tracks[i]; var valueSize = track.getValueSize(); var times = []; var values = []; for (var j = 0; j < track.times.length; ++j) { var frame = track.times[j] * fps; if (frame < startFrame || frame >= endFrame) continue; times.push(track.times[j]); for (var k = 0; k < valueSize; ++k) { values.push(track.values[j * valueSize + k]); } } if (times.length === 0) continue; track.times = AnimationUtils.convertArray(times, track.times.constructor); track.values = AnimationUtils.convertArray(values, track.values.constructor); tracks.push(track); } clip.tracks = tracks; // find minimum .times value across all tracks in the trimmed clip var minStartTime = Infinity; for (var _i = 0; _i < clip.tracks.length; ++_i) { if (minStartTime > clip.tracks[_i].times[0]) { minStartTime = clip.tracks[_i].times[0]; } } // shift all tracks such that clip begins at t=0 for (var _i2 = 0; _i2 < clip.tracks.length; ++_i2) { clip.tracks[_i2].shift(-1 * minStartTime); } clip.resetDuration(); return clip; }, makeClipAdditive: function makeClipAdditive(targetClip, referenceFrame, referenceClip, fps) { if (referenceFrame === void 0) { referenceFrame = 0; } if (referenceClip === void 0) { referenceClip = targetClip; } if (fps === void 0) { fps = 30; } if (fps <= 0) fps = 30; var numTracks = referenceClip.tracks.length; var referenceTime = referenceFrame / fps; // Make each track's values relative to the values at the reference frame var _loop = function _loop(i) { var referenceTrack = referenceClip.tracks[i]; var referenceTrackType = referenceTrack.ValueTypeName; // Skip this track if it's non-numeric if (referenceTrackType === 'bool' || referenceTrackType === 'string') return "continue"; // Find the track in the target clip whose name and type matches the reference track var targetTrack = targetClip.tracks.find(function (track) { return track.name === referenceTrack.name && track.ValueTypeName === referenceTrackType; }); if (targetTrack === undefined) return "continue"; var referenceOffset = 0; var referenceValueSize = referenceTrack.getValueSize(); if (referenceTrack.createInterpolant.isInterpolantFactoryMethodGLTFCubicSpline) { referenceOffset = referenceValueSize / 3; } var targetOffset = 0; var targetValueSize = targetTrack.getValueSize(); if (targetTrack.createInterpolant.isInterpolantFactoryMethodGLTFCubicSpline) { targetOffset = targetValueSize / 3; } var lastIndex = referenceTrack.times.length - 1; var referenceValue = void 0; // Find the value to subtract out of the track if (referenceTime <= referenceTrack.times[0]) { // Reference frame is earlier than the first keyframe, so just use the first keyframe var startIndex = referenceOffset; var endIndex = referenceValueSize - referenceOffset; referenceValue = AnimationUtils.arraySlice(referenceTrack.values, startIndex, endIndex); } else if (referenceTime >= referenceTrack.times[lastIndex]) { // Reference frame is after the last keyframe, so just use the last keyframe var _startIndex = lastIndex * referenceValueSize + referenceOffset; var _endIndex = _startIndex + referenceValueSize - referenceOffset; referenceValue = AnimationUtils.arraySlice(referenceTrack.values, _startIndex, _endIndex); } else { // Interpolate to the reference value var interpolant = referenceTrack.createInterpolant(); var _startIndex2 = referenceOffset; var _endIndex2 = referenceValueSize - referenceOffset; interpolant.evaluate(referenceTime); referenceValue = AnimationUtils.arraySlice(interpolant.resultBuffer, _startIndex2, _endIndex2); } // Conjugate the quaternion if (referenceTrackType === 'quaternion') { var referenceQuat = new Quaternion().fromArray(referenceValue).normalize().conjugate(); referenceQuat.toArray(referenceValue); } // Subtract the reference value from all of the track values var numTimes = targetTrack.times.length; for (var j = 0; j < numTimes; ++j) { var valueStart = j * targetValueSize + targetOffset; if (referenceTrackType === 'quaternion') { // Multiply the conjugate for quaternion track types Quaternion.multiplyQuaternionsFlat(targetTrack.values, valueStart, referenceValue, 0, targetTrack.values, valueStart); } else { var valueEnd = targetValueSize - targetOffset * 2; // Subtract each value for all other numeric track types for (var k = 0; k < valueEnd; ++k) { targetTrack.values[valueStart + k] -= referenceValue[k]; } } } }; for (var i = 0; i < numTracks; ++i) { var _ret = _loop(i); if (_ret === "continue") continue; } targetClip.blendMode = AdditiveAnimationBlendMode; return targetClip; } }; /** * Abstract base class of interpolants over parametric samples. * * The parameter domain is one dimensional, typically the time or a path * along a curve defined by the data. * * The sample values can have any dimensionality and derived classes may * apply special interpretations to the data. * * This class provides the interval seek in a Template Method, deferring * the actual interpolation to derived classes. * * Time complexity is O(1) for linear access crossing at most two points * and O(log N) for random access, where N is the number of positions. * * References: * * http://www.oodesign.com/template-method-pattern.html * */ function Interpolant(parameterPositions, sampleValues, sampleSize, resultBuffer) { this.parameterPositions = parameterPositions; this._cachedIndex = 0; this.resultBuffer = resultBuffer !== undefined ? resultBuffer : new sampleValues.constructor(sampleSize); this.sampleValues = sampleValues; this.valueSize = sampleSize; } Object.assign(Interpolant.prototype, { evaluate: function evaluate(t) { var pp = this.parameterPositions; var i1 = this._cachedIndex, t1 = pp[i1], t0 = pp[i1 - 1]; validate_interval: { seek: { var right; linear_scan: { //- See http://jsperf.com/comparison-to-undefined/3 //- slower code: //- //- if ( t >= t1 || t1 === undefined ) { forward_scan: if (!(t < t1)) { for (var giveUpAt = i1 + 2;;) { if (t1 === undefined) { if (t < t0) break forward_scan; // after end i1 = pp.length; this._cachedIndex = i1; return this.afterEnd_(i1 - 1, t, t0); } if (i1 === giveUpAt) break; // this loop t0 = t1; t1 = pp[++i1]; if (t < t1) { // we have arrived at the sought interval break seek; } } // prepare binary search on the right side of the index right = pp.length; break linear_scan; } //- slower code: //- if ( t < t0 || t0 === undefined ) { if (!(t >= t0)) { // looping? var t1global = pp[1]; if (t < t1global) { i1 = 2; // + 1, using the scan for the details t0 = t1global; } // linear reverse scan for (var _giveUpAt = i1 - 2;;) { if (t0 === undefined) { // before start this._cachedIndex = 0; return this.beforeStart_(0, t, t1); } if (i1 === _giveUpAt) break; // this loop t1 = t0; t0 = pp[--i1 - 1]; if (t >= t0) { // we have arrived at the sought interval break seek; } } // prepare binary search on the left side of the index right = i1; i1 = 0; break linear_scan; } // the interval is valid break validate_interval; } // linear scan // binary search while (i1 < right) { var mid = i1 + right >>> 1; if (t < pp[mid]) { right = mid; } else { i1 = mid + 1; } } t1 = pp[i1]; t0 = pp[i1 - 1]; // check boundary cases, again if (t0 === undefined) { this._cachedIndex = 0; return this.beforeStart_(0, t, t1); } if (t1 === undefined) { i1 = pp.length; this._cachedIndex = i1; return this.afterEnd_(i1 - 1, t0, t); } } // seek this._cachedIndex = i1; this.intervalChanged_(i1, t0, t1); } // validate_interval return this.interpolate_(i1, t0, t, t1); }, settings: null, // optional, subclass-specific settings structure // Note: The indirection allows central control of many interpolants. // --- Protected interface DefaultSettings_: {}, getSettings_: function getSettings_() { return this.settings || this.DefaultSettings_; }, copySampleValue_: function copySampleValue_(index) { // copies a sample value to the result buffer var result = this.resultBuffer, values = this.sampleValues, stride = this.valueSize, offset = index * stride; for (var i = 0; i !== stride; ++i) { result[i] = values[offset + i]; } return result; }, // Template methods for derived classes: interpolate_: function interpolate_() /* i1, t0, t, t1 */ { throw new Error('call to abstract method'); // implementations shall return this.resultBuffer }, intervalChanged_: function intervalChanged_() /* i1, t0, t1 */ {// empty } }); // DECLARE ALIAS AFTER assign prototype Object.assign(Interpolant.prototype, { //( 0, t, t0 ), returns this.resultBuffer beforeStart_: Interpolant.prototype.copySampleValue_, //( N-1, tN-1, t ), returns this.resultBuffer afterEnd_: Interpolant.prototype.copySampleValue_ }); /** * Fast and simple cubic spline interpolant. * * It was derived from a Hermitian construction setting the first derivative * at each sample position to the linear slope between neighboring positions * over their parameter interval. */ function CubicInterpolant(parameterPositions, sampleValues, sampleSize, resultBuffer) { Interpolant.call(this, parameterPositions, sampleValues, sampleSize, resultBuffer); this._weightPrev = -0; this._offsetPrev = -0; this._weightNext = -0; this._offsetNext = -0; } CubicInterpolant.prototype = Object.assign(Object.create(Interpolant.prototype), { constructor: CubicInterpolant, DefaultSettings_: { endingStart: ZeroCurvatureEnding, endingEnd: ZeroCurvatureEnding }, intervalChanged_: function intervalChanged_(i1, t0, t1) { var pp = this.parameterPositions; var iPrev = i1 - 2, iNext = i1 + 1, tPrev = pp[iPrev], tNext = pp[iNext]; if (tPrev === undefined) { switch (this.getSettings_().endingStart) { case ZeroSlopeEnding: // f'(t0) = 0 iPrev = i1; tPrev = 2 * t0 - t1; break; case WrapAroundEnding: // use the other end of the curve iPrev = pp.length - 2; tPrev = t0 + pp[iPrev] - pp[iPrev + 1]; break; default: // ZeroCurvatureEnding // f''(t0) = 0 a.k.a. Natural Spline iPrev = i1; tPrev = t1; } } if (tNext === undefined) { switch (this.getSettings_().endingEnd) { case ZeroSlopeEnding: // f'(tN) = 0 iNext = i1; tNext = 2 * t1 - t0; break; case WrapAroundEnding: // use the other end of the curve iNext = 1; tNext = t1 + pp[1] - pp[0]; break; default: // ZeroCurvatureEnding // f''(tN) = 0, a.k.a. Natural Spline iNext = i1 - 1; tNext = t0; } } var halfDt = (t1 - t0) * 0.5, stride = this.valueSize; this._weightPrev = halfDt / (t0 - tPrev); this._weightNext = halfDt / (tNext - t1); this._offsetPrev = iPrev * stride; this._offsetNext = iNext * stride; }, interpolate_: function interpolate_(i1, t0, t, t1) { var result = this.resultBuffer, values = this.sampleValues, stride = this.valueSize, o1 = i1 * stride, o0 = o1 - stride, oP = this._offsetPrev, oN = this._offsetNext, wP = this._weightPrev, wN = this._weightNext, p = (t - t0) / (t1 - t0), pp = p * p, ppp = pp * p; // evaluate polynomials var sP = -wP * ppp + 2 * wP * pp - wP * p; var s0 = (1 + wP) * ppp + (-1.5 - 2 * wP) * pp + (-0.5 + wP) * p + 1; var s1 = (-1 - wN) * ppp + (1.5 + wN) * pp + 0.5 * p; var sN = wN * ppp - wN * pp; // combine data linearly for (var i = 0; i !== stride; ++i) { result[i] = sP * values[oP + i] + s0 * values[o0 + i] + s1 * values[o1 + i] + sN * values[oN + i]; } return result; } }); function LinearInterpolant(parameterPositions, sampleValues, sampleSize, resultBuffer) { Interpolant.call(this, parameterPositions, sampleValues, sampleSize, resultBuffer); } LinearInterpolant.prototype = Object.assign(Object.create(Interpolant.prototype), { constructor: LinearInterpolant, interpolate_: function interpolate_(i1, t0, t, t1) { var result = this.resultBuffer, values = this.sampleValues, stride = this.valueSize, offset1 = i1 * stride, offset0 = offset1 - stride, weight1 = (t - t0) / (t1 - t0), weight0 = 1 - weight1; for (var i = 0; i !== stride; ++i) { result[i] = values[offset0 + i] * weight0 + values[offset1 + i] * weight1; } return result; } }); /** * * Interpolant that evaluates to the sample value at the position preceeding * the parameter. */ function DiscreteInterpolant(parameterPositions, sampleValues, sampleSize, resultBuffer) { Interpolant.call(this, parameterPositions, sampleValues, sampleSize, resultBuffer); } DiscreteInterpolant.prototype = Object.assign(Object.create(Interpolant.prototype), { constructor: DiscreteInterpolant, interpolate_: function interpolate_(i1 /*, t0, t, t1 */ ) { return this.copySampleValue_(i1 - 1); } }); function KeyframeTrack(name, times, values, interpolation) { if (name === undefined) throw new Error('THREE.KeyframeTrack: track name is undefined'); if (times === undefined || times.length === 0) throw new Error('THREE.KeyframeTrack: no keyframes in track named ' + name); this.name = name; this.times = AnimationUtils.convertArray(times, this.TimeBufferType); this.values = AnimationUtils.convertArray(values, this.ValueBufferType); this.setInterpolation(interpolation || this.DefaultInterpolation); } // Static methods Object.assign(KeyframeTrack, { // Serialization (in static context, because of constructor invocation // and automatic invocation of .toJSON): toJSON: function toJSON(track) { var trackType = track.constructor; var json; // derived classes can define a static toJSON method if (trackType.toJSON !== undefined) { json = trackType.toJSON(track); } else { // by default, we assume the data can be serialized as-is json = { 'name': track.name, 'times': AnimationUtils.convertArray(track.times, Array), 'values': AnimationUtils.convertArray(track.values, Array) }; var interpolation = track.getInterpolation(); if (interpolation !== track.DefaultInterpolation) { json.interpolation = interpolation; } } json.type = track.ValueTypeName; // mandatory return json; } }); Object.assign(KeyframeTrack.prototype, { constructor: KeyframeTrack, TimeBufferType: Float32Array, ValueBufferType: Float32Array, DefaultInterpolation: InterpolateLinear, InterpolantFactoryMethodDiscrete: function InterpolantFactoryMethodDiscrete(result) { return new DiscreteInterpolant(this.times, this.values, this.getValueSize(), result); }, InterpolantFactoryMethodLinear: function InterpolantFactoryMethodLinear(result) { return new LinearInterpolant(this.times, this.values, this.getValueSize(), result); }, InterpolantFactoryMethodSmooth: function InterpolantFactoryMethodSmooth(result) { return new CubicInterpolant(this.times, this.values, this.getValueSize(), result); }, setInterpolation: function setInterpolation(interpolation) { var factoryMethod; switch (interpolation) { case InterpolateDiscrete: factoryMethod = this.InterpolantFactoryMethodDiscrete; break; case InterpolateLinear: factoryMethod = this.InterpolantFactoryMethodLinear; break; case InterpolateSmooth: factoryMethod = this.InterpolantFactoryMethodSmooth; break; } if (factoryMethod === undefined) { var message = 'unsupported interpolation for ' + this.ValueTypeName + ' keyframe track named ' + this.name; if (this.createInterpolant === undefined) { // fall back to default, unless the default itself is messed up if (interpolation !== this.DefaultInterpolation) { this.setInterpolation(this.DefaultInterpolation); } else { throw new Error(message); // fatal, in this case } } console.warn('THREE.KeyframeTrack:', message); return this; } this.createInterpolant = factoryMethod; return this; }, getInterpolation: function getInterpolation() { switch (this.createInterpolant) { case this.InterpolantFactoryMethodDiscrete: return InterpolateDiscrete; case this.InterpolantFactoryMethodLinear: return InterpolateLinear; case this.InterpolantFactoryMethodSmooth: return InterpolateSmooth; } }, getValueSize: function getValueSize() { return this.values.length / this.times.length; }, // move all keyframes either forwards or backwards in time shift: function shift(timeOffset) { if (timeOffset !== 0.0) { var times = this.times; for (var i = 0, n = times.length; i !== n; ++i) { times[i] += timeOffset; } } return this; }, // scale all keyframe times by a factor (useful for frame <-> seconds conversions) scale: function scale(timeScale) { if (timeScale !== 1.0) { var times = this.times; for (var i = 0, n = times.length; i !== n; ++i) { times[i] *= timeScale; } } return this; }, // removes keyframes before and after animation without changing any values within the range [startTime, endTime]. // IMPORTANT: We do not shift around keys to the start of the track time, because for interpolated keys this will change their values trim: function trim(startTime, endTime) { var times = this.times, nKeys = times.length; var from = 0, to = nKeys - 1; while (from !== nKeys && times[from] < startTime) { ++from; } while (to !== -1 && times[to] > endTime) { --to; } ++to; // inclusive -> exclusive bound if (from !== 0 || to !== nKeys) { // empty tracks are forbidden, so keep at least one keyframe if (from >= to) { to = Math.max(to, 1); from = to - 1; } var stride = this.getValueSize(); this.times = AnimationUtils.arraySlice(times, from, to); this.values = AnimationUtils.arraySlice(this.values, from * stride, to * stride); } return this; }, // ensure we do not get a GarbageInGarbageOut situation, make sure tracks are at least minimally viable validate: function validate() { var valid = true; var valueSize = this.getValueSize(); if (valueSize - Math.floor(valueSize) !== 0) { console.error('THREE.KeyframeTrack: Invalid value size in track.', this); valid = false; } var times = this.times, values = this.values, nKeys = times.length; if (nKeys === 0) { console.error('THREE.KeyframeTrack: Track is empty.', this); valid = false; } var prevTime = null; for (var i = 0; i !== nKeys; i++) { var currTime = times[i]; if (typeof currTime === 'number' && isNaN(currTime)) { console.error('THREE.KeyframeTrack: Time is not a valid number.', this, i, currTime); valid = false; break; } if (prevTime !== null && prevTime > currTime) { console.error('THREE.KeyframeTrack: Out of order keys.', this, i, currTime, prevTime); valid = false; break; } prevTime = currTime; } if (values !== undefined) { if (AnimationUtils.isTypedArray(values)) { for (var _i = 0, n = values.length; _i !== n; ++_i) { var value = values[_i]; if (isNaN(value)) { console.error('THREE.KeyframeTrack: Value is not a valid number.', this, _i, value); valid = false; break; } } } } return valid; }, // removes equivalent sequential keys as common in morph target sequences // (0,0,0,0,1,1,1,0,0,0,0,0,0,0) --> (0,0,1,1,0,0) optimize: function optimize() { // times or values may be shared with other tracks, so overwriting is unsafe var times = AnimationUtils.arraySlice(this.times), values = AnimationUtils.arraySlice(this.values), stride = this.getValueSize(), smoothInterpolation = this.getInterpolation() === InterpolateSmooth, lastIndex = times.length - 1; var writeIndex = 1; for (var i = 1; i < lastIndex; ++i) { var keep = false; var time = times[i]; var timeNext = times[i + 1]; // remove adjacent keyframes scheduled at the same time if (time !== timeNext && (i !== 1 || time !== times[0])) { if (!smoothInterpolation) { // remove unnecessary keyframes same as their neighbors var offset = i * stride, offsetP = offset - stride, offsetN = offset + stride; for (var j = 0; j !== stride; ++j) { var value = values[offset + j]; if (value !== values[offsetP + j] || value !== values[offsetN + j]) { keep = true; break; } } } else { keep = true; } } // in-place compaction if (keep) { if (i !== writeIndex) { times[writeIndex] = times[i]; var readOffset = i * stride, writeOffset = writeIndex * stride; for (var _j = 0; _j !== stride; ++_j) { values[writeOffset + _j] = values[readOffset + _j]; } } ++writeIndex; } } // flush last keyframe (compaction looks ahead) if (lastIndex > 0) { times[writeIndex] = times[lastIndex]; for (var _readOffset = lastIndex * stride, _writeOffset = writeIndex * stride, _j2 = 0; _j2 !== stride; ++_j2) { values[_writeOffset + _j2] = values[_readOffset + _j2]; } ++writeIndex; } if (writeIndex !== times.length) { this.times = AnimationUtils.arraySlice(times, 0, writeIndex); this.values = AnimationUtils.arraySlice(values, 0, writeIndex * stride); } else { this.times = times; this.values = values; } return this; }, clone: function clone() { var times = AnimationUtils.arraySlice(this.times, 0); var values = AnimationUtils.arraySlice(this.values, 0); var TypedKeyframeTrack = this.constructor; var track = new TypedKeyframeTrack(this.name, times, values); // Interpolant argument to constructor is not saved, so copy the factory method directly. track.createInterpolant = this.createInterpolant; return track; } }); /** * A Track of Boolean keyframe values. */ function BooleanKeyframeTrack(name, times, values) { KeyframeTrack.call(this, name, times, values); } BooleanKeyframeTrack.prototype = Object.assign(Object.create(KeyframeTrack.prototype), { constructor: BooleanKeyframeTrack, ValueTypeName: 'bool', ValueBufferType: Array, DefaultInterpolation: InterpolateDiscrete, InterpolantFactoryMethodLinear: undefined, InterpolantFactoryMethodSmooth: undefined // Note: Actually this track could have a optimized / compressed // representation of a single value and a custom interpolant that // computes "firstValue ^ isOdd( index )". }); /** * A Track of keyframe values that represent color. */ function ColorKeyframeTrack(name, times, values, interpolation) { KeyframeTrack.call(this, name, times, values, interpolation); } ColorKeyframeTrack.prototype = Object.assign(Object.create(KeyframeTrack.prototype), { constructor: ColorKeyframeTrack, ValueTypeName: 'color' // ValueBufferType is inherited // DefaultInterpolation is inherited // Note: Very basic implementation and nothing special yet. // However, this is the place for color space parameterization. }); /** * A Track of numeric keyframe values. */ function NumberKeyframeTrack(name, times, values, interpolation) { KeyframeTrack.call(this, name, times, values, interpolation); } NumberKeyframeTrack.prototype = Object.assign(Object.create(KeyframeTrack.prototype), { constructor: NumberKeyframeTrack, ValueTypeName: 'number' // ValueBufferType is inherited // DefaultInterpolation is inherited }); /** * Spherical linear unit quaternion interpolant. */ function QuaternionLinearInterpolant(parameterPositions, sampleValues, sampleSize, resultBuffer) { Interpolant.call(this, parameterPositions, sampleValues, sampleSize, resultBuffer); } QuaternionLinearInterpolant.prototype = Object.assign(Object.create(Interpolant.prototype), { constructor: QuaternionLinearInterpolant, interpolate_: function interpolate_(i1, t0, t, t1) { var result = this.resultBuffer, values = this.sampleValues, stride = this.valueSize, alpha = (t - t0) / (t1 - t0); var offset = i1 * stride; for (var end = offset + stride; offset !== end; offset += 4) { Quaternion.slerpFlat(result, 0, values, offset - stride, values, offset, alpha); } return result; } }); /** * A Track of quaternion keyframe values. */ function QuaternionKeyframeTrack(name, times, values, interpolation) { KeyframeTrack.call(this, name, times, values, interpolation); } QuaternionKeyframeTrack.prototype = Object.assign(Object.create(KeyframeTrack.prototype), { constructor: QuaternionKeyframeTrack, ValueTypeName: 'quaternion', // ValueBufferType is inherited DefaultInterpolation: InterpolateLinear, InterpolantFactoryMethodLinear: function InterpolantFactoryMethodLinear(result) { return new QuaternionLinearInterpolant(this.times, this.values, this.getValueSize(), result); }, InterpolantFactoryMethodSmooth: undefined // not yet implemented }); /** * A Track that interpolates Strings */ function StringKeyframeTrack(name, times, values, interpolation) { KeyframeTrack.call(this, name, times, values, interpolation); } StringKeyframeTrack.prototype = Object.assign(Object.create(KeyframeTrack.prototype), { constructor: StringKeyframeTrack, ValueTypeName: 'string', ValueBufferType: Array, DefaultInterpolation: InterpolateDiscrete, InterpolantFactoryMethodLinear: undefined, InterpolantFactoryMethodSmooth: undefined }); /** * A Track of vectored keyframe values. */ function VectorKeyframeTrack(name, times, values, interpolation) { KeyframeTrack.call(this, name, times, values, interpolation); } VectorKeyframeTrack.prototype = Object.assign(Object.create(KeyframeTrack.prototype), { constructor: VectorKeyframeTrack, ValueTypeName: 'vector' // ValueBufferType is inherited // DefaultInterpolation is inherited }); function AnimationClip(name, duration, tracks, blendMode) { if (duration === void 0) { duration = -1; } if (blendMode === void 0) { blendMode = NormalAnimationBlendMode; } this.name = name; this.tracks = tracks; this.duration = duration; this.blendMode = blendMode; this.uuid = MathUtils.generateUUID(); // this means it should figure out its duration by scanning the tracks if (this.duration < 0) { this.resetDuration(); } } function getTrackTypeForValueTypeName(typeName) { switch (typeName.toLowerCase()) { case 'scalar': case 'double': case 'float': case 'number': case 'integer': return NumberKeyframeTrack; case 'vector': case 'vector2': case 'vector3': case 'vector4': return VectorKeyframeTrack; case 'color': return ColorKeyframeTrack; case 'quaternion': return QuaternionKeyframeTrack; case 'bool': case 'boolean': return BooleanKeyframeTrack; case 'string': return StringKeyframeTrack; } throw new Error('THREE.KeyframeTrack: Unsupported typeName: ' + typeName); } function parseKeyframeTrack(json) { if (json.type === undefined) { throw new Error('THREE.KeyframeTrack: track type undefined, can not parse'); } var trackType = getTrackTypeForValueTypeName(json.type); if (json.times === undefined) { var times = [], values = []; AnimationUtils.flattenJSON(json.keys, times, values, 'value'); json.times = times; json.values = values; } // derived classes can define a static parse method if (trackType.parse !== undefined) { return trackType.parse(json); } else { // by default, we assume a constructor compatible with the base return new trackType(json.name, json.times, json.values, json.interpolation); } } Object.assign(AnimationClip, { parse: function parse(json) { var tracks = [], jsonTracks = json.tracks, frameTime = 1.0 / (json.fps || 1.0); for (var i = 0, n = jsonTracks.length; i !== n; ++i) { tracks.push(parseKeyframeTrack(jsonTracks[i]).scale(frameTime)); } var clip = new AnimationClip(json.name, json.duration, tracks, json.blendMode); clip.uuid = json.uuid; return clip; }, toJSON: function toJSON(clip) { var tracks = [], clipTracks = clip.tracks; var json = { 'name': clip.name, 'duration': clip.duration, 'tracks': tracks, 'uuid': clip.uuid, 'blendMode': clip.blendMode }; for (var i = 0, n = clipTracks.length; i !== n; ++i) { tracks.push(KeyframeTrack.toJSON(clipTracks[i])); } return json; }, CreateFromMorphTargetSequence: function CreateFromMorphTargetSequence(name, morphTargetSequence, fps, noLoop) { var numMorphTargets = morphTargetSequence.length; var tracks = []; for (var i = 0; i < numMorphTargets; i++) { var times = []; var values = []; times.push((i + numMorphTargets - 1) % numMorphTargets, i, (i + 1) % numMorphTargets); values.push(0, 1, 0); var order = AnimationUtils.getKeyframeOrder(times); times = AnimationUtils.sortedArray(times, 1, order); values = AnimationUtils.sortedArray(values, 1, order); // if there is a key at the first frame, duplicate it as the // last frame as well for perfect loop. if (!noLoop && times[0] === 0) { times.push(numMorphTargets); values.push(values[0]); } tracks.push(new NumberKeyframeTrack('.morphTargetInfluences[' + morphTargetSequence[i].name + ']', times, values).scale(1.0 / fps)); } return new AnimationClip(name, -1, tracks); }, findByName: function findByName(objectOrClipArray, name) { var clipArray = objectOrClipArray; if (!Array.isArray(objectOrClipArray)) { var o = objectOrClipArray; clipArray = o.geometry && o.geometry.animations || o.animations; } for (var i = 0; i < clipArray.length; i++) { if (clipArray[i].name === name) { return clipArray[i]; } } return null; }, CreateClipsFromMorphTargetSequences: function CreateClipsFromMorphTargetSequences(morphTargets, fps, noLoop) { var animationToMorphTargets = {}; // tested with https://regex101.com/ on trick sequences // such flamingo_flyA_003, flamingo_run1_003, crdeath0059 var pattern = /^([\w-]*?)([\d]+)$/; // sort morph target names into animation groups based // patterns like Walk_001, Walk_002, Run_001, Run_002 for (var i = 0, il = morphTargets.length; i < il; i++) { var morphTarget = morphTargets[i]; var parts = morphTarget.name.match(pattern); if (parts && parts.length > 1) { var name = parts[1]; var animationMorphTargets = animationToMorphTargets[name]; if (!animationMorphTargets) { animationToMorphTargets[name] = animationMorphTargets = []; } animationMorphTargets.push(morphTarget); } } var clips = []; for (var _name in animationToMorphTargets) { clips.push(AnimationClip.CreateFromMorphTargetSequence(_name, animationToMorphTargets[_name], fps, noLoop)); } return clips; }, // parse the animation.hierarchy format parseAnimation: function parseAnimation(animation, bones) { if (!animation) { console.error('THREE.AnimationClip: No animation in JSONLoader data.'); return null; } var addNonemptyTrack = function addNonemptyTrack(trackType, trackName, animationKeys, propertyName, destTracks) { // only return track if there are actually keys. if (animationKeys.length !== 0) { var times = []; var values = []; AnimationUtils.flattenJSON(animationKeys, times, values, propertyName); // empty keys are filtered out, so check again if (times.length !== 0) { destTracks.push(new trackType(trackName, times, values)); } } }; var tracks = []; var clipName = animation.name || 'default'; var fps = animation.fps || 30; var blendMode = animation.blendMode; // automatic length determination in AnimationClip. var duration = animation.length || -1; var hierarchyTracks = animation.hierarchy || []; for (var h = 0; h < hierarchyTracks.length; h++) { var animationKeys = hierarchyTracks[h].keys; // skip empty tracks if (!animationKeys || animationKeys.length === 0) continue; // process morph targets if (animationKeys[0].morphTargets) { // figure out all morph targets used in this track var morphTargetNames = {}; var k = void 0; for (k = 0; k < animationKeys.length; k++) { if (animationKeys[k].morphTargets) { for (var m = 0; m < animationKeys[k].morphTargets.length; m++) { morphTargetNames[animationKeys[k].morphTargets[m]] = -1; } } } // create a track for each morph target with all zero // morphTargetInfluences except for the keys in which // the morphTarget is named. for (var morphTargetName in morphTargetNames) { var times = []; var values = []; for (var _m = 0; _m !== animationKeys[k].morphTargets.length; ++_m) { var animationKey = animationKeys[k]; times.push(animationKey.time); values.push(animationKey.morphTarget === morphTargetName ? 1 : 0); } tracks.push(new NumberKeyframeTrack('.morphTargetInfluence[' + morphTargetName + ']', times, values)); } duration = morphTargetNames.length * (fps || 1.0); } else { // ...assume skeletal animation var boneName = '.bones[' + bones[h].name + ']'; addNonemptyTrack(VectorKeyframeTrack, boneName + '.position', animationKeys, 'pos', tracks); addNonemptyTrack(QuaternionKeyframeTrack, boneName + '.quaternion', animationKeys, 'rot', tracks); addNonemptyTrack(VectorKeyframeTrack, boneName + '.scale', animationKeys, 'scl', tracks); } } if (tracks.length === 0) { return null; } var clip = new AnimationClip(clipName, duration, tracks, blendMode); return clip; } }); Object.assign(AnimationClip.prototype, { resetDuration: function resetDuration() { var tracks = this.tracks; var duration = 0; for (var i = 0, n = tracks.length; i !== n; ++i) { var track = this.tracks[i]; duration = Math.max(duration, track.times[track.times.length - 1]); } this.duration = duration; return this; }, trim: function trim() { for (var i = 0; i < this.tracks.length; i++) { this.tracks[i].trim(0, this.duration); } return this; }, validate: function validate() { var valid = true; for (var i = 0; i < this.tracks.length; i++) { valid = valid && this.tracks[i].validate(); } return valid; }, optimize: function optimize() { for (var i = 0; i < this.tracks.length; i++) { this.tracks[i].optimize(); } return this; }, clone: function clone() { var tracks = []; for (var i = 0; i < this.tracks.length; i++) { tracks.push(this.tracks[i].clone()); } return new AnimationClip(this.name, this.duration, tracks, this.blendMode); }, toJSON: function toJSON() { return AnimationClip.toJSON(this); } }); var Cache = { enabled: false, files: {}, add: function add(key, file) { if (this.enabled === false) return; // console.log( 'THREE.Cache', 'Adding key:', key ); this.files[key] = file; }, get: function get(key) { if (this.enabled === false) return; // console.log( 'THREE.Cache', 'Checking key:', key ); return this.files[key]; }, remove: function remove(key) { delete this.files[key]; }, clear: function clear() { this.files = {}; } }; function LoadingManager(onLoad, onProgress, onError) { var scope = this; var isLoading = false; var itemsLoaded = 0; var itemsTotal = 0; var urlModifier = undefined; var handlers = []; // Refer to #5689 for the reason why we don't set .onStart // in the constructor this.onStart = undefined; this.onLoad = onLoad; this.onProgress = onProgress; this.onError = onError; this.itemStart = function (url) { itemsTotal++; if (isLoading === false) { if (scope.onStart !== undefined) { scope.onStart(url, itemsLoaded, itemsTotal); } } isLoading = true; }; this.itemEnd = function (url) { itemsLoaded++; if (scope.onProgress !== undefined) { scope.onProgress(url, itemsLoaded, itemsTotal); } if (itemsLoaded === itemsTotal) { isLoading = false; if (scope.onLoad !== undefined) { scope.onLoad(); } } }; this.itemError = function (url) { if (scope.onError !== undefined) { scope.onError(url); } }; this.resolveURL = function (url) { if (urlModifier) { return urlModifier(url); } return url; }; this.setURLModifier = function (transform) { urlModifier = transform; return this; }; this.addHandler = function (regex, loader) { handlers.push(regex, loader); return this; }; this.removeHandler = function (regex) { var index = handlers.indexOf(regex); if (index !== -1) { handlers.splice(index, 2); } return this; }; this.getHandler = function (file) { for (var i = 0, l = handlers.length; i < l; i += 2) { var regex = handlers[i]; var loader = handlers[i + 1]; if (regex.global) regex.lastIndex = 0; // see #17920 if (regex.test(file)) { return loader; } } return null; }; } var DefaultLoadingManager = new LoadingManager(); function Loader(manager) { this.manager = manager !== undefined ? manager : DefaultLoadingManager; this.crossOrigin = 'anonymous'; this.withCredentials = false; this.path = ''; this.resourcePath = ''; this.requestHeader = {}; } Object.assign(Loader.prototype, { load: function load() /* url, onLoad, onProgress, onError */ {}, loadAsync: function loadAsync(url, onProgress) { var scope = this; return new Promise(function (resolve, reject) { scope.load(url, resolve, onProgress, reject); }); }, parse: function parse() /* data */ {}, setCrossOrigin: function setCrossOrigin(crossOrigin) { this.crossOrigin = crossOrigin; return this; }, setWithCredentials: function setWithCredentials(value) { this.withCredentials = value; return this; }, setPath: function setPath(path) { this.path = path; return this; }, setResourcePath: function setResourcePath(resourcePath) { this.resourcePath = resourcePath; return this; }, setRequestHeader: function setRequestHeader(requestHeader) { this.requestHeader = requestHeader; return this; } }); var loading = {}; function FileLoader(manager) { Loader.call(this, manager); } FileLoader.prototype = Object.assign(Object.create(Loader.prototype), { constructor: FileLoader, load: function load(url, onLoad, onProgress, onError) { if (url === undefined) url = ''; if (this.path !== undefined) url = this.path + url; url = this.manager.resolveURL(url); var scope = this; var cached = Cache.get(url); if (cached !== undefined) { scope.manager.itemStart(url); setTimeout(function () { if (onLoad) onLoad(cached); scope.manager.itemEnd(url); }, 0); return cached; } // Check if request is duplicate if (loading[url] !== undefined) { loading[url].push({ onLoad: onLoad, onProgress: onProgress, onError: onError }); return; } // Check for data: URI var dataUriRegex = /^data:(.*?)(;base64)?,(.*)$/; var dataUriRegexResult = url.match(dataUriRegex); var request; // Safari can not handle Data URIs through XMLHttpRequest so process manually if (dataUriRegexResult) { var mimeType = dataUriRegexResult[1]; var isBase64 = !!dataUriRegexResult[2]; var data = dataUriRegexResult[3]; data = decodeURIComponent(data); if (isBase64) data = atob(data); try { var response; var responseType = (this.responseType || '').toLowerCase(); switch (responseType) { case 'arraybuffer': case 'blob': var view = new Uint8Array(data.length); for (var i = 0; i < data.length; i++) { view[i] = data.charCodeAt(i); } if (responseType === 'blob') { response = new Blob([view.buffer], { type: mimeType }); } else { response = view.buffer; } break; case 'document': var parser = new DOMParser(); response = parser.parseFromString(data, mimeType); break; case 'json': response = JSON.parse(data); break; default: // 'text' or other response = data; break; } // Wait for next browser tick like standard XMLHttpRequest event dispatching does setTimeout(function () { if (onLoad) onLoad(response); scope.manager.itemEnd(url); }, 0); } catch (error) { // Wait for next browser tick like standard XMLHttpRequest event dispatching does setTimeout(function () { if (onError) onError(error); scope.manager.itemError(url); scope.manager.itemEnd(url); }, 0); } } else { // Initialise array for duplicate requests loading[url] = []; loading[url].push({ onLoad: onLoad, onProgress: onProgress, onError: onError }); request = new XMLHttpRequest(); request.open('GET', url, true); request.addEventListener('load', function (event) { var response = this.response; var callbacks = loading[url]; delete loading[url]; if (this.status === 200 || this.status === 0) { // Some browsers return HTTP Status 0 when using non-http protocol // e.g. 'file://' or 'data://'. Handle as success. if (this.status === 0) console.warn('THREE.FileLoader: HTTP Status 0 received.'); // Add to cache only on HTTP success, so that we do not cache // error response bodies as proper responses to requests. Cache.add(url, response); for (var _i = 0, il = callbacks.length; _i < il; _i++) { var callback = callbacks[_i]; if (callback.onLoad) callback.onLoad(response); } scope.manager.itemEnd(url); } else { for (var _i2 = 0, _il = callbacks.length; _i2 < _il; _i2++) { var _callback = callbacks[_i2]; if (_callback.onError) _callback.onError(event); } scope.manager.itemError(url); scope.manager.itemEnd(url); } }, false); request.addEventListener('progress', function (event) { var callbacks = loading[url]; for (var _i3 = 0, il = callbacks.length; _i3 < il; _i3++) { var callback = callbacks[_i3]; if (callback.onProgress) callback.onProgress(event); } }, false); request.addEventListener('error', function (event) { var callbacks = loading[url]; delete loading[url]; for (var _i4 = 0, il = callbacks.length; _i4 < il; _i4++) { var callback = callbacks[_i4]; if (callback.onError) callback.onError(event); } scope.manager.itemError(url); scope.manager.itemEnd(url); }, false); request.addEventListener('abort', function (event) { var callbacks = loading[url]; delete loading[url]; for (var _i5 = 0, il = callbacks.length; _i5 < il; _i5++) { var callback = callbacks[_i5]; if (callback.onError) callback.onError(event); } scope.manager.itemError(url); scope.manager.itemEnd(url); }, false); if (this.responseType !== undefined) request.responseType = this.responseType; if (this.withCredentials !== undefined) request.withCredentials = this.withCredentials; if (request.overrideMimeType) request.overrideMimeType(this.mimeType !== undefined ? this.mimeType : 'text/plain'); for (var header in this.requestHeader) { request.setRequestHeader(header, this.requestHeader[header]); } request.send(null); } scope.manager.itemStart(url); return request; }, setResponseType: function setResponseType(value) { this.responseType = value; return this; }, setMimeType: function setMimeType(value) { this.mimeType = value; return this; } }); function AnimationLoader(manager) { Loader.call(this, manager); } AnimationLoader.prototype = Object.assign(Object.create(Loader.prototype), { constructor: AnimationLoader, load: function load(url, onLoad, onProgress, onError) { var scope = this; var loader = new FileLoader(scope.manager); loader.setPath(scope.path); loader.setRequestHeader(scope.requestHeader); loader.setWithCredentials(scope.withCredentials); loader.load(url, function (text) { try { onLoad(scope.parse(JSON.parse(text))); } catch (e) { if (onError) { onError(e); } else { console.error(e); } scope.manager.itemError(url); } }, onProgress, onError); }, parse: function parse(json) { var animations = []; for (var i = 0; i < json.length; i++) { var clip = AnimationClip.parse(json[i]); animations.push(clip); } return animations; } }); /** * Abstract Base class to block based textures loader (dds, pvr, ...) * * Sub classes have to implement the parse() method which will be used in load(). */ function CompressedTextureLoader(manager) { Loader.call(this, manager); } CompressedTextureLoader.prototype = Object.assign(Object.create(Loader.prototype), { constructor: CompressedTextureLoader, load: function load(url, onLoad, onProgress, onError) { var scope = this; var images = []; var texture = new CompressedTexture(); var loader = new FileLoader(this.manager); loader.setPath(this.path); loader.setResponseType('arraybuffer'); loader.setRequestHeader(this.requestHeader); loader.setWithCredentials(scope.withCredentials); var loaded = 0; function loadTexture(i) { loader.load(url[i], function (buffer) { var texDatas = scope.parse(buffer, true); images[i] = { width: texDatas.width, height: texDatas.height, format: texDatas.format, mipmaps: texDatas.mipmaps }; loaded += 1; if (loaded === 6) { if (texDatas.mipmapCount === 1) texture.minFilter = LinearFilter; texture.image = images; texture.format = texDatas.format; texture.needsUpdate = true; if (onLoad) onLoad(texture); } }, onProgress, onError); } if (Array.isArray(url)) { for (var i = 0, il = url.length; i < il; ++i) { loadTexture(i); } } else { // compressed cubemap texture stored in a single DDS file loader.load(url, function (buffer) { var texDatas = scope.parse(buffer, true); if (texDatas.isCubemap) { var faces = texDatas.mipmaps.length / texDatas.mipmapCount; for (var f = 0; f < faces; f++) { images[f] = { mipmaps: [] }; for (var _i = 0; _i < texDatas.mipmapCount; _i++) { images[f].mipmaps.push(texDatas.mipmaps[f * texDatas.mipmapCount + _i]); images[f].format = texDatas.format; images[f].width = texDatas.width; images[f].height = texDatas.height; } } texture.image = images; } else { texture.image.width = texDatas.width; texture.image.height = texDatas.height; texture.mipmaps = texDatas.mipmaps; } if (texDatas.mipmapCount === 1) { texture.minFilter = LinearFilter; } texture.format = texDatas.format; texture.needsUpdate = true; if (onLoad) onLoad(texture); }, onProgress, onError); } return texture; } }); function ImageLoader(manager) { Loader.call(this, manager); } ImageLoader.prototype = Object.assign(Object.create(Loader.prototype), { constructor: ImageLoader, load: function load(url, onLoad, onProgress, onError) { if (this.path !== undefined) url = this.path + url; url = this.manager.resolveURL(url); var scope = this; var cached = Cache.get(url); if (cached !== undefined) { scope.manager.itemStart(url); setTimeout(function () { if (onLoad) onLoad(cached); scope.manager.itemEnd(url); }, 0); return cached; } var image = document.createElementNS('http://www.w3.org/1999/xhtml', 'img'); function onImageLoad() { image.removeEventListener('load', onImageLoad, false); image.removeEventListener('error', onImageError, false); Cache.add(url, this); if (onLoad) onLoad(this); scope.manager.itemEnd(url); } function onImageError(event) { image.removeEventListener('load', onImageLoad, false); image.removeEventListener('error', onImageError, false); if (onError) onError(event); scope.manager.itemError(url); scope.manager.itemEnd(url); } image.addEventListener('load', onImageLoad, false); image.addEventListener('error', onImageError, false); if (url.substr(0, 5) !== 'data:') { if (this.crossOrigin !== undefined) image.crossOrigin = this.crossOrigin; } scope.manager.itemStart(url); image.src = url; return image; } }); function CubeTextureLoader(manager) { Loader.call(this, manager); } CubeTextureLoader.prototype = Object.assign(Object.create(Loader.prototype), { constructor: CubeTextureLoader, load: function load(urls, onLoad, onProgress, onError) { var texture = new CubeTexture(); var loader = new ImageLoader(this.manager); loader.setCrossOrigin(this.crossOrigin); loader.setPath(this.path); var loaded = 0; function loadTexture(i) { loader.load(urls[i], function (image) { texture.images[i] = image; loaded++; if (loaded === 6) { texture.needsUpdate = true; if (onLoad) onLoad(texture); } }, undefined, onError); } for (var i = 0; i < urls.length; ++i) { loadTexture(i); } return texture; } }); /** * Abstract Base class to load generic binary textures formats (rgbe, hdr, ...) * * Sub classes have to implement the parse() method which will be used in load(). */ function DataTextureLoader(manager) { Loader.call(this, manager); } DataTextureLoader.prototype = Object.assign(Object.create(Loader.prototype), { constructor: DataTextureLoader, load: function load(url, onLoad, onProgress, onError) { var scope = this; var texture = new DataTexture(); var loader = new FileLoader(this.manager); loader.setResponseType('arraybuffer'); loader.setRequestHeader(this.requestHeader); loader.setPath(this.path); loader.setWithCredentials(scope.withCredentials); loader.load(url, function (buffer) { var texData = scope.parse(buffer); if (!texData) return; if (texData.image !== undefined) { texture.image = texData.image; } else if (texData.data !== undefined) { texture.image.width = texData.width; texture.image.height = texData.height; texture.image.data = texData.data; } texture.wrapS = texData.wrapS !== undefined ? texData.wrapS : ClampToEdgeWrapping; texture.wrapT = texData.wrapT !== undefined ? texData.wrapT : ClampToEdgeWrapping; texture.magFilter = texData.magFilter !== undefined ? texData.magFilter : LinearFilter; texture.minFilter = texData.minFilter !== undefined ? texData.minFilter : LinearFilter; texture.anisotropy = texData.anisotropy !== undefined ? texData.anisotropy : 1; if (texData.encoding !== undefined) { texture.encoding = texData.encoding; } if (texData.flipY !== undefined) { texture.flipY = texData.flipY; } if (texData.format !== undefined) { texture.format = texData.format; } if (texData.type !== undefined) { texture.type = texData.type; } if (texData.mipmaps !== undefined) { texture.mipmaps = texData.mipmaps; texture.minFilter = LinearMipmapLinearFilter; // presumably... } if (texData.mipmapCount === 1) { texture.minFilter = LinearFilter; } texture.needsUpdate = true; if (onLoad) onLoad(texture, texData); }, onProgress, onError); return texture; } }); function TextureLoader(manager) { Loader.call(this, manager); } TextureLoader.prototype = Object.assign(Object.create(Loader.prototype), { constructor: TextureLoader, load: function load(url, onLoad, onProgress, onError) { var texture = new Texture(); var loader = new ImageLoader(this.manager); loader.setCrossOrigin(this.crossOrigin); loader.setPath(this.path); loader.load(url, function (image) { texture.image = image; // JPEGs can't have an alpha channel, so memory can be saved by storing them as RGB. var isJPEG = url.search(/\.jpe?g($|\?)/i) > 0 || url.search(/^data\:image\/jpeg/) === 0; texture.format = isJPEG ? RGBFormat : RGBAFormat; texture.needsUpdate = true; if (onLoad !== undefined) { onLoad(texture); } }, onProgress, onError); return texture; } }); /** * Extensible curve object. * * Some common of curve methods: * .getPoint( t, optionalTarget ), .getTangent( t, optionalTarget ) * .getPointAt( u, optionalTarget ), .getTangentAt( u, optionalTarget ) * .getPoints(), .getSpacedPoints() * .getLength() * .updateArcLengths() * * This following curves inherit from THREE.Curve: * * -- 2D curves -- * THREE.ArcCurve * THREE.CubicBezierCurve * THREE.EllipseCurve * THREE.LineCurve * THREE.QuadraticBezierCurve * THREE.SplineCurve * * -- 3D curves -- * THREE.CatmullRomCurve3 * THREE.CubicBezierCurve3 * THREE.LineCurve3 * THREE.QuadraticBezierCurve3 * * A series of curves can be represented as a THREE.CurvePath. * **/ function Curve() { this.type = 'Curve'; this.arcLengthDivisions = 200; } Object.assign(Curve.prototype, { // Virtual base class method to overwrite and implement in subclasses // - t [0 .. 1] getPoint: function getPoint() /* t, optionalTarget */ { console.warn('THREE.Curve: .getPoint() not implemented.'); return null; }, // Get point at relative position in curve according to arc length // - u [0 .. 1] getPointAt: function getPointAt(u, optionalTarget) { var t = this.getUtoTmapping(u); return this.getPoint(t, optionalTarget); }, // Get sequence of points using getPoint( t ) getPoints: function getPoints(divisions) { if (divisions === void 0) { divisions = 5; } var points = []; for (var d = 0; d <= divisions; d++) { points.push(this.getPoint(d / divisions)); } return points; }, // Get sequence of points using getPointAt( u ) getSpacedPoints: function getSpacedPoints(divisions) { if (divisions === void 0) { divisions = 5; } var points = []; for (var d = 0; d <= divisions; d++) { points.push(this.getPointAt(d / divisions)); } return points; }, // Get total curve arc length getLength: function getLength() { var lengths = this.getLengths(); return lengths[lengths.length - 1]; }, // Get list of cumulative segment lengths getLengths: function getLengths(divisions) { if (divisions === undefined) divisions = this.arcLengthDivisions; if (this.cacheArcLengths && this.cacheArcLengths.length === divisions + 1 && !this.needsUpdate) { return this.cacheArcLengths; } this.needsUpdate = false; var cache = []; var current, last = this.getPoint(0); var sum = 0; cache.push(0); for (var p = 1; p <= divisions; p++) { current = this.getPoint(p / divisions); sum += current.distanceTo(last); cache.push(sum); last = current; } this.cacheArcLengths = cache; return cache; // { sums: cache, sum: sum }; Sum is in the last element. }, updateArcLengths: function updateArcLengths() { this.needsUpdate = true; this.getLengths(); }, // Given u ( 0 .. 1 ), get a t to find p. This gives you points which are equidistant getUtoTmapping: function getUtoTmapping(u, distance) { var arcLengths = this.getLengths(); var i = 0; var il = arcLengths.length; var targetArcLength; // The targeted u distance value to get if (distance) { targetArcLength = distance; } else { targetArcLength = u * arcLengths[il - 1]; } // binary search for the index with largest value smaller than target u distance var low = 0, high = il - 1, comparison; while (low <= high) { i = Math.floor(low + (high - low) / 2); // less likely to overflow, though probably not issue here, JS doesn't really have integers, all numbers are floats comparison = arcLengths[i] - targetArcLength; if (comparison < 0) { low = i + 1; } else if (comparison > 0) { high = i - 1; } else { high = i; break; // DONE } } i = high; if (arcLengths[i] === targetArcLength) { return i / (il - 1); } // we could get finer grain at lengths, or use simple interpolation between two points var lengthBefore = arcLengths[i]; var lengthAfter = arcLengths[i + 1]; var segmentLength = lengthAfter - lengthBefore; // determine where we are between the 'before' and 'after' points var segmentFraction = (targetArcLength - lengthBefore) / segmentLength; // add that fractional amount to t var t = (i + segmentFraction) / (il - 1); return t; }, // Returns a unit vector tangent at t // In case any sub curve does not implement its tangent derivation, // 2 points a small delta apart will be used to find its gradient // which seems to give a reasonable approximation getTangent: function getTangent(t, optionalTarget) { var delta = 0.0001; var t1 = t - delta; var t2 = t + delta; // Capping in case of danger if (t1 < 0) t1 = 0; if (t2 > 1) t2 = 1; var pt1 = this.getPoint(t1); var pt2 = this.getPoint(t2); var tangent = optionalTarget || (pt1.isVector2 ? new Vector2() : new Vector3()); tangent.copy(pt2).sub(pt1).normalize(); return tangent; }, getTangentAt: function getTangentAt(u, optionalTarget) { var t = this.getUtoTmapping(u); return this.getTangent(t, optionalTarget); }, computeFrenetFrames: function computeFrenetFrames(segments, closed) { // see http://www.cs.indiana.edu/pub/techreports/TR425.pdf var normal = new Vector3(); var tangents = []; var normals = []; var binormals = []; var vec = new Vector3(); var mat = new Matrix4(); // compute the tangent vectors for each segment on the curve for (var i = 0; i <= segments; i++) { var u = i / segments; tangents[i] = this.getTangentAt(u, new Vector3()); tangents[i].normalize(); } // select an initial normal vector perpendicular to the first tangent vector, // and in the direction of the minimum tangent xyz component normals[0] = new Vector3(); binormals[0] = new Vector3(); var min = Number.MAX_VALUE; var tx = Math.abs(tangents[0].x); var ty = Math.abs(tangents[0].y); var tz = Math.abs(tangents[0].z); if (tx <= min) { min = tx; normal.set(1, 0, 0); } if (ty <= min) { min = ty; normal.set(0, 1, 0); } if (tz <= min) { normal.set(0, 0, 1); } vec.crossVectors(tangents[0], normal).normalize(); normals[0].crossVectors(tangents[0], vec); binormals[0].crossVectors(tangents[0], normals[0]); // compute the slowly-varying normal and binormal vectors for each segment on the curve for (var _i = 1; _i <= segments; _i++) { normals[_i] = normals[_i - 1].clone(); binormals[_i] = binormals[_i - 1].clone(); vec.crossVectors(tangents[_i - 1], tangents[_i]); if (vec.length() > Number.EPSILON) { vec.normalize(); var theta = Math.acos(MathUtils.clamp(tangents[_i - 1].dot(tangents[_i]), -1, 1)); // clamp for floating pt errors normals[_i].applyMatrix4(mat.makeRotationAxis(vec, theta)); } binormals[_i].crossVectors(tangents[_i], normals[_i]); } // if the curve is closed, postprocess the vectors so the first and last normal vectors are the same if (closed === true) { var _theta = Math.acos(MathUtils.clamp(normals[0].dot(normals[segments]), -1, 1)); _theta /= segments; if (tangents[0].dot(vec.crossVectors(normals[0], normals[segments])) > 0) { _theta = -_theta; } for (var _i2 = 1; _i2 <= segments; _i2++) { // twist a little... normals[_i2].applyMatrix4(mat.makeRotationAxis(tangents[_i2], _theta * _i2)); binormals[_i2].crossVectors(tangents[_i2], normals[_i2]); } } return { tangents: tangents, normals: normals, binormals: binormals }; }, clone: function clone() { return new this.constructor().copy(this); }, copy: function copy(source) { this.arcLengthDivisions = source.arcLengthDivisions; return this; }, toJSON: function toJSON() { var data = { metadata: { version: 4.5, type: 'Curve', generator: 'Curve.toJSON' } }; data.arcLengthDivisions = this.arcLengthDivisions; data.type = this.type; return data; }, fromJSON: function fromJSON(json) { this.arcLengthDivisions = json.arcLengthDivisions; return this; } }); function EllipseCurve(aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation) { Curve.call(this); this.type = 'EllipseCurve'; this.aX = aX || 0; this.aY = aY || 0; this.xRadius = xRadius || 1; this.yRadius = yRadius || 1; this.aStartAngle = aStartAngle || 0; this.aEndAngle = aEndAngle || 2 * Math.PI; this.aClockwise = aClockwise || false; this.aRotation = aRotation || 0; } EllipseCurve.prototype = Object.create(Curve.prototype); EllipseCurve.prototype.constructor = EllipseCurve; EllipseCurve.prototype.isEllipseCurve = true; EllipseCurve.prototype.getPoint = function (t, optionalTarget) { var point = optionalTarget || new Vector2(); var twoPi = Math.PI * 2; var deltaAngle = this.aEndAngle - this.aStartAngle; var samePoints = Math.abs(deltaAngle) < Number.EPSILON; // ensures that deltaAngle is 0 .. 2 PI while (deltaAngle < 0) { deltaAngle += twoPi; } while (deltaAngle > twoPi) { deltaAngle -= twoPi; } if (deltaAngle < Number.EPSILON) { if (samePoints) { deltaAngle = 0; } else { deltaAngle = twoPi; } } if (this.aClockwise === true && !samePoints) { if (deltaAngle === twoPi) { deltaAngle = -twoPi; } else { deltaAngle = deltaAngle - twoPi; } } var angle = this.aStartAngle + t * deltaAngle; var x = this.aX + this.xRadius * Math.cos(angle); var y = this.aY + this.yRadius * Math.sin(angle); if (this.aRotation !== 0) { var cos = Math.cos(this.aRotation); var sin = Math.sin(this.aRotation); var tx = x - this.aX; var ty = y - this.aY; // Rotate the point about the center of the ellipse. x = tx * cos - ty * sin + this.aX; y = tx * sin + ty * cos + this.aY; } return point.set(x, y); }; EllipseCurve.prototype.copy = function (source) { Curve.prototype.copy.call(this, source); this.aX = source.aX; this.aY = source.aY; this.xRadius = source.xRadius; this.yRadius = source.yRadius; this.aStartAngle = source.aStartAngle; this.aEndAngle = source.aEndAngle; this.aClockwise = source.aClockwise; this.aRotation = source.aRotation; return this; }; EllipseCurve.prototype.toJSON = function () { var data = Curve.prototype.toJSON.call(this); data.aX = this.aX; data.aY = this.aY; data.xRadius = this.xRadius; data.yRadius = this.yRadius; data.aStartAngle = this.aStartAngle; data.aEndAngle = this.aEndAngle; data.aClockwise = this.aClockwise; data.aRotation = this.aRotation; return data; }; EllipseCurve.prototype.fromJSON = function (json) { Curve.prototype.fromJSON.call(this, json); this.aX = json.aX; this.aY = json.aY; this.xRadius = json.xRadius; this.yRadius = json.yRadius; this.aStartAngle = json.aStartAngle; this.aEndAngle = json.aEndAngle; this.aClockwise = json.aClockwise; this.aRotation = json.aRotation; return this; }; function ArcCurve(aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise) { EllipseCurve.call(this, aX, aY, aRadius, aRadius, aStartAngle, aEndAngle, aClockwise); this.type = 'ArcCurve'; } ArcCurve.prototype = Object.create(EllipseCurve.prototype); ArcCurve.prototype.constructor = ArcCurve; ArcCurve.prototype.isArcCurve = true; /** * Centripetal CatmullRom Curve - which is useful for avoiding * cusps and self-intersections in non-uniform catmull rom curves. * http://www.cemyuksel.com/research/catmullrom_param/catmullrom.pdf * * curve.type accepts centripetal(default), chordal and catmullrom * curve.tension is used for catmullrom which defaults to 0.5 */ /* Based on an optimized c++ solution in - http://stackoverflow.com/questions/9489736/catmull-rom-curve-with-no-cusps-and-no-self-intersections/ - http://ideone.com/NoEbVM This CubicPoly class could be used for reusing some variables and calculations, but for three.js curve use, it could be possible inlined and flatten into a single function call which can be placed in CurveUtils. */ function CubicPoly() { var c0 = 0, c1 = 0, c2 = 0, c3 = 0; /* * Compute coefficients for a cubic polynomial * p(s) = c0 + c1*s + c2*s^2 + c3*s^3 * such that * p(0) = x0, p(1) = x1 * and * p'(0) = t0, p'(1) = t1. */ function init(x0, x1, t0, t1) { c0 = x0; c1 = t0; c2 = -3 * x0 + 3 * x1 - 2 * t0 - t1; c3 = 2 * x0 - 2 * x1 + t0 + t1; } return { initCatmullRom: function initCatmullRom(x0, x1, x2, x3, tension) { init(x1, x2, tension * (x2 - x0), tension * (x3 - x1)); }, initNonuniformCatmullRom: function initNonuniformCatmullRom(x0, x1, x2, x3, dt0, dt1, dt2) { // compute tangents when parameterized in [t1,t2] var t1 = (x1 - x0) / dt0 - (x2 - x0) / (dt0 + dt1) + (x2 - x1) / dt1; var t2 = (x2 - x1) / dt1 - (x3 - x1) / (dt1 + dt2) + (x3 - x2) / dt2; // rescale tangents for parametrization in [0,1] t1 *= dt1; t2 *= dt1; init(x1, x2, t1, t2); }, calc: function calc(t) { var t2 = t * t; var t3 = t2 * t; return c0 + c1 * t + c2 * t2 + c3 * t3; } }; } // var tmp = new Vector3(); var px = new CubicPoly(), py = new CubicPoly(), pz = new CubicPoly(); function CatmullRomCurve3(points, closed, curveType, tension) { if (points === void 0) { points = []; } if (closed === void 0) { closed = false; } if (curveType === void 0) { curveType = 'centripetal'; } if (tension === void 0) { tension = 0.5; } Curve.call(this); this.type = 'CatmullRomCurve3'; this.points = points; this.closed = closed; this.curveType = curveType; this.tension = tension; } CatmullRomCurve3.prototype = Object.create(Curve.prototype); CatmullRomCurve3.prototype.constructor = CatmullRomCurve3; CatmullRomCurve3.prototype.isCatmullRomCurve3 = true; CatmullRomCurve3.prototype.getPoint = function (t, optionalTarget) { if (optionalTarget === void 0) { optionalTarget = new Vector3(); } var point = optionalTarget; var points = this.points; var l = points.length; var p = (l - (this.closed ? 0 : 1)) * t; var intPoint = Math.floor(p); var weight = p - intPoint; if (this.closed) { intPoint += intPoint > 0 ? 0 : (Math.floor(Math.abs(intPoint) / l) + 1) * l; } else if (weight === 0 && intPoint === l - 1) { intPoint = l - 2; weight = 1; } var p0, p3; // 4 points (p1 & p2 defined below) if (this.closed || intPoint > 0) { p0 = points[(intPoint - 1) % l]; } else { // extrapolate first point tmp.subVectors(points[0], points[1]).add(points[0]); p0 = tmp; } var p1 = points[intPoint % l]; var p2 = points[(intPoint + 1) % l]; if (this.closed || intPoint + 2 < l) { p3 = points[(intPoint + 2) % l]; } else { // extrapolate last point tmp.subVectors(points[l - 1], points[l - 2]).add(points[l - 1]); p3 = tmp; } if (this.curveType === 'centripetal' || this.curveType === 'chordal') { // init Centripetal / Chordal Catmull-Rom var pow = this.curveType === 'chordal' ? 0.5 : 0.25; var dt0 = Math.pow(p0.distanceToSquared(p1), pow); var dt1 = Math.pow(p1.distanceToSquared(p2), pow); var dt2 = Math.pow(p2.distanceToSquared(p3), pow); // safety check for repeated points if (dt1 < 1e-4) dt1 = 1.0; if (dt0 < 1e-4) dt0 = dt1; if (dt2 < 1e-4) dt2 = dt1; px.initNonuniformCatmullRom(p0.x, p1.x, p2.x, p3.x, dt0, dt1, dt2); py.initNonuniformCatmullRom(p0.y, p1.y, p2.y, p3.y, dt0, dt1, dt2); pz.initNonuniformCatmullRom(p0.z, p1.z, p2.z, p3.z, dt0, dt1, dt2); } else if (this.curveType === 'catmullrom') { px.initCatmullRom(p0.x, p1.x, p2.x, p3.x, this.tension); py.initCatmullRom(p0.y, p1.y, p2.y, p3.y, this.tension); pz.initCatmullRom(p0.z, p1.z, p2.z, p3.z, this.tension); } point.set(px.calc(weight), py.calc(weight), pz.calc(weight)); return point; }; CatmullRomCurve3.prototype.copy = function (source) { Curve.prototype.copy.call(this, source); this.points = []; for (var i = 0, l = source.points.length; i < l; i++) { var point = source.points[i]; this.points.push(point.clone()); } this.closed = source.closed; this.curveType = source.curveType; this.tension = source.tension; return this; }; CatmullRomCurve3.prototype.toJSON = function () { var data = Curve.prototype.toJSON.call(this); data.points = []; for (var i = 0, l = this.points.length; i < l; i++) { var point = this.points[i]; data.points.push(point.toArray()); } data.closed = this.closed; data.curveType = this.curveType; data.tension = this.tension; return data; }; CatmullRomCurve3.prototype.fromJSON = function (json) { Curve.prototype.fromJSON.call(this, json); this.points = []; for (var i = 0, l = json.points.length; i < l; i++) { var point = json.points[i]; this.points.push(new Vector3().fromArray(point)); } this.closed = json.closed; this.curveType = json.curveType; this.tension = json.tension; return this; }; /** * Bezier Curves formulas obtained from * http://en.wikipedia.org/wiki/Bézier_curve */ function CatmullRom(t, p0, p1, p2, p3) { var v0 = (p2 - p0) * 0.5; var v1 = (p3 - p1) * 0.5; var t2 = t * t; var t3 = t * t2; return (2 * p1 - 2 * p2 + v0 + v1) * t3 + (-3 * p1 + 3 * p2 - 2 * v0 - v1) * t2 + v0 * t + p1; } // function QuadraticBezierP0(t, p) { var k = 1 - t; return k * k * p; } function QuadraticBezierP1(t, p) { return 2 * (1 - t) * t * p; } function QuadraticBezierP2(t, p) { return t * t * p; } function QuadraticBezier(t, p0, p1, p2) { return QuadraticBezierP0(t, p0) + QuadraticBezierP1(t, p1) + QuadraticBezierP2(t, p2); } // function CubicBezierP0(t, p) { var k = 1 - t; return k * k * k * p; } function CubicBezierP1(t, p) { var k = 1 - t; return 3 * k * k * t * p; } function CubicBezierP2(t, p) { return 3 * (1 - t) * t * t * p; } function CubicBezierP3(t, p) { return t * t * t * p; } function CubicBezier(t, p0, p1, p2, p3) { return CubicBezierP0(t, p0) + CubicBezierP1(t, p1) + CubicBezierP2(t, p2) + CubicBezierP3(t, p3); } function CubicBezierCurve(v0, v1, v2, v3) { if (v0 === void 0) { v0 = new Vector2(); } if (v1 === void 0) { v1 = new Vector2(); } if (v2 === void 0) { v2 = new Vector2(); } if (v3 === void 0) { v3 = new Vector2(); } Curve.call(this); this.type = 'CubicBezierCurve'; this.v0 = v0; this.v1 = v1; this.v2 = v2; this.v3 = v3; } CubicBezierCurve.prototype = Object.create(Curve.prototype); CubicBezierCurve.prototype.constructor = CubicBezierCurve; CubicBezierCurve.prototype.isCubicBezierCurve = true; CubicBezierCurve.prototype.getPoint = function (t, optionalTarget) { if (optionalTarget === void 0) { optionalTarget = new Vector2(); } var point = optionalTarget; var v0 = this.v0, v1 = this.v1, v2 = this.v2, v3 = this.v3; point.set(CubicBezier(t, v0.x, v1.x, v2.x, v3.x), CubicBezier(t, v0.y, v1.y, v2.y, v3.y)); return point; }; CubicBezierCurve.prototype.copy = function (source) { Curve.prototype.copy.call(this, source); this.v0.copy(source.v0); this.v1.copy(source.v1); this.v2.copy(source.v2); this.v3.copy(source.v3); return this; }; CubicBezierCurve.prototype.toJSON = function () { var data = Curve.prototype.toJSON.call(this); data.v0 = this.v0.toArray(); data.v1 = this.v1.toArray(); data.v2 = this.v2.toArray(); data.v3 = this.v3.toArray(); return data; }; CubicBezierCurve.prototype.fromJSON = function (json) { Curve.prototype.fromJSON.call(this, json); this.v0.fromArray(json.v0); this.v1.fromArray(json.v1); this.v2.fromArray(json.v2); this.v3.fromArray(json.v3); return this; }; function CubicBezierCurve3(v0, v1, v2, v3) { if (v0 === void 0) { v0 = new Vector3(); } if (v1 === void 0) { v1 = new Vector3(); } if (v2 === void 0) { v2 = new Vector3(); } if (v3 === void 0) { v3 = new Vector3(); } Curve.call(this); this.type = 'CubicBezierCurve3'; this.v0 = v0; this.v1 = v1; this.v2 = v2; this.v3 = v3; } CubicBezierCurve3.prototype = Object.create(Curve.prototype); CubicBezierCurve3.prototype.constructor = CubicBezierCurve3; CubicBezierCurve3.prototype.isCubicBezierCurve3 = true; CubicBezierCurve3.prototype.getPoint = function (t, optionalTarget) { if (optionalTarget === void 0) { optionalTarget = new Vector3(); } var point = optionalTarget; var v0 = this.v0, v1 = this.v1, v2 = this.v2, v3 = this.v3; point.set(CubicBezier(t, v0.x, v1.x, v2.x, v3.x), CubicBezier(t, v0.y, v1.y, v2.y, v3.y), CubicBezier(t, v0.z, v1.z, v2.z, v3.z)); return point; }; CubicBezierCurve3.prototype.copy = function (source) { Curve.prototype.copy.call(this, source); this.v0.copy(source.v0); this.v1.copy(source.v1); this.v2.copy(source.v2); this.v3.copy(source.v3); return this; }; CubicBezierCurve3.prototype.toJSON = function () { var data = Curve.prototype.toJSON.call(this); data.v0 = this.v0.toArray(); data.v1 = this.v1.toArray(); data.v2 = this.v2.toArray(); data.v3 = this.v3.toArray(); return data; }; CubicBezierCurve3.prototype.fromJSON = function (json) { Curve.prototype.fromJSON.call(this, json); this.v0.fromArray(json.v0); this.v1.fromArray(json.v1); this.v2.fromArray(json.v2); this.v3.fromArray(json.v3); return this; }; function LineCurve(v1, v2) { if (v1 === void 0) { v1 = new Vector2(); } if (v2 === void 0) { v2 = new Vector2(); } Curve.call(this); this.type = 'LineCurve'; this.v1 = v1; this.v2 = v2; } LineCurve.prototype = Object.create(Curve.prototype); LineCurve.prototype.constructor = LineCurve; LineCurve.prototype.isLineCurve = true; LineCurve.prototype.getPoint = function (t, optionalTarget) { if (optionalTarget === void 0) { optionalTarget = new Vector2(); } var point = optionalTarget; if (t === 1) { point.copy(this.v2); } else { point.copy(this.v2).sub(this.v1); point.multiplyScalar(t).add(this.v1); } return point; }; // Line curve is linear, so we can overwrite default getPointAt LineCurve.prototype.getPointAt = function (u, optionalTarget) { return this.getPoint(u, optionalTarget); }; LineCurve.prototype.getTangent = function (t, optionalTarget) { var tangent = optionalTarget || new Vector2(); tangent.copy(this.v2).sub(this.v1).normalize(); return tangent; }; LineCurve.prototype.copy = function (source) { Curve.prototype.copy.call(this, source); this.v1.copy(source.v1); this.v2.copy(source.v2); return this; }; LineCurve.prototype.toJSON = function () { var data = Curve.prototype.toJSON.call(this); data.v1 = this.v1.toArray(); data.v2 = this.v2.toArray(); return data; }; LineCurve.prototype.fromJSON = function (json) { Curve.prototype.fromJSON.call(this, json); this.v1.fromArray(json.v1); this.v2.fromArray(json.v2); return this; }; function LineCurve3(v1, v2) { if (v1 === void 0) { v1 = new Vector3(); } if (v2 === void 0) { v2 = new Vector3(); } Curve.call(this); this.type = 'LineCurve3'; this.v1 = v1; this.v2 = v2; } LineCurve3.prototype = Object.create(Curve.prototype); LineCurve3.prototype.constructor = LineCurve3; LineCurve3.prototype.isLineCurve3 = true; LineCurve3.prototype.getPoint = function (t, optionalTarget) { if (optionalTarget === void 0) { optionalTarget = new Vector3(); } var point = optionalTarget; if (t === 1) { point.copy(this.v2); } else { point.copy(this.v2).sub(this.v1); point.multiplyScalar(t).add(this.v1); } return point; }; // Line curve is linear, so we can overwrite default getPointAt LineCurve3.prototype.getPointAt = function (u, optionalTarget) { return this.getPoint(u, optionalTarget); }; LineCurve3.prototype.copy = function (source) { Curve.prototype.copy.call(this, source); this.v1.copy(source.v1); this.v2.copy(source.v2); return this; }; LineCurve3.prototype.toJSON = function () { var data = Curve.prototype.toJSON.call(this); data.v1 = this.v1.toArray(); data.v2 = this.v2.toArray(); return data; }; LineCurve3.prototype.fromJSON = function (json) { Curve.prototype.fromJSON.call(this, json); this.v1.fromArray(json.v1); this.v2.fromArray(json.v2); return this; }; function QuadraticBezierCurve(v0, v1, v2) { if (v0 === void 0) { v0 = new Vector2(); } if (v1 === void 0) { v1 = new Vector2(); } if (v2 === void 0) { v2 = new Vector2(); } Curve.call(this); this.type = 'QuadraticBezierCurve'; this.v0 = v0; this.v1 = v1; this.v2 = v2; } QuadraticBezierCurve.prototype = Object.create(Curve.prototype); QuadraticBezierCurve.prototype.constructor = QuadraticBezierCurve; QuadraticBezierCurve.prototype.isQuadraticBezierCurve = true; QuadraticBezierCurve.prototype.getPoint = function (t, optionalTarget) { if (optionalTarget === void 0) { optionalTarget = new Vector2(); } var point = optionalTarget; var v0 = this.v0, v1 = this.v1, v2 = this.v2; point.set(QuadraticBezier(t, v0.x, v1.x, v2.x), QuadraticBezier(t, v0.y, v1.y, v2.y)); return point; }; QuadraticBezierCurve.prototype.copy = function (source) { Curve.prototype.copy.call(this, source); this.v0.copy(source.v0); this.v1.copy(source.v1); this.v2.copy(source.v2); return this; }; QuadraticBezierCurve.prototype.toJSON = function () { var data = Curve.prototype.toJSON.call(this); data.v0 = this.v0.toArray(); data.v1 = this.v1.toArray(); data.v2 = this.v2.toArray(); return data; }; QuadraticBezierCurve.prototype.fromJSON = function (json) { Curve.prototype.fromJSON.call(this, json); this.v0.fromArray(json.v0); this.v1.fromArray(json.v1); this.v2.fromArray(json.v2); return this; }; function QuadraticBezierCurve3(v0, v1, v2) { if (v0 === void 0) { v0 = new Vector3(); } if (v1 === void 0) { v1 = new Vector3(); } if (v2 === void 0) { v2 = new Vector3(); } Curve.call(this); this.type = 'QuadraticBezierCurve3'; this.v0 = v0; this.v1 = v1; this.v2 = v2; } QuadraticBezierCurve3.prototype = Object.create(Curve.prototype); QuadraticBezierCurve3.prototype.constructor = QuadraticBezierCurve3; QuadraticBezierCurve3.prototype.isQuadraticBezierCurve3 = true; QuadraticBezierCurve3.prototype.getPoint = function (t, optionalTarget) { if (optionalTarget === void 0) { optionalTarget = new Vector3(); } var point = optionalTarget; var v0 = this.v0, v1 = this.v1, v2 = this.v2; point.set(QuadraticBezier(t, v0.x, v1.x, v2.x), QuadraticBezier(t, v0.y, v1.y, v2.y), QuadraticBezier(t, v0.z, v1.z, v2.z)); return point; }; QuadraticBezierCurve3.prototype.copy = function (source) { Curve.prototype.copy.call(this, source); this.v0.copy(source.v0); this.v1.copy(source.v1); this.v2.copy(source.v2); return this; }; QuadraticBezierCurve3.prototype.toJSON = function () { var data = Curve.prototype.toJSON.call(this); data.v0 = this.v0.toArray(); data.v1 = this.v1.toArray(); data.v2 = this.v2.toArray(); return data; }; QuadraticBezierCurve3.prototype.fromJSON = function (json) { Curve.prototype.fromJSON.call(this, json); this.v0.fromArray(json.v0); this.v1.fromArray(json.v1); this.v2.fromArray(json.v2); return this; }; function SplineCurve(points) { if (points === void 0) { points = []; } Curve.call(this); this.type = 'SplineCurve'; this.points = points; } SplineCurve.prototype = Object.create(Curve.prototype); SplineCurve.prototype.constructor = SplineCurve; SplineCurve.prototype.isSplineCurve = true; SplineCurve.prototype.getPoint = function (t, optionalTarget) { if (optionalTarget === void 0) { optionalTarget = new Vector2(); } var point = optionalTarget; var points = this.points; var p = (points.length - 1) * t; var intPoint = Math.floor(p); var weight = p - intPoint; var p0 = points[intPoint === 0 ? intPoint : intPoint - 1]; var p1 = points[intPoint]; var p2 = points[intPoint > points.length - 2 ? points.length - 1 : intPoint + 1]; var p3 = points[intPoint > points.length - 3 ? points.length - 1 : intPoint + 2]; point.set(CatmullRom(weight, p0.x, p1.x, p2.x, p3.x), CatmullRom(weight, p0.y, p1.y, p2.y, p3.y)); return point; }; SplineCurve.prototype.copy = function (source) { Curve.prototype.copy.call(this, source); this.points = []; for (var i = 0, l = source.points.length; i < l; i++) { var point = source.points[i]; this.points.push(point.clone()); } return this; }; SplineCurve.prototype.toJSON = function () { var data = Curve.prototype.toJSON.call(this); data.points = []; for (var i = 0, l = this.points.length; i < l; i++) { var point = this.points[i]; data.points.push(point.toArray()); } return data; }; SplineCurve.prototype.fromJSON = function (json) { Curve.prototype.fromJSON.call(this, json); this.points = []; for (var i = 0, l = json.points.length; i < l; i++) { var point = json.points[i]; this.points.push(new Vector2().fromArray(point)); } return this; }; var Curves = /*#__PURE__*/Object.freeze({ __proto__: null, ArcCurve: ArcCurve, CatmullRomCurve3: CatmullRomCurve3, CubicBezierCurve: CubicBezierCurve, CubicBezierCurve3: CubicBezierCurve3, EllipseCurve: EllipseCurve, LineCurve: LineCurve, LineCurve3: LineCurve3, QuadraticBezierCurve: QuadraticBezierCurve, QuadraticBezierCurve3: QuadraticBezierCurve3, SplineCurve: SplineCurve }); /************************************************************** * Curved Path - a curve path is simply a array of connected * curves, but retains the api of a curve **************************************************************/ function CurvePath() { Curve.call(this); this.type = 'CurvePath'; this.curves = []; this.autoClose = false; // Automatically closes the path } CurvePath.prototype = Object.assign(Object.create(Curve.prototype), { constructor: CurvePath, add: function add(curve) { this.curves.push(curve); }, closePath: function closePath() { // Add a line curve if start and end of lines are not connected var startPoint = this.curves[0].getPoint(0); var endPoint = this.curves[this.curves.length - 1].getPoint(1); if (!startPoint.equals(endPoint)) { this.curves.push(new LineCurve(endPoint, startPoint)); } }, // To get accurate point with reference to // entire path distance at time t, // following has to be done: // 1. Length of each sub path have to be known // 2. Locate and identify type of curve // 3. Get t for the curve // 4. Return curve.getPointAt(t') getPoint: function getPoint(t) { var d = t * this.getLength(); var curveLengths = this.getCurveLengths(); var i = 0; // To think about boundaries points. while (i < curveLengths.length) { if (curveLengths[i] >= d) { var diff = curveLengths[i] - d; var curve = this.curves[i]; var segmentLength = curve.getLength(); var u = segmentLength === 0 ? 0 : 1 - diff / segmentLength; return curve.getPointAt(u); } i++; } return null; // loop where sum != 0, sum > d , sum+1 <d }, // We cannot use the default THREE.Curve getPoint() with getLength() because in // THREE.Curve, getLength() depends on getPoint() but in THREE.CurvePath // getPoint() depends on getLength getLength: function getLength() { var lens = this.getCurveLengths(); return lens[lens.length - 1]; }, // cacheLengths must be recalculated. updateArcLengths: function updateArcLengths() { this.needsUpdate = true; this.cacheLengths = null; this.getCurveLengths(); }, // Compute lengths and cache them // We cannot overwrite getLengths() because UtoT mapping uses it. getCurveLengths: function getCurveLengths() { // We use cache values if curves and cache array are same length if (this.cacheLengths && this.cacheLengths.length === this.curves.length) { return this.cacheLengths; } // Get length of sub-curve // Push sums into cached array var lengths = []; var sums = 0; for (var i = 0, l = this.curves.length; i < l; i++) { sums += this.curves[i].getLength(); lengths.push(sums); } this.cacheLengths = lengths; return lengths; }, getSpacedPoints: function getSpacedPoints(divisions) { if (divisions === void 0) { divisions = 40; } var points = []; for (var i = 0; i <= divisions; i++) { points.push(this.getPoint(i / divisions)); } if (this.autoClose) { points.push(points[0]); } return points; }, getPoints: function getPoints(divisions) { if (divisions === void 0) { divisions = 12; } var points = []; var last; for (var i = 0, curves = this.curves; i < curves.length; i++) { var curve = curves[i]; var resolution = curve && curve.isEllipseCurve ? divisions * 2 : curve && (curve.isLineCurve || curve.isLineCurve3) ? 1 : curve && curve.isSplineCurve ? divisions * curve.points.length : divisions; var pts = curve.getPoints(resolution); for (var j = 0; j < pts.length; j++) { var point = pts[j]; if (last && last.equals(point)) continue; // ensures no consecutive points are duplicates points.push(point); last = point; } } if (this.autoClose && points.length > 1 && !points[points.length - 1].equals(points[0])) { points.push(points[0]); } return points; }, copy: function copy(source) { Curve.prototype.copy.call(this, source); this.curves = []; for (var i = 0, l = source.curves.length; i < l; i++) { var curve = source.curves[i]; this.curves.push(curve.clone()); } this.autoClose = source.autoClose; return this; }, toJSON: function toJSON() { var data = Curve.prototype.toJSON.call(this); data.autoClose = this.autoClose; data.curves = []; for (var i = 0, l = this.curves.length; i < l; i++) { var curve = this.curves[i]; data.curves.push(curve.toJSON()); } return data; }, fromJSON: function fromJSON(json) { Curve.prototype.fromJSON.call(this, json); this.autoClose = json.autoClose; this.curves = []; for (var i = 0, l = json.curves.length; i < l; i++) { var curve = json.curves[i]; this.curves.push(new Curves[curve.type]().fromJSON(curve)); } return this; } }); function Path(points) { CurvePath.call(this); this.type = 'Path'; this.currentPoint = new Vector2(); if (points) { this.setFromPoints(points); } } Path.prototype = Object.assign(Object.create(CurvePath.prototype), { constructor: Path, setFromPoints: function setFromPoints(points) { this.moveTo(points[0].x, points[0].y); for (var i = 1, l = points.length; i < l; i++) { this.lineTo(points[i].x, points[i].y); } return this; }, moveTo: function moveTo(x, y) { this.currentPoint.set(x, y); // TODO consider referencing vectors instead of copying? return this; }, lineTo: function lineTo(x, y) { var curve = new LineCurve(this.currentPoint.clone(), new Vector2(x, y)); this.curves.push(curve); this.currentPoint.set(x, y); return this; }, quadraticCurveTo: function quadraticCurveTo(aCPx, aCPy, aX, aY) { var curve = new QuadraticBezierCurve(this.currentPoint.clone(), new Vector2(aCPx, aCPy), new Vector2(aX, aY)); this.curves.push(curve); this.currentPoint.set(aX, aY); return this; }, bezierCurveTo: function bezierCurveTo(aCP1x, aCP1y, aCP2x, aCP2y, aX, aY) { var curve = new CubicBezierCurve(this.currentPoint.clone(), new Vector2(aCP1x, aCP1y), new Vector2(aCP2x, aCP2y), new Vector2(aX, aY)); this.curves.push(curve); this.currentPoint.set(aX, aY); return this; }, splineThru: function splineThru(pts /*Array of Vector*/ ) { var npts = [this.currentPoint.clone()].concat(pts); var curve = new SplineCurve(npts); this.curves.push(curve); this.currentPoint.copy(pts[pts.length - 1]); return this; }, arc: function arc(aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise) { var x0 = this.currentPoint.x; var y0 = this.currentPoint.y; this.absarc(aX + x0, aY + y0, aRadius, aStartAngle, aEndAngle, aClockwise); return this; }, absarc: function absarc(aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise) { this.absellipse(aX, aY, aRadius, aRadius, aStartAngle, aEndAngle, aClockwise); return this; }, ellipse: function ellipse(aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation) { var x0 = this.currentPoint.x; var y0 = this.currentPoint.y; this.absellipse(aX + x0, aY + y0, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation); return this; }, absellipse: function absellipse(aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation) { var curve = new EllipseCurve(aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation); if (this.curves.length > 0) { // if a previous curve is present, attempt to join var firstPoint = curve.getPoint(0); if (!firstPoint.equals(this.currentPoint)) { this.lineTo(firstPoint.x, firstPoint.y); } } this.curves.push(curve); var lastPoint = curve.getPoint(1); this.currentPoint.copy(lastPoint); return this; }, copy: function copy(source) { CurvePath.prototype.copy.call(this, source); this.currentPoint.copy(source.currentPoint); return this; }, toJSON: function toJSON() { var data = CurvePath.prototype.toJSON.call(this); data.currentPoint = this.currentPoint.toArray(); return data; }, fromJSON: function fromJSON(json) { CurvePath.prototype.fromJSON.call(this, json); this.currentPoint.fromArray(json.currentPoint); return this; } }); function Shape(points) { Path.call(this, points); this.uuid = MathUtils.generateUUID(); this.type = 'Shape'; this.holes = []; } Shape.prototype = Object.assign(Object.create(Path.prototype), { constructor: Shape, getPointsHoles: function getPointsHoles(divisions) { var holesPts = []; for (var i = 0, l = this.holes.length; i < l; i++) { holesPts[i] = this.holes[i].getPoints(divisions); } return holesPts; }, // get points of shape and holes (keypoints based on segments parameter) extractPoints: function extractPoints(divisions) { return { shape: this.getPoints(divisions), holes: this.getPointsHoles(divisions) }; }, copy: function copy(source) { Path.prototype.copy.call(this, source); this.holes = []; for (var i = 0, l = source.holes.length; i < l; i++) { var hole = source.holes[i]; this.holes.push(hole.clone()); } return this; }, toJSON: function toJSON() { var data = Path.prototype.toJSON.call(this); data.uuid = this.uuid; data.holes = []; for (var i = 0, l = this.holes.length; i < l; i++) { var hole = this.holes[i]; data.holes.push(hole.toJSON()); } return data; }, fromJSON: function fromJSON(json) { Path.prototype.fromJSON.call(this, json); this.uuid = json.uuid; this.holes = []; for (var i = 0, l = json.holes.length; i < l; i++) { var hole = json.holes[i]; this.holes.push(new Path().fromJSON(hole)); } return this; } }); function Light(color, intensity) { if (intensity === void 0) { intensity = 1; } Object3D.call(this); this.type = 'Light'; this.color = new Color(color); this.intensity = intensity; } Light.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: Light, isLight: true, copy: function copy(source) { Object3D.prototype.copy.call(this, source); this.color.copy(source.color); this.intensity = source.intensity; return this; }, toJSON: function toJSON(meta) { var data = Object3D.prototype.toJSON.call(this, meta); data.object.color = this.color.getHex(); data.object.intensity = this.intensity; if (this.groundColor !== undefined) data.object.groundColor = this.groundColor.getHex(); if (this.distance !== undefined) data.object.distance = this.distance; if (this.angle !== undefined) data.object.angle = this.angle; if (this.decay !== undefined) data.object.decay = this.decay; if (this.penumbra !== undefined) data.object.penumbra = this.penumbra; if (this.shadow !== undefined) data.object.shadow = this.shadow.toJSON(); return data; } }); function HemisphereLight(skyColor, groundColor, intensity) { Light.call(this, skyColor, intensity); this.type = 'HemisphereLight'; this.position.copy(Object3D.DefaultUp); this.updateMatrix(); this.groundColor = new Color(groundColor); } HemisphereLight.prototype = Object.assign(Object.create(Light.prototype), { constructor: HemisphereLight, isHemisphereLight: true, copy: function copy(source) { Light.prototype.copy.call(this, source); this.groundColor.copy(source.groundColor); return this; } }); function LightShadow(camera) { this.camera = camera; this.bias = 0; this.normalBias = 0; this.radius = 1; this.mapSize = new Vector2(512, 512); this.map = null; this.mapPass = null; this.matrix = new Matrix4(); this.autoUpdate = true; this.needsUpdate = false; this._frustum = new Frustum(); this._frameExtents = new Vector2(1, 1); this._viewportCount = 1; this._viewports = [new Vector4(0, 0, 1, 1)]; } Object.assign(LightShadow.prototype, { _projScreenMatrix: new Matrix4(), _lightPositionWorld: new Vector3(), _lookTarget: new Vector3(), getViewportCount: function getViewportCount() { return this._viewportCount; }, getFrustum: function getFrustum() { return this._frustum; }, updateMatrices: function updateMatrices(light) { var shadowCamera = this.camera, shadowMatrix = this.matrix, projScreenMatrix = this._projScreenMatrix, lookTarget = this._lookTarget, lightPositionWorld = this._lightPositionWorld; lightPositionWorld.setFromMatrixPosition(light.matrixWorld); shadowCamera.position.copy(lightPositionWorld); lookTarget.setFromMatrixPosition(light.target.matrixWorld); shadowCamera.lookAt(lookTarget); shadowCamera.updateMatrixWorld(); projScreenMatrix.multiplyMatrices(shadowCamera.projectionMatrix, shadowCamera.matrixWorldInverse); this._frustum.setFromProjectionMatrix(projScreenMatrix); shadowMatrix.set(0.5, 0.0, 0.0, 0.5, 0.0, 0.5, 0.0, 0.5, 0.0, 0.0, 0.5, 0.5, 0.0, 0.0, 0.0, 1.0); shadowMatrix.multiply(shadowCamera.projectionMatrix); shadowMatrix.multiply(shadowCamera.matrixWorldInverse); }, getViewport: function getViewport(viewportIndex) { return this._viewports[viewportIndex]; }, getFrameExtents: function getFrameExtents() { return this._frameExtents; }, copy: function copy(source) { this.camera = source.camera.clone(); this.bias = source.bias; this.radius = source.radius; this.mapSize.copy(source.mapSize); return this; }, clone: function clone() { return new this.constructor().copy(this); }, toJSON: function toJSON() { var object = {}; if (this.bias !== 0) object.bias = this.bias; if (this.normalBias !== 0) object.normalBias = this.normalBias; if (this.radius !== 1) object.radius = this.radius; if (this.mapSize.x !== 512 || this.mapSize.y !== 512) object.mapSize = this.mapSize.toArray(); object.camera = this.camera.toJSON(false).object; delete object.camera.matrix; return object; } }); function SpotLightShadow() { LightShadow.call(this, new PerspectiveCamera(50, 1, 0.5, 500)); this.focus = 1; } SpotLightShadow.prototype = Object.assign(Object.create(LightShadow.prototype), { constructor: SpotLightShadow, isSpotLightShadow: true, updateMatrices: function updateMatrices(light) { var camera = this.camera; var fov = MathUtils.RAD2DEG * 2 * light.angle * this.focus; var aspect = this.mapSize.width / this.mapSize.height; var far = light.distance || camera.far; if (fov !== camera.fov || aspect !== camera.aspect || far !== camera.far) { camera.fov = fov; camera.aspect = aspect; camera.far = far; camera.updateProjectionMatrix(); } LightShadow.prototype.updateMatrices.call(this, light); } }); function SpotLight(color, intensity, distance, angle, penumbra, decay) { Light.call(this, color, intensity); this.type = 'SpotLight'; this.position.copy(Object3D.DefaultUp); this.updateMatrix(); this.target = new Object3D(); Object.defineProperty(this, 'power', { get: function get() { // intensity = power per solid angle. // ref: equation (17) from https://seblagarde.files.wordpress.com/2015/07/course_notes_moving_frostbite_to_pbr_v32.pdf return this.intensity * Math.PI; }, set: function set(power) { // intensity = power per solid angle. // ref: equation (17) from https://seblagarde.files.wordpress.com/2015/07/course_notes_moving_frostbite_to_pbr_v32.pdf this.intensity = power / Math.PI; } }); this.distance = distance !== undefined ? distance : 0; this.angle = angle !== undefined ? angle : Math.PI / 3; this.penumbra = penumbra !== undefined ? penumbra : 0; this.decay = decay !== undefined ? decay : 1; // for physically correct lights, should be 2. this.shadow = new SpotLightShadow(); } SpotLight.prototype = Object.assign(Object.create(Light.prototype), { constructor: SpotLight, isSpotLight: true, copy: function copy(source) { Light.prototype.copy.call(this, source); this.distance = source.distance; this.angle = source.angle; this.penumbra = source.penumbra; this.decay = source.decay; this.target = source.target.clone(); this.shadow = source.shadow.clone(); return this; } }); function PointLightShadow() { LightShadow.call(this, new PerspectiveCamera(90, 1, 0.5, 500)); this._frameExtents = new Vector2(4, 2); this._viewportCount = 6; this._viewports = [// These viewports map a cube-map onto a 2D texture with the // following orientation: // // xzXZ // y Y // // X - Positive x direction // x - Negative x direction // Y - Positive y direction // y - Negative y direction // Z - Positive z direction // z - Negative z direction // positive X new Vector4(2, 1, 1, 1), // negative X new Vector4(0, 1, 1, 1), // positive Z new Vector4(3, 1, 1, 1), // negative Z new Vector4(1, 1, 1, 1), // positive Y new Vector4(3, 0, 1, 1), // negative Y new Vector4(1, 0, 1, 1)]; this._cubeDirections = [new Vector3(1, 0, 0), new Vector3(-1, 0, 0), new Vector3(0, 0, 1), new Vector3(0, 0, -1), new Vector3(0, 1, 0), new Vector3(0, -1, 0)]; this._cubeUps = [new Vector3(0, 1, 0), new Vector3(0, 1, 0), new Vector3(0, 1, 0), new Vector3(0, 1, 0), new Vector3(0, 0, 1), new Vector3(0, 0, -1)]; } PointLightShadow.prototype = Object.assign(Object.create(LightShadow.prototype), { constructor: PointLightShadow, isPointLightShadow: true, updateMatrices: function updateMatrices(light, viewportIndex) { if (viewportIndex === void 0) { viewportIndex = 0; } var camera = this.camera, shadowMatrix = this.matrix, lightPositionWorld = this._lightPositionWorld, lookTarget = this._lookTarget, projScreenMatrix = this._projScreenMatrix; lightPositionWorld.setFromMatrixPosition(light.matrixWorld); camera.position.copy(lightPositionWorld); lookTarget.copy(camera.position); lookTarget.add(this._cubeDirections[viewportIndex]); camera.up.copy(this._cubeUps[viewportIndex]); camera.lookAt(lookTarget); camera.updateMatrixWorld(); shadowMatrix.makeTranslation(-lightPositionWorld.x, -lightPositionWorld.y, -lightPositionWorld.z); projScreenMatrix.multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse); this._frustum.setFromProjectionMatrix(projScreenMatrix); } }); function PointLight(color, intensity, distance, decay) { Light.call(this, color, intensity); this.type = 'PointLight'; Object.defineProperty(this, 'power', { get: function get() { // intensity = power per solid angle. // ref: equation (15) from https://seblagarde.files.wordpress.com/2015/07/course_notes_moving_frostbite_to_pbr_v32.pdf return this.intensity * 4 * Math.PI; }, set: function set(power) { // intensity = power per solid angle. // ref: equation (15) from https://seblagarde.files.wordpress.com/2015/07/course_notes_moving_frostbite_to_pbr_v32.pdf this.intensity = power / (4 * Math.PI); } }); this.distance = distance !== undefined ? distance : 0; this.decay = decay !== undefined ? decay : 1; // for physically correct lights, should be 2. this.shadow = new PointLightShadow(); } PointLight.prototype = Object.assign(Object.create(Light.prototype), { constructor: PointLight, isPointLight: true, copy: function copy(source) { Light.prototype.copy.call(this, source); this.distance = source.distance; this.decay = source.decay; this.shadow = source.shadow.clone(); return this; } }); function OrthographicCamera(left, right, top, bottom, near, far) { if (left === void 0) { left = -1; } if (right === void 0) { right = 1; } if (top === void 0) { top = 1; } if (bottom === void 0) { bottom = -1; } if (near === void 0) { near = 0.1; } if (far === void 0) { far = 2000; } Camera.call(this); this.type = 'OrthographicCamera'; this.zoom = 1; this.view = null; this.left = left; this.right = right; this.top = top; this.bottom = bottom; this.near = near; this.far = far; this.updateProjectionMatrix(); } OrthographicCamera.prototype = Object.assign(Object.create(Camera.prototype), { constructor: OrthographicCamera, isOrthographicCamera: true, copy: function copy(source, recursive) { Camera.prototype.copy.call(this, source, recursive); this.left = source.left; this.right = source.right; this.top = source.top; this.bottom = source.bottom; this.near = source.near; this.far = source.far; this.zoom = source.zoom; this.view = source.view === null ? null : Object.assign({}, source.view); return this; }, setViewOffset: function setViewOffset(fullWidth, fullHeight, x, y, width, height) { if (this.view === null) { this.view = { enabled: true, fullWidth: 1, fullHeight: 1, offsetX: 0, offsetY: 0, width: 1, height: 1 }; } this.view.enabled = true; this.view.fullWidth = fullWidth; this.view.fullHeight = fullHeight; this.view.offsetX = x; this.view.offsetY = y; this.view.width = width; this.view.height = height; this.updateProjectionMatrix(); }, clearViewOffset: function clearViewOffset() { if (this.view !== null) { this.view.enabled = false; } this.updateProjectionMatrix(); }, updateProjectionMatrix: function updateProjectionMatrix() { var dx = (this.right - this.left) / (2 * this.zoom); var dy = (this.top - this.bottom) / (2 * this.zoom); var cx = (this.right + this.left) / 2; var cy = (this.top + this.bottom) / 2; var left = cx - dx; var right = cx + dx; var top = cy + dy; var bottom = cy - dy; if (this.view !== null && this.view.enabled) { var scaleW = (this.right - this.left) / this.view.fullWidth / this.zoom; var scaleH = (this.top - this.bottom) / this.view.fullHeight / this.zoom; left += scaleW * this.view.offsetX; right = left + scaleW * this.view.width; top -= scaleH * this.view.offsetY; bottom = top - scaleH * this.view.height; } this.projectionMatrix.makeOrthographic(left, right, top, bottom, this.near, this.far); this.projectionMatrixInverse.copy(this.projectionMatrix).invert(); }, toJSON: function toJSON(meta) { var data = Object3D.prototype.toJSON.call(this, meta); data.object.zoom = this.zoom; data.object.left = this.left; data.object.right = this.right; data.object.top = this.top; data.object.bottom = this.bottom; data.object.near = this.near; data.object.far = this.far; if (this.view !== null) data.object.view = Object.assign({}, this.view); return data; } }); function DirectionalLightShadow() { LightShadow.call(this, new OrthographicCamera(-5, 5, 5, -5, 0.5, 500)); } DirectionalLightShadow.prototype = Object.assign(Object.create(LightShadow.prototype), { constructor: DirectionalLightShadow, isDirectionalLightShadow: true, updateMatrices: function updateMatrices(light) { LightShadow.prototype.updateMatrices.call(this, light); } }); function DirectionalLight(color, intensity) { Light.call(this, color, intensity); this.type = 'DirectionalLight'; this.position.copy(Object3D.DefaultUp); this.updateMatrix(); this.target = new Object3D(); this.shadow = new DirectionalLightShadow(); } DirectionalLight.prototype = Object.assign(Object.create(Light.prototype), { constructor: DirectionalLight, isDirectionalLight: true, copy: function copy(source) { Light.prototype.copy.call(this, source); this.target = source.target.clone(); this.shadow = source.shadow.clone(); return this; } }); function AmbientLight(color, intensity) { Light.call(this, color, intensity); this.type = 'AmbientLight'; } AmbientLight.prototype = Object.assign(Object.create(Light.prototype), { constructor: AmbientLight, isAmbientLight: true }); function RectAreaLight(color, intensity, width, height) { Light.call(this, color, intensity); this.type = 'RectAreaLight'; this.width = width !== undefined ? width : 10; this.height = height !== undefined ? height : 10; } RectAreaLight.prototype = Object.assign(Object.create(Light.prototype), { constructor: RectAreaLight, isRectAreaLight: true, copy: function copy(source) { Light.prototype.copy.call(this, source); this.width = source.width; this.height = source.height; return this; }, toJSON: function toJSON(meta) { var data = Light.prototype.toJSON.call(this, meta); data.object.width = this.width; data.object.height = this.height; return data; } }); /** * Primary reference: * https://graphics.stanford.edu/papers/envmap/envmap.pdf * * Secondary reference: * https://www.ppsloan.org/publications/StupidSH36.pdf */ // 3-band SH defined by 9 coefficients var SphericalHarmonics3 = /*#__PURE__*/function () { function SphericalHarmonics3() { Object.defineProperty(this, 'isSphericalHarmonics3', { value: true }); this.coefficients = []; for (var i = 0; i < 9; i++) { this.coefficients.push(new Vector3()); } } var _proto = SphericalHarmonics3.prototype; _proto.set = function set(coefficients) { for (var i = 0; i < 9; i++) { this.coefficients[i].copy(coefficients[i]); } return this; }; _proto.zero = function zero() { for (var i = 0; i < 9; i++) { this.coefficients[i].set(0, 0, 0); } return this; } // get the radiance in the direction of the normal // target is a Vector3 ; _proto.getAt = function getAt(normal, target) { // normal is assumed to be unit length var x = normal.x, y = normal.y, z = normal.z; var coeff = this.coefficients; // band 0 target.copy(coeff[0]).multiplyScalar(0.282095); // band 1 target.addScaledVector(coeff[1], 0.488603 * y); target.addScaledVector(coeff[2], 0.488603 * z); target.addScaledVector(coeff[3], 0.488603 * x); // band 2 target.addScaledVector(coeff[4], 1.092548 * (x * y)); target.addScaledVector(coeff[5], 1.092548 * (y * z)); target.addScaledVector(coeff[6], 0.315392 * (3.0 * z * z - 1.0)); target.addScaledVector(coeff[7], 1.092548 * (x * z)); target.addScaledVector(coeff[8], 0.546274 * (x * x - y * y)); return target; } // get the irradiance (radiance convolved with cosine lobe) in the direction of the normal // target is a Vector3 // https://graphics.stanford.edu/papers/envmap/envmap.pdf ; _proto.getIrradianceAt = function getIrradianceAt(normal, target) { // normal is assumed to be unit length var x = normal.x, y = normal.y, z = normal.z; var coeff = this.coefficients; // band 0 target.copy(coeff[0]).multiplyScalar(0.886227); // π * 0.282095 // band 1 target.addScaledVector(coeff[1], 2.0 * 0.511664 * y); // ( 2 * π / 3 ) * 0.488603 target.addScaledVector(coeff[2], 2.0 * 0.511664 * z); target.addScaledVector(coeff[3], 2.0 * 0.511664 * x); // band 2 target.addScaledVector(coeff[4], 2.0 * 0.429043 * x * y); // ( π / 4 ) * 1.092548 target.addScaledVector(coeff[5], 2.0 * 0.429043 * y * z); target.addScaledVector(coeff[6], 0.743125 * z * z - 0.247708); // ( π / 4 ) * 0.315392 * 3 target.addScaledVector(coeff[7], 2.0 * 0.429043 * x * z); target.addScaledVector(coeff[8], 0.429043 * (x * x - y * y)); // ( π / 4 ) * 0.546274 return target; }; _proto.add = function add(sh) { for (var i = 0; i < 9; i++) { this.coefficients[i].add(sh.coefficients[i]); } return this; }; _proto.addScaledSH = function addScaledSH(sh, s) { for (var i = 0; i < 9; i++) { this.coefficients[i].addScaledVector(sh.coefficients[i], s); } return this; }; _proto.scale = function scale(s) { for (var i = 0; i < 9; i++) { this.coefficients[i].multiplyScalar(s); } return this; }; _proto.lerp = function lerp(sh, alpha) { for (var i = 0; i < 9; i++) { this.coefficients[i].lerp(sh.coefficients[i], alpha); } return this; }; _proto.equals = function equals(sh) { for (var i = 0; i < 9; i++) { if (!this.coefficients[i].equals(sh.coefficients[i])) { return false; } } return true; }; _proto.copy = function copy(sh) { return this.set(sh.coefficients); }; _proto.clone = function clone() { return new this.constructor().copy(this); }; _proto.fromArray = function fromArray(array, offset) { if (offset === void 0) { offset = 0; } var coefficients = this.coefficients; for (var i = 0; i < 9; i++) { coefficients[i].fromArray(array, offset + i * 3); } return this; }; _proto.toArray = function toArray(array, offset) { if (array === void 0) { array = []; } if (offset === void 0) { offset = 0; } var coefficients = this.coefficients; for (var i = 0; i < 9; i++) { coefficients[i].toArray(array, offset + i * 3); } return array; } // evaluate the basis functions // shBasis is an Array[ 9 ] ; SphericalHarmonics3.getBasisAt = function getBasisAt(normal, shBasis) { // normal is assumed to be unit length var x = normal.x, y = normal.y, z = normal.z; // band 0 shBasis[0] = 0.282095; // band 1 shBasis[1] = 0.488603 * y; shBasis[2] = 0.488603 * z; shBasis[3] = 0.488603 * x; // band 2 shBasis[4] = 1.092548 * x * y; shBasis[5] = 1.092548 * y * z; shBasis[6] = 0.315392 * (3 * z * z - 1); shBasis[7] = 1.092548 * x * z; shBasis[8] = 0.546274 * (x * x - y * y); }; return SphericalHarmonics3; }(); function LightProbe(sh, intensity) { Light.call(this, undefined, intensity); this.type = 'LightProbe'; this.sh = sh !== undefined ? sh : new SphericalHarmonics3(); } LightProbe.prototype = Object.assign(Object.create(Light.prototype), { constructor: LightProbe, isLightProbe: true, copy: function copy(source) { Light.prototype.copy.call(this, source); this.sh.copy(source.sh); return this; }, fromJSON: function fromJSON(json) { this.intensity = json.intensity; // TODO: Move this bit to Light.fromJSON(); this.sh.fromArray(json.sh); return this; }, toJSON: function toJSON(meta) { var data = Light.prototype.toJSON.call(this, meta); data.object.sh = this.sh.toArray(); return data; } }); function MaterialLoader(manager) { Loader.call(this, manager); this.textures = {}; } MaterialLoader.prototype = Object.assign(Object.create(Loader.prototype), { constructor: MaterialLoader, load: function load(url, onLoad, onProgress, onError) { var scope = this; var loader = new FileLoader(scope.manager); loader.setPath(scope.path); loader.setRequestHeader(scope.requestHeader); loader.setWithCredentials(scope.withCredentials); loader.load(url, function (text) { try { onLoad(scope.parse(JSON.parse(text))); } catch (e) { if (onError) { onError(e); } else { console.error(e); } scope.manager.itemError(url); } }, onProgress, onError); }, parse: function parse(json) { var textures = this.textures; function getTexture(name) { if (textures[name] === undefined) { console.warn('THREE.MaterialLoader: Undefined texture', name); } return textures[name]; } var material = new Materials[json.type](); if (json.uuid !== undefined) material.uuid = json.uuid; if (json.name !== undefined) material.name = json.name; if (json.color !== undefined && material.color !== undefined) material.color.setHex(json.color); if (json.roughness !== undefined) material.roughness = json.roughness; if (json.metalness !== undefined) material.metalness = json.metalness; if (json.sheen !== undefined) material.sheen = new Color().setHex(json.sheen); if (json.emissive !== undefined && material.emissive !== undefined) material.emissive.setHex(json.emissive); if (json.specular !== undefined && material.specular !== undefined) material.specular.setHex(json.specular); if (json.shininess !== undefined) material.shininess = json.shininess; if (json.clearcoat !== undefined) material.clearcoat = json.clearcoat; if (json.clearcoatRoughness !== undefined) material.clearcoatRoughness = json.clearcoatRoughness; if (json.fog !== undefined) material.fog = json.fog; if (json.flatShading !== undefined) material.flatShading = json.flatShading; if (json.blending !== undefined) material.blending = json.blending; if (json.combine !== undefined) material.combine = json.combine; if (json.side !== undefined) material.side = json.side; if (json.opacity !== undefined) material.opacity = json.opacity; if (json.transparent !== undefined) material.transparent = json.transparent; if (json.alphaTest !== undefined) material.alphaTest = json.alphaTest; if (json.depthTest !== undefined) material.depthTest = json.depthTest; if (json.depthWrite !== undefined) material.depthWrite = json.depthWrite; if (json.colorWrite !== undefined) material.colorWrite = json.colorWrite; if (json.stencilWrite !== undefined) material.stencilWrite = json.stencilWrite; if (json.stencilWriteMask !== undefined) material.stencilWriteMask = json.stencilWriteMask; if (json.stencilFunc !== undefined) material.stencilFunc = json.stencilFunc; if (json.stencilRef !== undefined) material.stencilRef = json.stencilRef; if (json.stencilFuncMask !== undefined) material.stencilFuncMask = json.stencilFuncMask; if (json.stencilFail !== undefined) material.stencilFail = json.stencilFail; if (json.stencilZFail !== undefined) material.stencilZFail = json.stencilZFail; if (json.stencilZPass !== undefined) material.stencilZPass = json.stencilZPass; if (json.wireframe !== undefined) material.wireframe = json.wireframe; if (json.wireframeLinewidth !== undefined) material.wireframeLinewidth = json.wireframeLinewidth; if (json.wireframeLinecap !== undefined) material.wireframeLinecap = json.wireframeLinecap; if (json.wireframeLinejoin !== undefined) material.wireframeLinejoin = json.wireframeLinejoin; if (json.rotation !== undefined) material.rotation = json.rotation; if (json.linewidth !== 1) material.linewidth = json.linewidth; if (json.dashSize !== undefined) material.dashSize = json.dashSize; if (json.gapSize !== undefined) material.gapSize = json.gapSize; if (json.scale !== undefined) material.scale = json.scale; if (json.polygonOffset !== undefined) material.polygonOffset = json.polygonOffset; if (json.polygonOffsetFactor !== undefined) material.polygonOffsetFactor = json.polygonOffsetFactor; if (json.polygonOffsetUnits !== undefined) material.polygonOffsetUnits = json.polygonOffsetUnits; if (json.skinning !== undefined) material.skinning = json.skinning; if (json.morphTargets !== undefined) material.morphTargets = json.morphTargets; if (json.morphNormals !== undefined) material.morphNormals = json.morphNormals; if (json.dithering !== undefined) material.dithering = json.dithering; if (json.vertexTangents !== undefined) material.vertexTangents = json.vertexTangents; if (json.visible !== undefined) material.visible = json.visible; if (json.toneMapped !== undefined) material.toneMapped = json.toneMapped; if (json.userData !== undefined) material.userData = json.userData; if (json.vertexColors !== undefined) { if (typeof json.vertexColors === 'number') { material.vertexColors = json.vertexColors > 0 ? true : false; } else { material.vertexColors = json.vertexColors; } } // Shader Material if (json.uniforms !== undefined) { for (var name in json.uniforms) { var uniform = json.uniforms[name]; material.uniforms[name] = {}; switch (uniform.type) { case 't': material.uniforms[name].value = getTexture(uniform.value); break; case 'c': material.uniforms[name].value = new Color().setHex(uniform.value); break; case 'v2': material.uniforms[name].value = new Vector2().fromArray(uniform.value); break; case 'v3': material.uniforms[name].value = new Vector3().fromArray(uniform.value); break; case 'v4': material.uniforms[name].value = new Vector4().fromArray(uniform.value); break; case 'm3': material.uniforms[name].value = new Matrix3().fromArray(uniform.value); break; case 'm4': material.uniforms[name].value = new Matrix4().fromArray(uniform.value); break; default: material.uniforms[name].value = uniform.value; } } } if (json.defines !== undefined) material.defines = json.defines; if (json.vertexShader !== undefined) material.vertexShader = json.vertexShader; if (json.fragmentShader !== undefined) material.fragmentShader = json.fragmentShader; if (json.extensions !== undefined) { for (var key in json.extensions) { material.extensions[key] = json.extensions[key]; } } // Deprecated if (json.shading !== undefined) material.flatShading = json.shading === 1; // THREE.FlatShading // for PointsMaterial if (json.size !== undefined) material.size = json.size; if (json.sizeAttenuation !== undefined) material.sizeAttenuation = json.sizeAttenuation; // maps if (json.map !== undefined) material.map = getTexture(json.map); if (json.matcap !== undefined) material.matcap = getTexture(json.matcap); if (json.alphaMap !== undefined) material.alphaMap = getTexture(json.alphaMap); if (json.bumpMap !== undefined) material.bumpMap = getTexture(json.bumpMap); if (json.bumpScale !== undefined) material.bumpScale = json.bumpScale; if (json.normalMap !== undefined) material.normalMap = getTexture(json.normalMap); if (json.normalMapType !== undefined) material.normalMapType = json.normalMapType; if (json.normalScale !== undefined) { var normalScale = json.normalScale; if (Array.isArray(normalScale) === false) { // Blender exporter used to export a scalar. See #7459 normalScale = [normalScale, normalScale]; } material.normalScale = new Vector2().fromArray(normalScale); } if (json.displacementMap !== undefined) material.displacementMap = getTexture(json.displacementMap); if (json.displacementScale !== undefined) material.displacementScale = json.displacementScale; if (json.displacementBias !== undefined) material.displacementBias = json.displacementBias; if (json.roughnessMap !== undefined) material.roughnessMap = getTexture(json.roughnessMap); if (json.metalnessMap !== undefined) material.metalnessMap = getTexture(json.metalnessMap); if (json.emissiveMap !== undefined) material.emissiveMap = getTexture(json.emissiveMap); if (json.emissiveIntensity !== undefined) material.emissiveIntensity = json.emissiveIntensity; if (json.specularMap !== undefined) material.specularMap = getTexture(json.specularMap); if (json.envMap !== undefined) material.envMap = getTexture(json.envMap); if (json.envMapIntensity !== undefined) material.envMapIntensity = json.envMapIntensity; if (json.reflectivity !== undefined) material.reflectivity = json.reflectivity; if (json.refractionRatio !== undefined) material.refractionRatio = json.refractionRatio; if (json.lightMap !== undefined) material.lightMap = getTexture(json.lightMap); if (json.lightMapIntensity !== undefined) material.lightMapIntensity = json.lightMapIntensity; if (json.aoMap !== undefined) material.aoMap = getTexture(json.aoMap); if (json.aoMapIntensity !== undefined) material.aoMapIntensity = json.aoMapIntensity; if (json.gradientMap !== undefined) material.gradientMap = getTexture(json.gradientMap); if (json.clearcoatMap !== undefined) material.clearcoatMap = getTexture(json.clearcoatMap); if (json.clearcoatRoughnessMap !== undefined) material.clearcoatRoughnessMap = getTexture(json.clearcoatRoughnessMap); if (json.clearcoatNormalMap !== undefined) material.clearcoatNormalMap = getTexture(json.clearcoatNormalMap); if (json.clearcoatNormalScale !== undefined) material.clearcoatNormalScale = new Vector2().fromArray(json.clearcoatNormalScale); if (json.transmission !== undefined) material.transmission = json.transmission; if (json.transmissionMap !== undefined) material.transmissionMap = getTexture(json.transmissionMap); return material; }, setTextures: function setTextures(value) { this.textures = value; return this; } }); var LoaderUtils = { decodeText: function decodeText(array) { if (typeof TextDecoder !== 'undefined') { return new TextDecoder().decode(array); } // Avoid the String.fromCharCode.apply(null, array) shortcut, which // throws a "maximum call stack size exceeded" error for large arrays. var s = ''; for (var i = 0, il = array.length; i < il; i++) { // Implicitly assumes little-endian. s += String.fromCharCode(array[i]); } try { // merges multi-byte utf-8 characters. return decodeURIComponent(escape(s)); } catch (e) { // see #16358 return s; } }, extractUrlBase: function extractUrlBase(url) { var index = url.lastIndexOf('/'); if (index === -1) return './'; return url.substr(0, index + 1); } }; function InstancedBufferGeometry() { BufferGeometry.call(this); this.type = 'InstancedBufferGeometry'; this.instanceCount = Infinity; } InstancedBufferGeometry.prototype = Object.assign(Object.create(BufferGeometry.prototype), { constructor: InstancedBufferGeometry, isInstancedBufferGeometry: true, copy: function copy(source) { BufferGeometry.prototype.copy.call(this, source); this.instanceCount = source.instanceCount; return this; }, clone: function clone() { return new this.constructor().copy(this); }, toJSON: function toJSON() { var data = BufferGeometry.prototype.toJSON.call(this); data.instanceCount = this.instanceCount; data.isInstancedBufferGeometry = true; return data; } }); function InstancedBufferAttribute(array, itemSize, normalized, meshPerAttribute) { if (typeof normalized === 'number') { meshPerAttribute = normalized; normalized = false; console.error('THREE.InstancedBufferAttribute: The constructor now expects normalized as the third argument.'); } BufferAttribute.call(this, array, itemSize, normalized); this.meshPerAttribute = meshPerAttribute || 1; } InstancedBufferAttribute.prototype = Object.assign(Object.create(BufferAttribute.prototype), { constructor: InstancedBufferAttribute, isInstancedBufferAttribute: true, copy: function copy(source) { BufferAttribute.prototype.copy.call(this, source); this.meshPerAttribute = source.meshPerAttribute; return this; }, toJSON: function toJSON() { var data = BufferAttribute.prototype.toJSON.call(this); data.meshPerAttribute = this.meshPerAttribute; data.isInstancedBufferAttribute = true; return data; } }); function BufferGeometryLoader(manager) { Loader.call(this, manager); } BufferGeometryLoader.prototype = Object.assign(Object.create(Loader.prototype), { constructor: BufferGeometryLoader, load: function load(url, onLoad, onProgress, onError) { var scope = this; var loader = new FileLoader(scope.manager); loader.setPath(scope.path); loader.setRequestHeader(scope.requestHeader); loader.setWithCredentials(scope.withCredentials); loader.load(url, function (text) { try { onLoad(scope.parse(JSON.parse(text))); } catch (e) { if (onError) { onError(e); } else { console.error(e); } scope.manager.itemError(url); } }, onProgress, onError); }, parse: function parse(json) { var interleavedBufferMap = {}; var arrayBufferMap = {}; function getInterleavedBuffer(json, uuid) { if (interleavedBufferMap[uuid] !== undefined) return interleavedBufferMap[uuid]; var interleavedBuffers = json.interleavedBuffers; var interleavedBuffer = interleavedBuffers[uuid]; var buffer = getArrayBuffer(json, interleavedBuffer.buffer); var array = getTypedArray(interleavedBuffer.type, buffer); var ib = new InterleavedBuffer(array, interleavedBuffer.stride); ib.uuid = interleavedBuffer.uuid; interleavedBufferMap[uuid] = ib; return ib; } function getArrayBuffer(json, uuid) { if (arrayBufferMap[uuid] !== undefined) return arrayBufferMap[uuid]; var arrayBuffers = json.arrayBuffers; var arrayBuffer = arrayBuffers[uuid]; var ab = new Uint32Array(arrayBuffer).buffer; arrayBufferMap[uuid] = ab; return ab; } var geometry = json.isInstancedBufferGeometry ? new InstancedBufferGeometry() : new BufferGeometry(); var index = json.data.index; if (index !== undefined) { var typedArray = getTypedArray(index.type, index.array); geometry.setIndex(new BufferAttribute(typedArray, 1)); } var attributes = json.data.attributes; for (var key in attributes) { var attribute = attributes[key]; var bufferAttribute = void 0; if (attribute.isInterleavedBufferAttribute) { var interleavedBuffer = getInterleavedBuffer(json.data, attribute.data); bufferAttribute = new InterleavedBufferAttribute(interleavedBuffer, attribute.itemSize, attribute.offset, attribute.normalized); } else { var _typedArray = getTypedArray(attribute.type, attribute.array); var bufferAttributeConstr = attribute.isInstancedBufferAttribute ? InstancedBufferAttribute : BufferAttribute; bufferAttribute = new bufferAttributeConstr(_typedArray, attribute.itemSize, attribute.normalized); } if (attribute.name !== undefined) bufferAttribute.name = attribute.name; geometry.setAttribute(key, bufferAttribute); } var morphAttributes = json.data.morphAttributes; if (morphAttributes) { for (var _key in morphAttributes) { var attributeArray = morphAttributes[_key]; var array = []; for (var i = 0, il = attributeArray.length; i < il; i++) { var _attribute = attributeArray[i]; var _bufferAttribute = void 0; if (_attribute.isInterleavedBufferAttribute) { var _interleavedBuffer = getInterleavedBuffer(json.data, _attribute.data); _bufferAttribute = new InterleavedBufferAttribute(_interleavedBuffer, _attribute.itemSize, _attribute.offset, _attribute.normalized); } else { var _typedArray2 = getTypedArray(_attribute.type, _attribute.array); _bufferAttribute = new BufferAttribute(_typedArray2, _attribute.itemSize, _attribute.normalized); } if (_attribute.name !== undefined) _bufferAttribute.name = _attribute.name; array.push(_bufferAttribute); } geometry.morphAttributes[_key] = array; } } var morphTargetsRelative = json.data.morphTargetsRelative; if (morphTargetsRelative) { geometry.morphTargetsRelative = true; } var groups = json.data.groups || json.data.drawcalls || json.data.offsets; if (groups !== undefined) { for (var _i = 0, n = groups.length; _i !== n; ++_i) { var group = groups[_i]; geometry.addGroup(group.start, group.count, group.materialIndex); } } var boundingSphere = json.data.boundingSphere; if (boundingSphere !== undefined) { var center = new Vector3(); if (boundingSphere.center !== undefined) { center.fromArray(boundingSphere.center); } geometry.boundingSphere = new Sphere(center, boundingSphere.radius); } if (json.name) geometry.name = json.name; if (json.userData) geometry.userData = json.userData; return geometry; } }); var ObjectLoader = /*#__PURE__*/function (_Loader) { _inheritsLoose(ObjectLoader, _Loader); function ObjectLoader(manager) { return _Loader.call(this, manager) || this; } var _proto = ObjectLoader.prototype; _proto.load = function load(url, onLoad, onProgress, onError) { var scope = this; var path = this.path === '' ? LoaderUtils.extractUrlBase(url) : this.path; this.resourcePath = this.resourcePath || path; var loader = new FileLoader(this.manager); loader.setPath(this.path); loader.setRequestHeader(this.requestHeader); loader.setWithCredentials(this.withCredentials); loader.load(url, function (text) { var json = null; try { json = JSON.parse(text); } catch (error) { if (onError !== undefined) onError(error); console.error('THREE:ObjectLoader: Can\'t parse ' + url + '.', error.message); return; } var metadata = json.metadata; if (metadata === undefined || metadata.type === undefined || metadata.type.toLowerCase() === 'geometry') { console.error('THREE.ObjectLoader: Can\'t load ' + url); return; } scope.parse(json, onLoad); }, onProgress, onError); }; _proto.parse = function parse(json, onLoad) { var animations = this.parseAnimations(json.animations); var shapes = this.parseShapes(json.shapes); var geometries = this.parseGeometries(json.geometries, shapes); var images = this.parseImages(json.images, function () { if (onLoad !== undefined) onLoad(object); }); var textures = this.parseTextures(json.textures, images); var materials = this.parseMaterials(json.materials, textures); var object = this.parseObject(json.object, geometries, materials, animations); var skeletons = this.parseSkeletons(json.skeletons, object); this.bindSkeletons(object, skeletons); // if (onLoad !== undefined) { var hasImages = false; for (var uuid in images) { if (images[uuid] instanceof HTMLImageElement) { hasImages = true; break; } } if (hasImages === false) onLoad(object); } return object; }; _proto.parseShapes = function parseShapes(json) { var shapes = {}; if (json !== undefined) { for (var i = 0, l = json.length; i < l; i++) { var shape = new Shape().fromJSON(json[i]); shapes[shape.uuid] = shape; } } return shapes; }; _proto.parseSkeletons = function parseSkeletons(json, object) { var skeletons = {}; var bones = {}; // generate bone lookup table object.traverse(function (child) { if (child.isBone) bones[child.uuid] = child; }); // create skeletons if (json !== undefined) { for (var i = 0, l = json.length; i < l; i++) { var skeleton = new Skeleton().fromJSON(json[i], bones); skeletons[skeleton.uuid] = skeleton; } } return skeletons; }; _proto.parseGeometries = function parseGeometries(json, shapes) { var geometries = {}; var geometryShapes; if (json !== undefined) { var bufferGeometryLoader = new BufferGeometryLoader(); for (var i = 0, l = json.length; i < l; i++) { var geometry = void 0; var data = json[i]; switch (data.type) { case 'PlaneGeometry': case 'PlaneBufferGeometry': geometry = new Geometries[data.type](data.width, data.height, data.widthSegments, data.heightSegments); break; case 'BoxGeometry': case 'BoxBufferGeometry': geometry = new Geometries[data.type](data.width, data.height, data.depth, data.widthSegments, data.heightSegments, data.depthSegments); break; case 'CircleGeometry': case 'CircleBufferGeometry': geometry = new Geometries[data.type](data.radius, data.segments, data.thetaStart, data.thetaLength); break; case 'CylinderGeometry': case 'CylinderBufferGeometry': geometry = new Geometries[data.type](data.radiusTop, data.radiusBottom, data.height, data.radialSegments, data.heightSegments, data.openEnded, data.thetaStart, data.thetaLength); break; case 'ConeGeometry': case 'ConeBufferGeometry': geometry = new Geometries[data.type](data.radius, data.height, data.radialSegments, data.heightSegments, data.openEnded, data.thetaStart, data.thetaLength); break; case 'SphereGeometry': case 'SphereBufferGeometry': geometry = new Geometries[data.type](data.radius, data.widthSegments, data.heightSegments, data.phiStart, data.phiLength, data.thetaStart, data.thetaLength); break; case 'DodecahedronGeometry': case 'DodecahedronBufferGeometry': case 'IcosahedronGeometry': case 'IcosahedronBufferGeometry': case 'OctahedronGeometry': case 'OctahedronBufferGeometry': case 'TetrahedronGeometry': case 'TetrahedronBufferGeometry': geometry = new Geometries[data.type](data.radius, data.detail); break; case 'RingGeometry': case 'RingBufferGeometry': geometry = new Geometries[data.type](data.innerRadius, data.outerRadius, data.thetaSegments, data.phiSegments, data.thetaStart, data.thetaLength); break; case 'TorusGeometry': case 'TorusBufferGeometry': geometry = new Geometries[data.type](data.radius, data.tube, data.radialSegments, data.tubularSegments, data.arc); break; case 'TorusKnotGeometry': case 'TorusKnotBufferGeometry': geometry = new Geometries[data.type](data.radius, data.tube, data.tubularSegments, data.radialSegments, data.p, data.q); break; case 'TubeGeometry': case 'TubeBufferGeometry': // This only works for built-in curves (e.g. CatmullRomCurve3). // User defined curves or instances of CurvePath will not be deserialized. geometry = new Geometries[data.type](new Curves[data.path.type]().fromJSON(data.path), data.tubularSegments, data.radius, data.radialSegments, data.closed); break; case 'LatheGeometry': case 'LatheBufferGeometry': geometry = new Geometries[data.type](data.points, data.segments, data.phiStart, data.phiLength); break; case 'PolyhedronGeometry': case 'PolyhedronBufferGeometry': geometry = new Geometries[data.type](data.vertices, data.indices, data.radius, data.details); break; case 'ShapeGeometry': case 'ShapeBufferGeometry': geometryShapes = []; for (var j = 0, jl = data.shapes.length; j < jl; j++) { var shape = shapes[data.shapes[j]]; geometryShapes.push(shape); } geometry = new Geometries[data.type](geometryShapes, data.curveSegments); break; case 'ExtrudeGeometry': case 'ExtrudeBufferGeometry': geometryShapes = []; for (var _j = 0, _jl = data.shapes.length; _j < _jl; _j++) { var _shape = shapes[data.shapes[_j]]; geometryShapes.push(_shape); } var extrudePath = data.options.extrudePath; if (extrudePath !== undefined) { data.options.extrudePath = new Curves[extrudePath.type]().fromJSON(extrudePath); } geometry = new Geometries[data.type](geometryShapes, data.options); break; case 'BufferGeometry': case 'InstancedBufferGeometry': geometry = bufferGeometryLoader.parse(data); break; case 'Geometry': if ('THREE' in window && 'LegacyJSONLoader' in THREE) { var geometryLoader = new THREE.LegacyJSONLoader(); geometry = geometryLoader.parse(data, this.resourcePath).geometry; } else { console.error('THREE.ObjectLoader: You have to import LegacyJSONLoader in order load geometry data of type "Geometry".'); } break; default: console.warn('THREE.ObjectLoader: Unsupported geometry type "' + data.type + '"'); continue; } geometry.uuid = data.uuid; if (data.name !== undefined) geometry.name = data.name; if (geometry.isBufferGeometry === true && data.userData !== undefined) geometry.userData = data.userData; geometries[data.uuid] = geometry; } } return geometries; }; _proto.parseMaterials = function parseMaterials(json, textures) { var cache = {}; // MultiMaterial var materials = {}; if (json !== undefined) { var loader = new MaterialLoader(); loader.setTextures(textures); for (var i = 0, l = json.length; i < l; i++) { var data = json[i]; if (data.type === 'MultiMaterial') { // Deprecated var array = []; for (var j = 0; j < data.materials.length; j++) { var material = data.materials[j]; if (cache[material.uuid] === undefined) { cache[material.uuid] = loader.parse(material); } array.push(cache[material.uuid]); } materials[data.uuid] = array; } else { if (cache[data.uuid] === undefined) { cache[data.uuid] = loader.parse(data); } materials[data.uuid] = cache[data.uuid]; } } } return materials; }; _proto.parseAnimations = function parseAnimations(json) { var animations = {}; if (json !== undefined) { for (var i = 0; i < json.length; i++) { var data = json[i]; var clip = AnimationClip.parse(data); animations[clip.uuid] = clip; } } return animations; }; _proto.parseImages = function parseImages(json, onLoad) { var scope = this; var images = {}; var loader; function loadImage(url) { scope.manager.itemStart(url); return loader.load(url, function () { scope.manager.itemEnd(url); }, undefined, function () { scope.manager.itemError(url); scope.manager.itemEnd(url); }); } function deserializeImage(image) { if (typeof image === 'string') { var url = image; var path = /^(\/\/)|([a-z]+:(\/\/)?)/i.test(url) ? url : scope.resourcePath + url; return loadImage(path); } else { if (image.data) { return { data: getTypedArray(image.type, image.data), width: image.width, height: image.height }; } else { return null; } } } if (json !== undefined && json.length > 0) { var manager = new LoadingManager(onLoad); loader = new ImageLoader(manager); loader.setCrossOrigin(this.crossOrigin); for (var i = 0, il = json.length; i < il; i++) { var image = json[i]; var url = image.url; if (Array.isArray(url)) { // load array of images e.g CubeTexture images[image.uuid] = []; for (var j = 0, jl = url.length; j < jl; j++) { var currentUrl = url[j]; var deserializedImage = deserializeImage(currentUrl); if (deserializedImage !== null) { if (deserializedImage instanceof HTMLImageElement) { images[image.uuid].push(deserializedImage); } else { // special case: handle array of data textures for cube textures images[image.uuid].push(new DataTexture(deserializedImage.data, deserializedImage.width, deserializedImage.height)); } } } } else { // load single image var _deserializedImage = deserializeImage(image.url); if (_deserializedImage !== null) { images[image.uuid] = _deserializedImage; } } } } return images; }; _proto.parseTextures = function parseTextures(json, images) { function parseConstant(value, type) { if (typeof value === 'number') return value; console.warn('THREE.ObjectLoader.parseTexture: Constant should be in numeric form.', value); return type[value]; } var textures = {}; if (json !== undefined) { for (var i = 0, l = json.length; i < l; i++) { var data = json[i]; if (data.image === undefined) { console.warn('THREE.ObjectLoader: No "image" specified for', data.uuid); } if (images[data.image] === undefined) { console.warn('THREE.ObjectLoader: Undefined image', data.image); } var texture = void 0; var image = images[data.image]; if (Array.isArray(image)) { texture = new CubeTexture(image); if (image.length === 6) texture.needsUpdate = true; } else { if (image && image.data) { texture = new DataTexture(image.data, image.width, image.height); } else { texture = new Texture(image); } if (image) texture.needsUpdate = true; // textures can have undefined image data } texture.uuid = data.uuid; if (data.name !== undefined) texture.name = data.name; if (data.mapping !== undefined) texture.mapping = parseConstant(data.mapping, TEXTURE_MAPPING); if (data.offset !== undefined) texture.offset.fromArray(data.offset); if (data.repeat !== undefined) texture.repeat.fromArray(data.repeat); if (data.center !== undefined) texture.center.fromArray(data.center); if (data.rotation !== undefined) texture.rotation = data.rotation; if (data.wrap !== undefined) { texture.wrapS = parseConstant(data.wrap[0], TEXTURE_WRAPPING); texture.wrapT = parseConstant(data.wrap[1], TEXTURE_WRAPPING); } if (data.format !== undefined) texture.format = data.format; if (data.type !== undefined) texture.type = data.type; if (data.encoding !== undefined) texture.encoding = data.encoding; if (data.minFilter !== undefined) texture.minFilter = parseConstant(data.minFilter, TEXTURE_FILTER); if (data.magFilter !== undefined) texture.magFilter = parseConstant(data.magFilter, TEXTURE_FILTER); if (data.anisotropy !== undefined) texture.anisotropy = data.anisotropy; if (data.flipY !== undefined) texture.flipY = data.flipY; if (data.premultiplyAlpha !== undefined) texture.premultiplyAlpha = data.premultiplyAlpha; if (data.unpackAlignment !== undefined) texture.unpackAlignment = data.unpackAlignment; textures[data.uuid] = texture; } } return textures; }; _proto.parseObject = function parseObject(data, geometries, materials, animations) { var object; function getGeometry(name) { if (geometries[name] === undefined) { console.warn('THREE.ObjectLoader: Undefined geometry', name); } return geometries[name]; } function getMaterial(name) { if (name === undefined) return undefined; if (Array.isArray(name)) { var array = []; for (var i = 0, l = name.length; i < l; i++) { var uuid = name[i]; if (materials[uuid] === undefined) { console.warn('THREE.ObjectLoader: Undefined material', uuid); } array.push(materials[uuid]); } return array; } if (materials[name] === undefined) { console.warn('THREE.ObjectLoader: Undefined material', name); } return materials[name]; } var geometry, material; switch (data.type) { case 'Scene': object = new Scene(); if (data.background !== undefined) { if (Number.isInteger(data.background)) { object.background = new Color(data.background); } } if (data.fog !== undefined) { if (data.fog.type === 'Fog') { object.fog = new Fog(data.fog.color, data.fog.near, data.fog.far); } else if (data.fog.type === 'FogExp2') { object.fog = new FogExp2(data.fog.color, data.fog.density); } } break; case 'PerspectiveCamera': object = new PerspectiveCamera(data.fov, data.aspect, data.near, data.far); if (data.focus !== undefined) object.focus = data.focus; if (data.zoom !== undefined) object.zoom = data.zoom; if (data.filmGauge !== undefined) object.filmGauge = data.filmGauge; if (data.filmOffset !== undefined) object.filmOffset = data.filmOffset; if (data.view !== undefined) object.view = Object.assign({}, data.view); break; case 'OrthographicCamera': object = new OrthographicCamera(data.left, data.right, data.top, data.bottom, data.near, data.far); if (data.zoom !== undefined) object.zoom = data.zoom; if (data.view !== undefined) object.view = Object.assign({}, data.view); break; case 'AmbientLight': object = new AmbientLight(data.color, data.intensity); break; case 'DirectionalLight': object = new DirectionalLight(data.color, data.intensity); break; case 'PointLight': object = new PointLight(data.color, data.intensity, data.distance, data.decay); break; case 'RectAreaLight': object = new RectAreaLight(data.color, data.intensity, data.width, data.height); break; case 'SpotLight': object = new SpotLight(data.color, data.intensity, data.distance, data.angle, data.penumbra, data.decay); break; case 'HemisphereLight': object = new HemisphereLight(data.color, data.groundColor, data.intensity); break; case 'LightProbe': object = new LightProbe().fromJSON(data); break; case 'SkinnedMesh': geometry = getGeometry(data.geometry); material = getMaterial(data.material); object = new SkinnedMesh(geometry, material); if (data.bindMode !== undefined) object.bindMode = data.bindMode; if (data.bindMatrix !== undefined) object.bindMatrix.fromArray(data.bindMatrix); if (data.skeleton !== undefined) object.skeleton = data.skeleton; break; case 'Mesh': geometry = getGeometry(data.geometry); material = getMaterial(data.material); object = new Mesh(geometry, material); break; case 'InstancedMesh': geometry = getGeometry(data.geometry); material = getMaterial(data.material); var count = data.count; var instanceMatrix = data.instanceMatrix; object = new InstancedMesh(geometry, material, count); object.instanceMatrix = new BufferAttribute(new Float32Array(instanceMatrix.array), 16); break; case 'LOD': object = new LOD(); break; case 'Line': object = new Line(getGeometry(data.geometry), getMaterial(data.material)); break; case 'LineLoop': object = new LineLoop(getGeometry(data.geometry), getMaterial(data.material)); break; case 'LineSegments': object = new LineSegments(getGeometry(data.geometry), getMaterial(data.material)); break; case 'PointCloud': case 'Points': object = new Points(getGeometry(data.geometry), getMaterial(data.material)); break; case 'Sprite': object = new Sprite(getMaterial(data.material)); break; case 'Group': object = new Group(); break; case 'Bone': object = new Bone(); break; default: object = new Object3D(); } object.uuid = data.uuid; if (data.name !== undefined) object.name = data.name; if (data.matrix !== undefined) { object.matrix.fromArray(data.matrix); if (data.matrixAutoUpdate !== undefined) object.matrixAutoUpdate = data.matrixAutoUpdate; if (object.matrixAutoUpdate) object.matrix.decompose(object.position, object.quaternion, object.scale); } else { if (data.position !== undefined) object.position.fromArray(data.position); if (data.rotation !== undefined) object.rotation.fromArray(data.rotation); if (data.quaternion !== undefined) object.quaternion.fromArray(data.quaternion); if (data.scale !== undefined) object.scale.fromArray(data.scale); } if (data.castShadow !== undefined) object.castShadow = data.castShadow; if (data.receiveShadow !== undefined) object.receiveShadow = data.receiveShadow; if (data.shadow) { if (data.shadow.bias !== undefined) object.shadow.bias = data.shadow.bias; if (data.shadow.normalBias !== undefined) object.shadow.normalBias = data.shadow.normalBias; if (data.shadow.radius !== undefined) object.shadow.radius = data.shadow.radius; if (data.shadow.mapSize !== undefined) object.shadow.mapSize.fromArray(data.shadow.mapSize); if (data.shadow.camera !== undefined) object.shadow.camera = this.parseObject(data.shadow.camera); } if (data.visible !== undefined) object.visible = data.visible; if (data.frustumCulled !== undefined) object.frustumCulled = data.frustumCulled; if (data.renderOrder !== undefined) object.renderOrder = data.renderOrder; if (data.userData !== undefined) object.userData = data.userData; if (data.layers !== undefined) object.layers.mask = data.layers; if (data.children !== undefined) { var children = data.children; for (var i = 0; i < children.length; i++) { object.add(this.parseObject(children[i], geometries, materials, animations)); } } if (data.animations !== undefined) { var objectAnimations = data.animations; for (var _i = 0; _i < objectAnimations.length; _i++) { var uuid = objectAnimations[_i]; object.animations.push(animations[uuid]); } } if (data.type === 'LOD') { if (data.autoUpdate !== undefined) object.autoUpdate = data.autoUpdate; var levels = data.levels; for (var l = 0; l < levels.length; l++) { var level = levels[l]; var child = object.getObjectByProperty('uuid', level.object); if (child !== undefined) { object.addLevel(child, level.distance); } } } return object; }; _proto.bindSkeletons = function bindSkeletons(object, skeletons) { if (Object.keys(skeletons).length === 0) return; object.traverse(function (child) { if (child.isSkinnedMesh === true && child.skeleton !== undefined) { var skeleton = skeletons[child.skeleton]; if (skeleton === undefined) { console.warn('THREE.ObjectLoader: No skeleton found with UUID:', child.skeleton); } else { child.bind(skeleton, child.bindMatrix); } } }); } /* DEPRECATED */ ; _proto.setTexturePath = function setTexturePath(value) { console.warn('THREE.ObjectLoader: .setTexturePath() has been renamed to .setResourcePath().'); return this.setResourcePath(value); }; return ObjectLoader; }(Loader); var TEXTURE_MAPPING = { UVMapping: UVMapping, CubeReflectionMapping: CubeReflectionMapping, CubeRefractionMapping: CubeRefractionMapping, EquirectangularReflectionMapping: EquirectangularReflectionMapping, EquirectangularRefractionMapping: EquirectangularRefractionMapping, CubeUVReflectionMapping: CubeUVReflectionMapping, CubeUVRefractionMapping: CubeUVRefractionMapping }; var TEXTURE_WRAPPING = { RepeatWrapping: RepeatWrapping, ClampToEdgeWrapping: ClampToEdgeWrapping, MirroredRepeatWrapping: MirroredRepeatWrapping }; var TEXTURE_FILTER = { NearestFilter: NearestFilter, NearestMipmapNearestFilter: NearestMipmapNearestFilter, NearestMipmapLinearFilter: NearestMipmapLinearFilter, LinearFilter: LinearFilter, LinearMipmapNearestFilter: LinearMipmapNearestFilter, LinearMipmapLinearFilter: LinearMipmapLinearFilter }; function ImageBitmapLoader(manager) { if (typeof createImageBitmap === 'undefined') { console.warn('THREE.ImageBitmapLoader: createImageBitmap() not supported.'); } if (typeof fetch === 'undefined') { console.warn('THREE.ImageBitmapLoader: fetch() not supported.'); } Loader.call(this, manager); this.options = { premultiplyAlpha: 'none' }; } ImageBitmapLoader.prototype = Object.assign(Object.create(Loader.prototype), { constructor: ImageBitmapLoader, isImageBitmapLoader: true, setOptions: function setOptions(options) { this.options = options; return this; }, load: function load(url, onLoad, onProgress, onError) { if (url === undefined) url = ''; if (this.path !== undefined) url = this.path + url; url = this.manager.resolveURL(url); var scope = this; var cached = Cache.get(url); if (cached !== undefined) { scope.manager.itemStart(url); setTimeout(function () { if (onLoad) onLoad(cached); scope.manager.itemEnd(url); }, 0); return cached; } var fetchOptions = {}; fetchOptions.credentials = this.crossOrigin === 'anonymous' ? 'same-origin' : 'include'; fetch(url, fetchOptions).then(function (res) { return res.blob(); }).then(function (blob) { return createImageBitmap(blob, scope.options); }).then(function (imageBitmap) { Cache.add(url, imageBitmap); if (onLoad) onLoad(imageBitmap); scope.manager.itemEnd(url); }).catch(function (e) { if (onError) onError(e); scope.manager.itemError(url); scope.manager.itemEnd(url); }); scope.manager.itemStart(url); } }); function ShapePath() { this.type = 'ShapePath'; this.color = new Color(); this.subPaths = []; this.currentPath = null; } Object.assign(ShapePath.prototype, { moveTo: function moveTo(x, y) { this.currentPath = new Path(); this.subPaths.push(this.currentPath); this.currentPath.moveTo(x, y); return this; }, lineTo: function lineTo(x, y) { this.currentPath.lineTo(x, y); return this; }, quadraticCurveTo: function quadraticCurveTo(aCPx, aCPy, aX, aY) { this.currentPath.quadraticCurveTo(aCPx, aCPy, aX, aY); return this; }, bezierCurveTo: function bezierCurveTo(aCP1x, aCP1y, aCP2x, aCP2y, aX, aY) { this.currentPath.bezierCurveTo(aCP1x, aCP1y, aCP2x, aCP2y, aX, aY); return this; }, splineThru: function splineThru(pts) { this.currentPath.splineThru(pts); return this; }, toShapes: function toShapes(isCCW, noHoles) { function toShapesNoHoles(inSubpaths) { var shapes = []; for (var i = 0, l = inSubpaths.length; i < l; i++) { var _tmpPath = inSubpaths[i]; var _tmpShape = new Shape(); _tmpShape.curves = _tmpPath.curves; shapes.push(_tmpShape); } return shapes; } function isPointInsidePolygon(inPt, inPolygon) { var polyLen = inPolygon.length; // inPt on polygon contour => immediate success or // toggling of inside/outside at every single! intersection point of an edge // with the horizontal line through inPt, left of inPt // not counting lowerY endpoints of edges and whole edges on that line var inside = false; for (var p = polyLen - 1, q = 0; q < polyLen; p = q++) { var edgeLowPt = inPolygon[p]; var edgeHighPt = inPolygon[q]; var edgeDx = edgeHighPt.x - edgeLowPt.x; var edgeDy = edgeHighPt.y - edgeLowPt.y; if (Math.abs(edgeDy) > Number.EPSILON) { // not parallel if (edgeDy < 0) { edgeLowPt = inPolygon[q]; edgeDx = -edgeDx; edgeHighPt = inPolygon[p]; edgeDy = -edgeDy; } if (inPt.y < edgeLowPt.y || inPt.y > edgeHighPt.y) continue; if (inPt.y === edgeLowPt.y) { if (inPt.x === edgeLowPt.x) return true; // inPt is on contour ? // continue; // no intersection or edgeLowPt => doesn't count !!! } else { var perpEdge = edgeDy * (inPt.x - edgeLowPt.x) - edgeDx * (inPt.y - edgeLowPt.y); if (perpEdge === 0) return true; // inPt is on contour ? if (perpEdge < 0) continue; inside = !inside; // true intersection left of inPt } } else { // parallel or collinear if (inPt.y !== edgeLowPt.y) continue; // parallel // edge lies on the same horizontal line as inPt if (edgeHighPt.x <= inPt.x && inPt.x <= edgeLowPt.x || edgeLowPt.x <= inPt.x && inPt.x <= edgeHighPt.x) return true; // inPt: Point on contour ! // continue; } } return inside; } var isClockWise = ShapeUtils.isClockWise; var subPaths = this.subPaths; if (subPaths.length === 0) return []; if (noHoles === true) return toShapesNoHoles(subPaths); var solid, tmpPath, tmpShape; var shapes = []; if (subPaths.length === 1) { tmpPath = subPaths[0]; tmpShape = new Shape(); tmpShape.curves = tmpPath.curves; shapes.push(tmpShape); return shapes; } var holesFirst = !isClockWise(subPaths[0].getPoints()); holesFirst = isCCW ? !holesFirst : holesFirst; // console.log("Holes first", holesFirst); var betterShapeHoles = []; var newShapes = []; var newShapeHoles = []; var mainIdx = 0; var tmpPoints; newShapes[mainIdx] = undefined; newShapeHoles[mainIdx] = []; for (var i = 0, l = subPaths.length; i < l; i++) { tmpPath = subPaths[i]; tmpPoints = tmpPath.getPoints(); solid = isClockWise(tmpPoints); solid = isCCW ? !solid : solid; if (solid) { if (!holesFirst && newShapes[mainIdx]) mainIdx++; newShapes[mainIdx] = { s: new Shape(), p: tmpPoints }; newShapes[mainIdx].s.curves = tmpPath.curves; if (holesFirst) mainIdx++; newShapeHoles[mainIdx] = []; //console.log('cw', i); } else { newShapeHoles[mainIdx].push({ h: tmpPath, p: tmpPoints[0] }); //console.log('ccw', i); } } // only Holes? -> probably all Shapes with wrong orientation if (!newShapes[0]) return toShapesNoHoles(subPaths); if (newShapes.length > 1) { var ambiguous = false; var toChange = []; for (var sIdx = 0, sLen = newShapes.length; sIdx < sLen; sIdx++) { betterShapeHoles[sIdx] = []; } for (var _sIdx = 0, _sLen = newShapes.length; _sIdx < _sLen; _sIdx++) { var sho = newShapeHoles[_sIdx]; for (var hIdx = 0; hIdx < sho.length; hIdx++) { var ho = sho[hIdx]; var hole_unassigned = true; for (var s2Idx = 0; s2Idx < newShapes.length; s2Idx++) { if (isPointInsidePolygon(ho.p, newShapes[s2Idx].p)) { if (_sIdx !== s2Idx) toChange.push({ froms: _sIdx, tos: s2Idx, hole: hIdx }); if (hole_unassigned) { hole_unassigned = false; betterShapeHoles[s2Idx].push(ho); } else { ambiguous = true; } } } if (hole_unassigned) { betterShapeHoles[_sIdx].push(ho); } } } // console.log("ambiguous: ", ambiguous); if (toChange.length > 0) { // console.log("to change: ", toChange); if (!ambiguous) newShapeHoles = betterShapeHoles; } } var tmpHoles; for (var _i = 0, il = newShapes.length; _i < il; _i++) { tmpShape = newShapes[_i].s; shapes.push(tmpShape); tmpHoles = newShapeHoles[_i]; for (var j = 0, jl = tmpHoles.length; j < jl; j++) { tmpShape.holes.push(tmpHoles[j].h); } } //console.log("shape", shapes); return shapes; } }); var Font = /*#__PURE__*/function () { function Font(data) { Object.defineProperty(this, 'isFont', { value: true }); this.type = 'Font'; this.data = data; } var _proto = Font.prototype; _proto.generateShapes = function generateShapes(text, size) { if (size === void 0) { size = 100; } var shapes = []; var paths = createPaths(text, size, this.data); for (var p = 0, pl = paths.length; p < pl; p++) { Array.prototype.push.apply(shapes, paths[p].toShapes()); } return shapes; }; return Font; }(); function createPaths(text, size, data) { var chars = Array.from ? Array.from(text) : String(text).split(''); // workaround for IE11, see #13988 var scale = size / data.resolution; var line_height = (data.boundingBox.yMax - data.boundingBox.yMin + data.underlineThickness) * scale; var paths = []; var offsetX = 0, offsetY = 0; for (var i = 0; i < chars.length; i++) { var char = chars[i]; if (char === '\n') { offsetX = 0; offsetY -= line_height; } else { var ret = createPath(char, scale, offsetX, offsetY, data); offsetX += ret.offsetX; paths.push(ret.path); } } return paths; } function createPath(char, scale, offsetX, offsetY, data) { var glyph = data.glyphs[char] || data.glyphs['?']; if (!glyph) { console.error('THREE.Font: character "' + char + '" does not exists in font family ' + data.familyName + '.'); return; } var path = new ShapePath(); var x, y, cpx, cpy, cpx1, cpy1, cpx2, cpy2; if (glyph.o) { var outline = glyph._cachedOutline || (glyph._cachedOutline = glyph.o.split(' ')); for (var i = 0, l = outline.length; i < l;) { var action = outline[i++]; switch (action) { case 'm': // moveTo x = outline[i++] * scale + offsetX; y = outline[i++] * scale + offsetY; path.moveTo(x, y); break; case 'l': // lineTo x = outline[i++] * scale + offsetX; y = outline[i++] * scale + offsetY; path.lineTo(x, y); break; case 'q': // quadraticCurveTo cpx = outline[i++] * scale + offsetX; cpy = outline[i++] * scale + offsetY; cpx1 = outline[i++] * scale + offsetX; cpy1 = outline[i++] * scale + offsetY; path.quadraticCurveTo(cpx1, cpy1, cpx, cpy); break; case 'b': // bezierCurveTo cpx = outline[i++] * scale + offsetX; cpy = outline[i++] * scale + offsetY; cpx1 = outline[i++] * scale + offsetX; cpy1 = outline[i++] * scale + offsetY; cpx2 = outline[i++] * scale + offsetX; cpy2 = outline[i++] * scale + offsetY; path.bezierCurveTo(cpx1, cpy1, cpx2, cpy2, cpx, cpy); break; } } } return { offsetX: glyph.ha * scale, path: path }; } function FontLoader(manager) { Loader.call(this, manager); } FontLoader.prototype = Object.assign(Object.create(Loader.prototype), { constructor: FontLoader, load: function load(url, onLoad, onProgress, onError) { var scope = this; var loader = new FileLoader(this.manager); loader.setPath(this.path); loader.setRequestHeader(this.requestHeader); loader.setWithCredentials(scope.withCredentials); loader.load(url, function (text) { var json; try { json = JSON.parse(text); } catch (e) { console.warn('THREE.FontLoader: typeface.js support is being deprecated. Use typeface.json instead.'); json = JSON.parse(text.substring(65, text.length - 2)); } var font = scope.parse(json); if (onLoad) onLoad(font); }, onProgress, onError); }, parse: function parse(json) { return new Font(json); } }); var _context; var AudioContext = { getContext: function getContext() { if (_context === undefined) { _context = new (window.AudioContext || window.webkitAudioContext)(); } return _context; }, setContext: function setContext(value) { _context = value; } }; function AudioLoader(manager) { Loader.call(this, manager); } AudioLoader.prototype = Object.assign(Object.create(Loader.prototype), { constructor: AudioLoader, load: function load(url, onLoad, onProgress, onError) { var scope = this; var loader = new FileLoader(scope.manager); loader.setResponseType('arraybuffer'); loader.setPath(scope.path); loader.setRequestHeader(scope.requestHeader); loader.setWithCredentials(scope.withCredentials); loader.load(url, function (buffer) { try { // Create a copy of the buffer. The `decodeAudioData` method // detaches the buffer when complete, preventing reuse. var bufferCopy = buffer.slice(0); var context = AudioContext.getContext(); context.decodeAudioData(bufferCopy, function (audioBuffer) { onLoad(audioBuffer); }); } catch (e) { if (onError) { onError(e); } else { console.error(e); } scope.manager.itemError(url); } }, onProgress, onError); } }); function HemisphereLightProbe(skyColor, groundColor, intensity) { LightProbe.call(this, undefined, intensity); var color1 = new Color().set(skyColor); var color2 = new Color().set(groundColor); var sky = new Vector3(color1.r, color1.g, color1.b); var ground = new Vector3(color2.r, color2.g, color2.b); // without extra factor of PI in the shader, should = 1 / Math.sqrt( Math.PI ); var c0 = Math.sqrt(Math.PI); var c1 = c0 * Math.sqrt(0.75); this.sh.coefficients[0].copy(sky).add(ground).multiplyScalar(c0); this.sh.coefficients[1].copy(sky).sub(ground).multiplyScalar(c1); } HemisphereLightProbe.prototype = Object.assign(Object.create(LightProbe.prototype), { constructor: HemisphereLightProbe, isHemisphereLightProbe: true, copy: function copy(source) { // modifying colors not currently supported LightProbe.prototype.copy.call(this, source); return this; }, toJSON: function toJSON(meta) { var data = LightProbe.prototype.toJSON.call(this, meta); // data.sh = this.sh.toArray(); // todo return data; } }); function AmbientLightProbe(color, intensity) { LightProbe.call(this, undefined, intensity); var color1 = new Color().set(color); // without extra factor of PI in the shader, would be 2 / Math.sqrt( Math.PI ); this.sh.coefficients[0].set(color1.r, color1.g, color1.b).multiplyScalar(2 * Math.sqrt(Math.PI)); } AmbientLightProbe.prototype = Object.assign(Object.create(LightProbe.prototype), { constructor: AmbientLightProbe, isAmbientLightProbe: true, copy: function copy(source) { // modifying color not currently supported LightProbe.prototype.copy.call(this, source); return this; }, toJSON: function toJSON(meta) { var data = LightProbe.prototype.toJSON.call(this, meta); // data.sh = this.sh.toArray(); // todo return data; } }); var _eyeRight = new Matrix4(); var _eyeLeft = new Matrix4(); function StereoCamera() { this.type = 'StereoCamera'; this.aspect = 1; this.eyeSep = 0.064; this.cameraL = new PerspectiveCamera(); this.cameraL.layers.enable(1); this.cameraL.matrixAutoUpdate = false; this.cameraR = new PerspectiveCamera(); this.cameraR.layers.enable(2); this.cameraR.matrixAutoUpdate = false; this._cache = { focus: null, fov: null, aspect: null, near: null, far: null, zoom: null, eyeSep: null }; } Object.assign(StereoCamera.prototype, { update: function update(camera) { var cache = this._cache; var needsUpdate = cache.focus !== camera.focus || cache.fov !== camera.fov || cache.aspect !== camera.aspect * this.aspect || cache.near !== camera.near || cache.far !== camera.far || cache.zoom !== camera.zoom || cache.eyeSep !== this.eyeSep; if (needsUpdate) { cache.focus = camera.focus; cache.fov = camera.fov; cache.aspect = camera.aspect * this.aspect; cache.near = camera.near; cache.far = camera.far; cache.zoom = camera.zoom; cache.eyeSep = this.eyeSep; // Off-axis stereoscopic effect based on // http://paulbourke.net/stereographics/stereorender/ var projectionMatrix = camera.projectionMatrix.clone(); var eyeSepHalf = cache.eyeSep / 2; var eyeSepOnProjection = eyeSepHalf * cache.near / cache.focus; var ymax = cache.near * Math.tan(MathUtils.DEG2RAD * cache.fov * 0.5) / cache.zoom; var xmin, xmax; // translate xOffset _eyeLeft.elements[12] = -eyeSepHalf; _eyeRight.elements[12] = eyeSepHalf; // for left eye xmin = -ymax * cache.aspect + eyeSepOnProjection; xmax = ymax * cache.aspect + eyeSepOnProjection; projectionMatrix.elements[0] = 2 * cache.near / (xmax - xmin); projectionMatrix.elements[8] = (xmax + xmin) / (xmax - xmin); this.cameraL.projectionMatrix.copy(projectionMatrix); // for right eye xmin = -ymax * cache.aspect - eyeSepOnProjection; xmax = ymax * cache.aspect - eyeSepOnProjection; projectionMatrix.elements[0] = 2 * cache.near / (xmax - xmin); projectionMatrix.elements[8] = (xmax + xmin) / (xmax - xmin); this.cameraR.projectionMatrix.copy(projectionMatrix); } this.cameraL.matrixWorld.copy(camera.matrixWorld).multiply(_eyeLeft); this.cameraR.matrixWorld.copy(camera.matrixWorld).multiply(_eyeRight); } }); var Clock = /*#__PURE__*/function () { function Clock(autoStart) { this.autoStart = autoStart !== undefined ? autoStart : true; this.startTime = 0; this.oldTime = 0; this.elapsedTime = 0; this.running = false; } var _proto = Clock.prototype; _proto.start = function start() { this.startTime = now(); this.oldTime = this.startTime; this.elapsedTime = 0; this.running = true; }; _proto.stop = function stop() { this.getElapsedTime(); this.running = false; this.autoStart = false; }; _proto.getElapsedTime = function getElapsedTime() { this.getDelta(); return this.elapsedTime; }; _proto.getDelta = function getDelta() { var diff = 0; if (this.autoStart && !this.running) { this.start(); return 0; } if (this.running) { var newTime = now(); diff = (newTime - this.oldTime) / 1000; this.oldTime = newTime; this.elapsedTime += diff; } return diff; }; return Clock; }(); function now() { return (typeof performance === 'undefined' ? Date : performance).now(); // see #10732 } var _position$2 = /*@__PURE__*/new Vector3(); var _quaternion$3 = /*@__PURE__*/new Quaternion(); var _scale$1 = /*@__PURE__*/new Vector3(); var _orientation = /*@__PURE__*/new Vector3(); var AudioListener = /*#__PURE__*/function (_Object3D) { _inheritsLoose(AudioListener, _Object3D); function AudioListener() { var _this; _this = _Object3D.call(this) || this; _this.type = 'AudioListener'; _this.context = AudioContext.getContext(); _this.gain = _this.context.createGain(); _this.gain.connect(_this.context.destination); _this.filter = null; _this.timeDelta = 0; // private _this._clock = new Clock(); return _this; } var _proto = AudioListener.prototype; _proto.getInput = function getInput() { return this.gain; }; _proto.removeFilter = function removeFilter() { if (this.filter !== null) { this.gain.disconnect(this.filter); this.filter.disconnect(this.context.destination); this.gain.connect(this.context.destination); this.filter = null; } return this; }; _proto.getFilter = function getFilter() { return this.filter; }; _proto.setFilter = function setFilter(value) { if (this.filter !== null) { this.gain.disconnect(this.filter); this.filter.disconnect(this.context.destination); } else { this.gain.disconnect(this.context.destination); } this.filter = value; this.gain.connect(this.filter); this.filter.connect(this.context.destination); return this; }; _proto.getMasterVolume = function getMasterVolume() { return this.gain.gain.value; }; _proto.setMasterVolume = function setMasterVolume(value) { this.gain.gain.setTargetAtTime(value, this.context.currentTime, 0.01); return this; }; _proto.updateMatrixWorld = function updateMatrixWorld(force) { _Object3D.prototype.updateMatrixWorld.call(this, force); var listener = this.context.listener; var up = this.up; this.timeDelta = this._clock.getDelta(); this.matrixWorld.decompose(_position$2, _quaternion$3, _scale$1); _orientation.set(0, 0, -1).applyQuaternion(_quaternion$3); if (listener.positionX) { // code path for Chrome (see #14393) var endTime = this.context.currentTime + this.timeDelta; listener.positionX.linearRampToValueAtTime(_position$2.x, endTime); listener.positionY.linearRampToValueAtTime(_position$2.y, endTime); listener.positionZ.linearRampToValueAtTime(_position$2.z, endTime); listener.forwardX.linearRampToValueAtTime(_orientation.x, endTime); listener.forwardY.linearRampToValueAtTime(_orientation.y, endTime); listener.forwardZ.linearRampToValueAtTime(_orientation.z, endTime); listener.upX.linearRampToValueAtTime(up.x, endTime); listener.upY.linearRampToValueAtTime(up.y, endTime); listener.upZ.linearRampToValueAtTime(up.z, endTime); } else { listener.setPosition(_position$2.x, _position$2.y, _position$2.z); listener.setOrientation(_orientation.x, _orientation.y, _orientation.z, up.x, up.y, up.z); } }; return AudioListener; }(Object3D); var Audio = /*#__PURE__*/function (_Object3D) { _inheritsLoose(Audio, _Object3D); function Audio(listener) { var _this; _this = _Object3D.call(this) || this; _this.type = 'Audio'; _this.listener = listener; _this.context = listener.context; _this.gain = _this.context.createGain(); _this.gain.connect(listener.getInput()); _this.autoplay = false; _this.buffer = null; _this.detune = 0; _this.loop = false; _this.loopStart = 0; _this.loopEnd = 0; _this.offset = 0; _this.duration = undefined; _this.playbackRate = 1; _this.isPlaying = false; _this.hasPlaybackControl = true; _this.source = null; _this.sourceType = 'empty'; _this._startedAt = 0; _this._progress = 0; _this._connected = false; _this.filters = []; return _this; } var _proto = Audio.prototype; _proto.getOutput = function getOutput() { return this.gain; }; _proto.setNodeSource = function setNodeSource(audioNode) { this.hasPlaybackControl = false; this.sourceType = 'audioNode'; this.source = audioNode; this.connect(); return this; }; _proto.setMediaElementSource = function setMediaElementSource(mediaElement) { this.hasPlaybackControl = false; this.sourceType = 'mediaNode'; this.source = this.context.createMediaElementSource(mediaElement); this.connect(); return this; }; _proto.setMediaStreamSource = function setMediaStreamSource(mediaStream) { this.hasPlaybackControl = false; this.sourceType = 'mediaStreamNode'; this.source = this.context.createMediaStreamSource(mediaStream); this.connect(); return this; }; _proto.setBuffer = function setBuffer(audioBuffer) { this.buffer = audioBuffer; this.sourceType = 'buffer'; if (this.autoplay) this.play(); return this; }; _proto.play = function play(delay) { if (delay === void 0) { delay = 0; } if (this.isPlaying === true) { console.warn('THREE.Audio: Audio is already playing.'); return; } if (this.hasPlaybackControl === false) { console.warn('THREE.Audio: this Audio has no playback control.'); return; } this._startedAt = this.context.currentTime + delay; var source = this.context.createBufferSource(); source.buffer = this.buffer; source.loop = this.loop; source.loopStart = this.loopStart; source.loopEnd = this.loopEnd; source.onended = this.onEnded.bind(this); source.start(this._startedAt, this._progress + this.offset, this.duration); this.isPlaying = true; this.source = source; this.setDetune(this.detune); this.setPlaybackRate(this.playbackRate); return this.connect(); }; _proto.pause = function pause() { if (this.hasPlaybackControl === false) { console.warn('THREE.Audio: this Audio has no playback control.'); return; } if (this.isPlaying === true) { // update current progress this._progress += Math.max(this.context.currentTime - this._startedAt, 0) * this.playbackRate; if (this.loop === true) { // ensure _progress does not exceed duration with looped audios this._progress = this._progress % (this.duration || this.buffer.duration); } this.source.stop(); this.source.onended = null; this.isPlaying = false; } return this; }; _proto.stop = function stop() { if (this.hasPlaybackControl === false) { console.warn('THREE.Audio: this Audio has no playback control.'); return; } this._progress = 0; this.source.stop(); this.source.onended = null; this.isPlaying = false; return this; }; _proto.connect = function connect() { if (this.filters.length > 0) { this.source.connect(this.filters[0]); for (var i = 1, l = this.filters.length; i < l; i++) { this.filters[i - 1].connect(this.filters[i]); } this.filters[this.filters.length - 1].connect(this.getOutput()); } else { this.source.connect(this.getOutput()); } this._connected = true; return this; }; _proto.disconnect = function disconnect() { if (this.filters.length > 0) { this.source.disconnect(this.filters[0]); for (var i = 1, l = this.filters.length; i < l; i++) { this.filters[i - 1].disconnect(this.filters[i]); } this.filters[this.filters.length - 1].disconnect(this.getOutput()); } else { this.source.disconnect(this.getOutput()); } this._connected = false; return this; }; _proto.getFilters = function getFilters() { return this.filters; }; _proto.setFilters = function setFilters(value) { if (!value) value = []; if (this._connected === true) { this.disconnect(); this.filters = value.slice(); this.connect(); } else { this.filters = value.slice(); } return this; }; _proto.setDetune = function setDetune(value) { this.detune = value; if (this.source.detune === undefined) return; // only set detune when available if (this.isPlaying === true) { this.source.detune.setTargetAtTime(this.detune, this.context.currentTime, 0.01); } return this; }; _proto.getDetune = function getDetune() { return this.detune; }; _proto.getFilter = function getFilter() { return this.getFilters()[0]; }; _proto.setFilter = function setFilter(filter) { return this.setFilters(filter ? [filter] : []); }; _proto.setPlaybackRate = function setPlaybackRate(value) { if (this.hasPlaybackControl === false) { console.warn('THREE.Audio: this Audio has no playback control.'); return; } this.playbackRate = value; if (this.isPlaying === true) { this.source.playbackRate.setTargetAtTime(this.playbackRate, this.context.currentTime, 0.01); } return this; }; _proto.getPlaybackRate = function getPlaybackRate() { return this.playbackRate; }; _proto.onEnded = function onEnded() { this.isPlaying = false; }; _proto.getLoop = function getLoop() { if (this.hasPlaybackControl === false) { console.warn('THREE.Audio: this Audio has no playback control.'); return false; } return this.loop; }; _proto.setLoop = function setLoop(value) { if (this.hasPlaybackControl === false) { console.warn('THREE.Audio: this Audio has no playback control.'); return; } this.loop = value; if (this.isPlaying === true) { this.source.loop = this.loop; } return this; }; _proto.setLoopStart = function setLoopStart(value) { this.loopStart = value; return this; }; _proto.setLoopEnd = function setLoopEnd(value) { this.loopEnd = value; return this; }; _proto.getVolume = function getVolume() { return this.gain.gain.value; }; _proto.setVolume = function setVolume(value) { this.gain.gain.setTargetAtTime(value, this.context.currentTime, 0.01); return this; }; return Audio; }(Object3D); var _position$3 = /*@__PURE__*/new Vector3(); var _quaternion$4 = /*@__PURE__*/new Quaternion(); var _scale$2 = /*@__PURE__*/new Vector3(); var _orientation$1 = /*@__PURE__*/new Vector3(); var PositionalAudio = /*#__PURE__*/function (_Audio) { _inheritsLoose(PositionalAudio, _Audio); function PositionalAudio(listener) { var _this; _this = _Audio.call(this, listener) || this; _this.panner = _this.context.createPanner(); _this.panner.panningModel = 'HRTF'; _this.panner.connect(_this.gain); return _this; } var _proto = PositionalAudio.prototype; _proto.getOutput = function getOutput() { return this.panner; }; _proto.getRefDistance = function getRefDistance() { return this.panner.refDistance; }; _proto.setRefDistance = function setRefDistance(value) { this.panner.refDistance = value; return this; }; _proto.getRolloffFactor = function getRolloffFactor() { return this.panner.rolloffFactor; }; _proto.setRolloffFactor = function setRolloffFactor(value) { this.panner.rolloffFactor = value; return this; }; _proto.getDistanceModel = function getDistanceModel() { return this.panner.distanceModel; }; _proto.setDistanceModel = function setDistanceModel(value) { this.panner.distanceModel = value; return this; }; _proto.getMaxDistance = function getMaxDistance() { return this.panner.maxDistance; }; _proto.setMaxDistance = function setMaxDistance(value) { this.panner.maxDistance = value; return this; }; _proto.setDirectionalCone = function setDirectionalCone(coneInnerAngle, coneOuterAngle, coneOuterGain) { this.panner.coneInnerAngle = coneInnerAngle; this.panner.coneOuterAngle = coneOuterAngle; this.panner.coneOuterGain = coneOuterGain; return this; }; _proto.updateMatrixWorld = function updateMatrixWorld(force) { _Audio.prototype.updateMatrixWorld.call(this, force); if (this.hasPlaybackControl === true && this.isPlaying === false) return; this.matrixWorld.decompose(_position$3, _quaternion$4, _scale$2); _orientation$1.set(0, 0, 1).applyQuaternion(_quaternion$4); var panner = this.panner; if (panner.positionX) { // code path for Chrome and Firefox (see #14393) var endTime = this.context.currentTime + this.listener.timeDelta; panner.positionX.linearRampToValueAtTime(_position$3.x, endTime); panner.positionY.linearRampToValueAtTime(_position$3.y, endTime); panner.positionZ.linearRampToValueAtTime(_position$3.z, endTime); panner.orientationX.linearRampToValueAtTime(_orientation$1.x, endTime); panner.orientationY.linearRampToValueAtTime(_orientation$1.y, endTime); panner.orientationZ.linearRampToValueAtTime(_orientation$1.z, endTime); } else { panner.setPosition(_position$3.x, _position$3.y, _position$3.z); panner.setOrientation(_orientation$1.x, _orientation$1.y, _orientation$1.z); } }; return PositionalAudio; }(Audio); var AudioAnalyser = /*#__PURE__*/function () { function AudioAnalyser(audio, fftSize) { if (fftSize === void 0) { fftSize = 2048; } this.analyser = audio.context.createAnalyser(); this.analyser.fftSize = fftSize; this.data = new Uint8Array(this.analyser.frequencyBinCount); audio.getOutput().connect(this.analyser); } var _proto = AudioAnalyser.prototype; _proto.getFrequencyData = function getFrequencyData() { this.analyser.getByteFrequencyData(this.data); return this.data; }; _proto.getAverageFrequency = function getAverageFrequency() { var value = 0; var data = this.getFrequencyData(); for (var i = 0; i < data.length; i++) { value += data[i]; } return value / data.length; }; return AudioAnalyser; }(); function PropertyMixer(binding, typeName, valueSize) { this.binding = binding; this.valueSize = valueSize; var mixFunction, mixFunctionAdditive, setIdentity; // buffer layout: [ incoming | accu0 | accu1 | orig | addAccu | (optional work) ] // // interpolators can use .buffer as their .result // the data then goes to 'incoming' // // 'accu0' and 'accu1' are used frame-interleaved for // the cumulative result and are compared to detect // changes // // 'orig' stores the original state of the property // // 'add' is used for additive cumulative results // // 'work' is optional and is only present for quaternion types. It is used // to store intermediate quaternion multiplication results switch (typeName) { case 'quaternion': mixFunction = this._slerp; mixFunctionAdditive = this._slerpAdditive; setIdentity = this._setAdditiveIdentityQuaternion; this.buffer = new Float64Array(valueSize * 6); this._workIndex = 5; break; case 'string': case 'bool': mixFunction = this._select; // Use the regular mix function and for additive on these types, // additive is not relevant for non-numeric types mixFunctionAdditive = this._select; setIdentity = this._setAdditiveIdentityOther; this.buffer = new Array(valueSize * 5); break; default: mixFunction = this._lerp; mixFunctionAdditive = this._lerpAdditive; setIdentity = this._setAdditiveIdentityNumeric; this.buffer = new Float64Array(valueSize * 5); } this._mixBufferRegion = mixFunction; this._mixBufferRegionAdditive = mixFunctionAdditive; this._setIdentity = setIdentity; this._origIndex = 3; this._addIndex = 4; this.cumulativeWeight = 0; this.cumulativeWeightAdditive = 0; this.useCount = 0; this.referenceCount = 0; } Object.assign(PropertyMixer.prototype, { // accumulate data in the 'incoming' region into 'accu<i>' accumulate: function accumulate(accuIndex, weight) { // note: happily accumulating nothing when weight = 0, the caller knows // the weight and shouldn't have made the call in the first place var buffer = this.buffer, stride = this.valueSize, offset = accuIndex * stride + stride; var currentWeight = this.cumulativeWeight; if (currentWeight === 0) { // accuN := incoming * weight for (var i = 0; i !== stride; ++i) { buffer[offset + i] = buffer[i]; } currentWeight = weight; } else { // accuN := accuN + incoming * weight currentWeight += weight; var mix = weight / currentWeight; this._mixBufferRegion(buffer, offset, 0, mix, stride); } this.cumulativeWeight = currentWeight; }, // accumulate data in the 'incoming' region into 'add' accumulateAdditive: function accumulateAdditive(weight) { var buffer = this.buffer, stride = this.valueSize, offset = stride * this._addIndex; if (this.cumulativeWeightAdditive === 0) { // add = identity this._setIdentity(); } // add := add + incoming * weight this._mixBufferRegionAdditive(buffer, offset, 0, weight, stride); this.cumulativeWeightAdditive += weight; }, // apply the state of 'accu<i>' to the binding when accus differ apply: function apply(accuIndex) { var stride = this.valueSize, buffer = this.buffer, offset = accuIndex * stride + stride, weight = this.cumulativeWeight, weightAdditive = this.cumulativeWeightAdditive, binding = this.binding; this.cumulativeWeight = 0; this.cumulativeWeightAdditive = 0; if (weight < 1) { // accuN := accuN + original * ( 1 - cumulativeWeight ) var originalValueOffset = stride * this._origIndex; this._mixBufferRegion(buffer, offset, originalValueOffset, 1 - weight, stride); } if (weightAdditive > 0) { // accuN := accuN + additive accuN this._mixBufferRegionAdditive(buffer, offset, this._addIndex * stride, 1, stride); } for (var i = stride, e = stride + stride; i !== e; ++i) { if (buffer[i] !== buffer[i + stride]) { // value has changed -> update scene graph binding.setValue(buffer, offset); break; } } }, // remember the state of the bound property and copy it to both accus saveOriginalState: function saveOriginalState() { var binding = this.binding; var buffer = this.buffer, stride = this.valueSize, originalValueOffset = stride * this._origIndex; binding.getValue(buffer, originalValueOffset); // accu[0..1] := orig -- initially detect changes against the original for (var i = stride, e = originalValueOffset; i !== e; ++i) { buffer[i] = buffer[originalValueOffset + i % stride]; } // Add to identity for additive this._setIdentity(); this.cumulativeWeight = 0; this.cumulativeWeightAdditive = 0; }, // apply the state previously taken via 'saveOriginalState' to the binding restoreOriginalState: function restoreOriginalState() { var originalValueOffset = this.valueSize * 3; this.binding.setValue(this.buffer, originalValueOffset); }, _setAdditiveIdentityNumeric: function _setAdditiveIdentityNumeric() { var startIndex = this._addIndex * this.valueSize; var endIndex = startIndex + this.valueSize; for (var i = startIndex; i < endIndex; i++) { this.buffer[i] = 0; } }, _setAdditiveIdentityQuaternion: function _setAdditiveIdentityQuaternion() { this._setAdditiveIdentityNumeric(); this.buffer[this._addIndex * this.valueSize + 3] = 1; }, _setAdditiveIdentityOther: function _setAdditiveIdentityOther() { var startIndex = this._origIndex * this.valueSize; var targetIndex = this._addIndex * this.valueSize; for (var i = 0; i < this.valueSize; i++) { this.buffer[targetIndex + i] = this.buffer[startIndex + i]; } }, // mix functions _select: function _select(buffer, dstOffset, srcOffset, t, stride) { if (t >= 0.5) { for (var i = 0; i !== stride; ++i) { buffer[dstOffset + i] = buffer[srcOffset + i]; } } }, _slerp: function _slerp(buffer, dstOffset, srcOffset, t) { Quaternion.slerpFlat(buffer, dstOffset, buffer, dstOffset, buffer, srcOffset, t); }, _slerpAdditive: function _slerpAdditive(buffer, dstOffset, srcOffset, t, stride) { var workOffset = this._workIndex * stride; // Store result in intermediate buffer offset Quaternion.multiplyQuaternionsFlat(buffer, workOffset, buffer, dstOffset, buffer, srcOffset); // Slerp to the intermediate result Quaternion.slerpFlat(buffer, dstOffset, buffer, dstOffset, buffer, workOffset, t); }, _lerp: function _lerp(buffer, dstOffset, srcOffset, t, stride) { var s = 1 - t; for (var i = 0; i !== stride; ++i) { var j = dstOffset + i; buffer[j] = buffer[j] * s + buffer[srcOffset + i] * t; } }, _lerpAdditive: function _lerpAdditive(buffer, dstOffset, srcOffset, t, stride) { for (var i = 0; i !== stride; ++i) { var j = dstOffset + i; buffer[j] = buffer[j] + buffer[srcOffset + i] * t; } } }); // Characters [].:/ are reserved for track binding syntax. var _RESERVED_CHARS_RE = '\\[\\]\\.:\\/'; var _reservedRe = new RegExp('[' + _RESERVED_CHARS_RE + ']', 'g'); // Attempts to allow node names from any language. ES5's `\w` regexp matches // only latin characters, and the unicode \p{L} is not yet supported. So // instead, we exclude reserved characters and match everything else. var _wordChar = '[^' + _RESERVED_CHARS_RE + ']'; var _wordCharOrDot = '[^' + _RESERVED_CHARS_RE.replace('\\.', '') + ']'; // Parent directories, delimited by '/' or ':'. Currently unused, but must // be matched to parse the rest of the track name. var _directoryRe = /((?:WC+[\/:])*)/.source.replace('WC', _wordChar); // Target node. May contain word characters (a-zA-Z0-9_) and '.' or '-'. var _nodeRe = /(WCOD+)?/.source.replace('WCOD', _wordCharOrDot); // Object on target node, and accessor. May not contain reserved // characters. Accessor may contain any character except closing bracket. var _objectRe = /(?:\.(WC+)(?:\[(.+)\])?)?/.source.replace('WC', _wordChar); // Property and accessor. May not contain reserved characters. Accessor may // contain any non-bracket characters. var _propertyRe = /\.(WC+)(?:\[(.+)\])?/.source.replace('WC', _wordChar); var _trackRe = new RegExp('' + '^' + _directoryRe + _nodeRe + _objectRe + _propertyRe + '$'); var _supportedObjectNames = ['material', 'materials', 'bones']; function Composite(targetGroup, path, optionalParsedPath) { var parsedPath = optionalParsedPath || PropertyBinding.parseTrackName(path); this._targetGroup = targetGroup; this._bindings = targetGroup.subscribe_(path, parsedPath); } Object.assign(Composite.prototype, { getValue: function getValue(array, offset) { this.bind(); // bind all binding var firstValidIndex = this._targetGroup.nCachedObjects_, binding = this._bindings[firstValidIndex]; // and only call .getValue on the first if (binding !== undefined) binding.getValue(array, offset); }, setValue: function setValue(array, offset) { var bindings = this._bindings; for (var i = this._targetGroup.nCachedObjects_, n = bindings.length; i !== n; ++i) { bindings[i].setValue(array, offset); } }, bind: function bind() { var bindings = this._bindings; for (var i = this._targetGroup.nCachedObjects_, n = bindings.length; i !== n; ++i) { bindings[i].bind(); } }, unbind: function unbind() { var bindings = this._bindings; for (var i = this._targetGroup.nCachedObjects_, n = bindings.length; i !== n; ++i) { bindings[i].unbind(); } } }); function PropertyBinding(rootNode, path, parsedPath) { this.path = path; this.parsedPath = parsedPath || PropertyBinding.parseTrackName(path); this.node = PropertyBinding.findNode(rootNode, this.parsedPath.nodeName) || rootNode; this.rootNode = rootNode; } Object.assign(PropertyBinding, { Composite: Composite, create: function create(root, path, parsedPath) { if (!(root && root.isAnimationObjectGroup)) { return new PropertyBinding(root, path, parsedPath); } else { return new PropertyBinding.Composite(root, path, parsedPath); } }, /** * Replaces spaces with underscores and removes unsupported characters from * node names, to ensure compatibility with parseTrackName(). * * @param {string} name Node name to be sanitized. * @return {string} */ sanitizeNodeName: function sanitizeNodeName(name) { return name.replace(/\s/g, '_').replace(_reservedRe, ''); }, parseTrackName: function parseTrackName(trackName) { var matches = _trackRe.exec(trackName); if (!matches) { throw new Error('PropertyBinding: Cannot parse trackName: ' + trackName); } var results = { // directoryName: matches[ 1 ], // (tschw) currently unused nodeName: matches[2], objectName: matches[3], objectIndex: matches[4], propertyName: matches[5], // required propertyIndex: matches[6] }; var lastDot = results.nodeName && results.nodeName.lastIndexOf('.'); if (lastDot !== undefined && lastDot !== -1) { var objectName = results.nodeName.substring(lastDot + 1); // Object names must be checked against an allowlist. Otherwise, there // is no way to parse 'foo.bar.baz': 'baz' must be a property, but // 'bar' could be the objectName, or part of a nodeName (which can // include '.' characters). if (_supportedObjectNames.indexOf(objectName) !== -1) { results.nodeName = results.nodeName.substring(0, lastDot); results.objectName = objectName; } } if (results.propertyName === null || results.propertyName.length === 0) { throw new Error('PropertyBinding: can not parse propertyName from trackName: ' + trackName); } return results; }, findNode: function findNode(root, nodeName) { if (!nodeName || nodeName === '' || nodeName === '.' || nodeName === -1 || nodeName === root.name || nodeName === root.uuid) { return root; } // search into skeleton bones. if (root.skeleton) { var bone = root.skeleton.getBoneByName(nodeName); if (bone !== undefined) { return bone; } } // search into node subtree. if (root.children) { var searchNodeSubtree = function searchNodeSubtree(children) { for (var i = 0; i < children.length; i++) { var childNode = children[i]; if (childNode.name === nodeName || childNode.uuid === nodeName) { return childNode; } var result = searchNodeSubtree(childNode.children); if (result) return result; } return null; }; var subTreeNode = searchNodeSubtree(root.children); if (subTreeNode) { return subTreeNode; } } return null; } }); Object.assign(PropertyBinding.prototype, { // prototype, continued // these are used to "bind" a nonexistent property _getValue_unavailable: function _getValue_unavailable() {}, _setValue_unavailable: function _setValue_unavailable() {}, BindingType: { Direct: 0, EntireArray: 1, ArrayElement: 2, HasFromToArray: 3 }, Versioning: { None: 0, NeedsUpdate: 1, MatrixWorldNeedsUpdate: 2 }, GetterByBindingType: [function getValue_direct(buffer, offset) { buffer[offset] = this.node[this.propertyName]; }, function getValue_array(buffer, offset) { var source = this.resolvedProperty; for (var i = 0, n = source.length; i !== n; ++i) { buffer[offset++] = source[i]; } }, function getValue_arrayElement(buffer, offset) { buffer[offset] = this.resolvedProperty[this.propertyIndex]; }, function getValue_toArray(buffer, offset) { this.resolvedProperty.toArray(buffer, offset); }], SetterByBindingTypeAndVersioning: [[// Direct function setValue_direct(buffer, offset) { this.targetObject[this.propertyName] = buffer[offset]; }, function setValue_direct_setNeedsUpdate(buffer, offset) { this.targetObject[this.propertyName] = buffer[offset]; this.targetObject.needsUpdate = true; }, function setValue_direct_setMatrixWorldNeedsUpdate(buffer, offset) { this.targetObject[this.propertyName] = buffer[offset]; this.targetObject.matrixWorldNeedsUpdate = true; }], [// EntireArray function setValue_array(buffer, offset) { var dest = this.resolvedProperty; for (var i = 0, n = dest.length; i !== n; ++i) { dest[i] = buffer[offset++]; } }, function setValue_array_setNeedsUpdate(buffer, offset) { var dest = this.resolvedProperty; for (var i = 0, n = dest.length; i !== n; ++i) { dest[i] = buffer[offset++]; } this.targetObject.needsUpdate = true; }, function setValue_array_setMatrixWorldNeedsUpdate(buffer, offset) { var dest = this.resolvedProperty; for (var i = 0, n = dest.length; i !== n; ++i) { dest[i] = buffer[offset++]; } this.targetObject.matrixWorldNeedsUpdate = true; }], [// ArrayElement function setValue_arrayElement(buffer, offset) { this.resolvedProperty[this.propertyIndex] = buffer[offset]; }, function setValue_arrayElement_setNeedsUpdate(buffer, offset) { this.resolvedProperty[this.propertyIndex] = buffer[offset]; this.targetObject.needsUpdate = true; }, function setValue_arrayElement_setMatrixWorldNeedsUpdate(buffer, offset) { this.resolvedProperty[this.propertyIndex] = buffer[offset]; this.targetObject.matrixWorldNeedsUpdate = true; }], [// HasToFromArray function setValue_fromArray(buffer, offset) { this.resolvedProperty.fromArray(buffer, offset); }, function setValue_fromArray_setNeedsUpdate(buffer, offset) { this.resolvedProperty.fromArray(buffer, offset); this.targetObject.needsUpdate = true; }, function setValue_fromArray_setMatrixWorldNeedsUpdate(buffer, offset) { this.resolvedProperty.fromArray(buffer, offset); this.targetObject.matrixWorldNeedsUpdate = true; }]], getValue: function getValue_unbound(targetArray, offset) { this.bind(); this.getValue(targetArray, offset); // Note: This class uses a State pattern on a per-method basis: // 'bind' sets 'this.getValue' / 'setValue' and shadows the // prototype version of these methods with one that represents // the bound state. When the property is not found, the methods // become no-ops. }, setValue: function getValue_unbound(sourceArray, offset) { this.bind(); this.setValue(sourceArray, offset); }, // create getter / setter pair for a property in the scene graph bind: function bind() { var targetObject = this.node; var parsedPath = this.parsedPath; var objectName = parsedPath.objectName; var propertyName = parsedPath.propertyName; var propertyIndex = parsedPath.propertyIndex; if (!targetObject) { targetObject = PropertyBinding.findNode(this.rootNode, parsedPath.nodeName) || this.rootNode; this.node = targetObject; } // set fail state so we can just 'return' on error this.getValue = this._getValue_unavailable; this.setValue = this._setValue_unavailable; // ensure there is a value node if (!targetObject) { console.error('THREE.PropertyBinding: Trying to update node for track: ' + this.path + ' but it wasn\'t found.'); return; } if (objectName) { var objectIndex = parsedPath.objectIndex; // special cases were we need to reach deeper into the hierarchy to get the face materials.... switch (objectName) { case 'materials': if (!targetObject.material) { console.error('THREE.PropertyBinding: Can not bind to material as node does not have a material.', this); return; } if (!targetObject.material.materials) { console.error('THREE.PropertyBinding: Can not bind to material.materials as node.material does not have a materials array.', this); return; } targetObject = targetObject.material.materials; break; case 'bones': if (!targetObject.skeleton) { console.error('THREE.PropertyBinding: Can not bind to bones as node does not have a skeleton.', this); return; } // potential future optimization: skip this if propertyIndex is already an integer // and convert the integer string to a true integer. targetObject = targetObject.skeleton.bones; // support resolving morphTarget names into indices. for (var i = 0; i < targetObject.length; i++) { if (targetObject[i].name === objectIndex) { objectIndex = i; break; } } break; default: if (targetObject[objectName] === undefined) { console.error('THREE.PropertyBinding: Can not bind to objectName of node undefined.', this); return; } targetObject = targetObject[objectName]; } if (objectIndex !== undefined) { if (targetObject[objectIndex] === undefined) { console.error('THREE.PropertyBinding: Trying to bind to objectIndex of objectName, but is undefined.', this, targetObject); return; } targetObject = targetObject[objectIndex]; } } // resolve property var nodeProperty = targetObject[propertyName]; if (nodeProperty === undefined) { var nodeName = parsedPath.nodeName; console.error('THREE.PropertyBinding: Trying to update property for track: ' + nodeName + '.' + propertyName + ' but it wasn\'t found.', targetObject); return; } // determine versioning scheme var versioning = this.Versioning.None; this.targetObject = targetObject; if (targetObject.needsUpdate !== undefined) { // material versioning = this.Versioning.NeedsUpdate; } else if (targetObject.matrixWorldNeedsUpdate !== undefined) { // node transform versioning = this.Versioning.MatrixWorldNeedsUpdate; } // determine how the property gets bound var bindingType = this.BindingType.Direct; if (propertyIndex !== undefined) { // access a sub element of the property array (only primitives are supported right now) if (propertyName === 'morphTargetInfluences') { // potential optimization, skip this if propertyIndex is already an integer, and convert the integer string to a true integer. // support resolving morphTarget names into indices. if (!targetObject.geometry) { console.error('THREE.PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.', this); return; } if (targetObject.geometry.isBufferGeometry) { if (!targetObject.geometry.morphAttributes) { console.error('THREE.PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.morphAttributes.', this); return; } if (targetObject.morphTargetDictionary[propertyIndex] !== undefined) { propertyIndex = targetObject.morphTargetDictionary[propertyIndex]; } } else { console.error('THREE.PropertyBinding: Can not bind to morphTargetInfluences on THREE.Geometry. Use THREE.BufferGeometry instead.', this); return; } } bindingType = this.BindingType.ArrayElement; this.resolvedProperty = nodeProperty; this.propertyIndex = propertyIndex; } else if (nodeProperty.fromArray !== undefined && nodeProperty.toArray !== undefined) { // must use copy for Object3D.Euler/Quaternion bindingType = this.BindingType.HasFromToArray; this.resolvedProperty = nodeProperty; } else if (Array.isArray(nodeProperty)) { bindingType = this.BindingType.EntireArray; this.resolvedProperty = nodeProperty; } else { this.propertyName = propertyName; } // select getter / setter this.getValue = this.GetterByBindingType[bindingType]; this.setValue = this.SetterByBindingTypeAndVersioning[bindingType][versioning]; }, unbind: function unbind() { this.node = null; // back to the prototype version of getValue / setValue // note: avoiding to mutate the shape of 'this' via 'delete' this.getValue = this._getValue_unbound; this.setValue = this._setValue_unbound; } }); // DECLARE ALIAS AFTER assign prototype Object.assign(PropertyBinding.prototype, { // initial state of these methods that calls 'bind' _getValue_unbound: PropertyBinding.prototype.getValue, _setValue_unbound: PropertyBinding.prototype.setValue }); /** * * A group of objects that receives a shared animation state. * * Usage: * * - Add objects you would otherwise pass as 'root' to the * constructor or the .clipAction method of AnimationMixer. * * - Instead pass this object as 'root'. * * - You can also add and remove objects later when the mixer * is running. * * Note: * * Objects of this class appear as one object to the mixer, * so cache control of the individual objects must be done * on the group. * * Limitation: * * - The animated properties must be compatible among the * all objects in the group. * * - A single property can either be controlled through a * target group or directly, but not both. */ function AnimationObjectGroup() { this.uuid = MathUtils.generateUUID(); // cached objects followed by the active ones this._objects = Array.prototype.slice.call(arguments); this.nCachedObjects_ = 0; // threshold // note: read by PropertyBinding.Composite var indices = {}; this._indicesByUUID = indices; // for bookkeeping for (var i = 0, n = arguments.length; i !== n; ++i) { indices[arguments[i].uuid] = i; } this._paths = []; // inside: string this._parsedPaths = []; // inside: { we don't care, here } this._bindings = []; // inside: Array< PropertyBinding > this._bindingsIndicesByPath = {}; // inside: indices in these arrays var scope = this; this.stats = { objects: { get total() { return scope._objects.length; }, get inUse() { return this.total - scope.nCachedObjects_; } }, get bindingsPerObject() { return scope._bindings.length; } }; } Object.assign(AnimationObjectGroup.prototype, { isAnimationObjectGroup: true, add: function add() { var objects = this._objects, indicesByUUID = this._indicesByUUID, paths = this._paths, parsedPaths = this._parsedPaths, bindings = this._bindings, nBindings = bindings.length; var knownObject = undefined, nObjects = objects.length, nCachedObjects = this.nCachedObjects_; for (var i = 0, n = arguments.length; i !== n; ++i) { var object = arguments[i], uuid = object.uuid; var index = indicesByUUID[uuid]; if (index === undefined) { // unknown object -> add it to the ACTIVE region index = nObjects++; indicesByUUID[uuid] = index; objects.push(object); // accounting is done, now do the same for all bindings for (var j = 0, m = nBindings; j !== m; ++j) { bindings[j].push(new PropertyBinding(object, paths[j], parsedPaths[j])); } } else if (index < nCachedObjects) { knownObject = objects[index]; // move existing object to the ACTIVE region var firstActiveIndex = --nCachedObjects, lastCachedObject = objects[firstActiveIndex]; indicesByUUID[lastCachedObject.uuid] = index; objects[index] = lastCachedObject; indicesByUUID[uuid] = firstActiveIndex; objects[firstActiveIndex] = object; // accounting is done, now do the same for all bindings for (var _j = 0, _m = nBindings; _j !== _m; ++_j) { var bindingsForPath = bindings[_j], lastCached = bindingsForPath[firstActiveIndex]; var binding = bindingsForPath[index]; bindingsForPath[index] = lastCached; if (binding === undefined) { // since we do not bother to create new bindings // for objects that are cached, the binding may // or may not exist binding = new PropertyBinding(object, paths[_j], parsedPaths[_j]); } bindingsForPath[firstActiveIndex] = binding; } } else if (objects[index] !== knownObject) { console.error('THREE.AnimationObjectGroup: Different objects with the same UUID ' + 'detected. Clean the caches or recreate your infrastructure when reloading scenes.'); } // else the object is already where we want it to be } // for arguments this.nCachedObjects_ = nCachedObjects; }, remove: function remove() { var objects = this._objects, indicesByUUID = this._indicesByUUID, bindings = this._bindings, nBindings = bindings.length; var nCachedObjects = this.nCachedObjects_; for (var i = 0, n = arguments.length; i !== n; ++i) { var object = arguments[i], uuid = object.uuid, index = indicesByUUID[uuid]; if (index !== undefined && index >= nCachedObjects) { // move existing object into the CACHED region var lastCachedIndex = nCachedObjects++, firstActiveObject = objects[lastCachedIndex]; indicesByUUID[firstActiveObject.uuid] = index; objects[index] = firstActiveObject; indicesByUUID[uuid] = lastCachedIndex; objects[lastCachedIndex] = object; // accounting is done, now do the same for all bindings for (var j = 0, m = nBindings; j !== m; ++j) { var bindingsForPath = bindings[j], firstActive = bindingsForPath[lastCachedIndex], binding = bindingsForPath[index]; bindingsForPath[index] = firstActive; bindingsForPath[lastCachedIndex] = binding; } } } // for arguments this.nCachedObjects_ = nCachedObjects; }, // remove & forget uncache: function uncache() { var objects = this._objects, indicesByUUID = this._indicesByUUID, bindings = this._bindings, nBindings = bindings.length; var nCachedObjects = this.nCachedObjects_, nObjects = objects.length; for (var i = 0, n = arguments.length; i !== n; ++i) { var object = arguments[i], uuid = object.uuid, index = indicesByUUID[uuid]; if (index !== undefined) { delete indicesByUUID[uuid]; if (index < nCachedObjects) { // object is cached, shrink the CACHED region var firstActiveIndex = --nCachedObjects, lastCachedObject = objects[firstActiveIndex], lastIndex = --nObjects, lastObject = objects[lastIndex]; // last cached object takes this object's place indicesByUUID[lastCachedObject.uuid] = index; objects[index] = lastCachedObject; // last object goes to the activated slot and pop indicesByUUID[lastObject.uuid] = firstActiveIndex; objects[firstActiveIndex] = lastObject; objects.pop(); // accounting is done, now do the same for all bindings for (var j = 0, m = nBindings; j !== m; ++j) { var bindingsForPath = bindings[j], lastCached = bindingsForPath[firstActiveIndex], last = bindingsForPath[lastIndex]; bindingsForPath[index] = lastCached; bindingsForPath[firstActiveIndex] = last; bindingsForPath.pop(); } } else { // object is active, just swap with the last and pop var _lastIndex = --nObjects, _lastObject = objects[_lastIndex]; if (_lastIndex > 0) { indicesByUUID[_lastObject.uuid] = index; } objects[index] = _lastObject; objects.pop(); // accounting is done, now do the same for all bindings for (var _j2 = 0, _m2 = nBindings; _j2 !== _m2; ++_j2) { var _bindingsForPath = bindings[_j2]; _bindingsForPath[index] = _bindingsForPath[_lastIndex]; _bindingsForPath.pop(); } } // cached or active } // if object is known } // for arguments this.nCachedObjects_ = nCachedObjects; }, // Internal interface used by befriended PropertyBinding.Composite: subscribe_: function subscribe_(path, parsedPath) { // returns an array of bindings for the given path that is changed // according to the contained objects in the group var indicesByPath = this._bindingsIndicesByPath; var index = indicesByPath[path]; var bindings = this._bindings; if (index !== undefined) return bindings[index]; var paths = this._paths, parsedPaths = this._parsedPaths, objects = this._objects, nObjects = objects.length, nCachedObjects = this.nCachedObjects_, bindingsForPath = new Array(nObjects); index = bindings.length; indicesByPath[path] = index; paths.push(path); parsedPaths.push(parsedPath); bindings.push(bindingsForPath); for (var i = nCachedObjects, n = objects.length; i !== n; ++i) { var object = objects[i]; bindingsForPath[i] = new PropertyBinding(object, path, parsedPath); } return bindingsForPath; }, unsubscribe_: function unsubscribe_(path) { // tells the group to forget about a property path and no longer // update the array previously obtained with 'subscribe_' var indicesByPath = this._bindingsIndicesByPath, index = indicesByPath[path]; if (index !== undefined) { var paths = this._paths, parsedPaths = this._parsedPaths, bindings = this._bindings, lastBindingsIndex = bindings.length - 1, lastBindings = bindings[lastBindingsIndex], lastBindingsPath = path[lastBindingsIndex]; indicesByPath[lastBindingsPath] = index; bindings[index] = lastBindings; bindings.pop(); parsedPaths[index] = parsedPaths[lastBindingsIndex]; parsedPaths.pop(); paths[index] = paths[lastBindingsIndex]; paths.pop(); } } }); var AnimationAction = /*#__PURE__*/function () { function AnimationAction(mixer, clip, localRoot, blendMode) { if (localRoot === void 0) { localRoot = null; } if (blendMode === void 0) { blendMode = clip.blendMode; } this._mixer = mixer; this._clip = clip; this._localRoot = localRoot; this.blendMode = blendMode; var tracks = clip.tracks, nTracks = tracks.length, interpolants = new Array(nTracks); var interpolantSettings = { endingStart: ZeroCurvatureEnding, endingEnd: ZeroCurvatureEnding }; for (var i = 0; i !== nTracks; ++i) { var interpolant = tracks[i].createInterpolant(null); interpolants[i] = interpolant; interpolant.settings = interpolantSettings; } this._interpolantSettings = interpolantSettings; this._interpolants = interpolants; // bound by the mixer // inside: PropertyMixer (managed by the mixer) this._propertyBindings = new Array(nTracks); this._cacheIndex = null; // for the memory manager this._byClipCacheIndex = null; // for the memory manager this._timeScaleInterpolant = null; this._weightInterpolant = null; this.loop = LoopRepeat; this._loopCount = -1; // global mixer time when the action is to be started // it's set back to 'null' upon start of the action this._startTime = null; // scaled local time of the action // gets clamped or wrapped to 0..clip.duration according to loop this.time = 0; this.timeScale = 1; this._effectiveTimeScale = 1; this.weight = 1; this._effectiveWeight = 1; this.repetitions = Infinity; // no. of repetitions when looping this.paused = false; // true -> zero effective time scale this.enabled = true; // false -> zero effective weight this.clampWhenFinished = false; // keep feeding the last frame? this.zeroSlopeAtStart = true; // for smooth interpolation w/o separate this.zeroSlopeAtEnd = true; // clips for start, loop and end } // State & Scheduling var _proto = AnimationAction.prototype; _proto.play = function play() { this._mixer._activateAction(this); return this; }; _proto.stop = function stop() { this._mixer._deactivateAction(this); return this.reset(); }; _proto.reset = function reset() { this.paused = false; this.enabled = true; this.time = 0; // restart clip this._loopCount = -1; // forget previous loops this._startTime = null; // forget scheduling return this.stopFading().stopWarping(); }; _proto.isRunning = function isRunning() { return this.enabled && !this.paused && this.timeScale !== 0 && this._startTime === null && this._mixer._isActiveAction(this); } // return true when play has been called ; _proto.isScheduled = function isScheduled() { return this._mixer._isActiveAction(this); }; _proto.startAt = function startAt(time) { this._startTime = time; return this; }; _proto.setLoop = function setLoop(mode, repetitions) { this.loop = mode; this.repetitions = repetitions; return this; } // Weight // set the weight stopping any scheduled fading // although .enabled = false yields an effective weight of zero, this // method does *not* change .enabled, because it would be confusing ; _proto.setEffectiveWeight = function setEffectiveWeight(weight) { this.weight = weight; // note: same logic as when updated at runtime this._effectiveWeight = this.enabled ? weight : 0; return this.stopFading(); } // return the weight considering fading and .enabled ; _proto.getEffectiveWeight = function getEffectiveWeight() { return this._effectiveWeight; }; _proto.fadeIn = function fadeIn(duration) { return this._scheduleFading(duration, 0, 1); }; _proto.fadeOut = function fadeOut(duration) { return this._scheduleFading(duration, 1, 0); }; _proto.crossFadeFrom = function crossFadeFrom(fadeOutAction, duration, warp) { fadeOutAction.fadeOut(duration); this.fadeIn(duration); if (warp) { var fadeInDuration = this._clip.duration, fadeOutDuration = fadeOutAction._clip.duration, startEndRatio = fadeOutDuration / fadeInDuration, endStartRatio = fadeInDuration / fadeOutDuration; fadeOutAction.warp(1.0, startEndRatio, duration); this.warp(endStartRatio, 1.0, duration); } return this; }; _proto.crossFadeTo = function crossFadeTo(fadeInAction, duration, warp) { return fadeInAction.crossFadeFrom(this, duration, warp); }; _proto.stopFading = function stopFading() { var weightInterpolant = this._weightInterpolant; if (weightInterpolant !== null) { this._weightInterpolant = null; this._mixer._takeBackControlInterpolant(weightInterpolant); } return this; } // Time Scale Control // set the time scale stopping any scheduled warping // although .paused = true yields an effective time scale of zero, this // method does *not* change .paused, because it would be confusing ; _proto.setEffectiveTimeScale = function setEffectiveTimeScale(timeScale) { this.timeScale = timeScale; this._effectiveTimeScale = this.paused ? 0 : timeScale; return this.stopWarping(); } // return the time scale considering warping and .paused ; _proto.getEffectiveTimeScale = function getEffectiveTimeScale() { return this._effectiveTimeScale; }; _proto.setDuration = function setDuration(duration) { this.timeScale = this._clip.duration / duration; return this.stopWarping(); }; _proto.syncWith = function syncWith(action) { this.time = action.time; this.timeScale = action.timeScale; return this.stopWarping(); }; _proto.halt = function halt(duration) { return this.warp(this._effectiveTimeScale, 0, duration); }; _proto.warp = function warp(startTimeScale, endTimeScale, duration) { var mixer = this._mixer, now = mixer.time, timeScale = this.timeScale; var interpolant = this._timeScaleInterpolant; if (interpolant === null) { interpolant = mixer._lendControlInterpolant(); this._timeScaleInterpolant = interpolant; } var times = interpolant.parameterPositions, values = interpolant.sampleValues; times[0] = now; times[1] = now + duration; values[0] = startTimeScale / timeScale; values[1] = endTimeScale / timeScale; return this; }; _proto.stopWarping = function stopWarping() { var timeScaleInterpolant = this._timeScaleInterpolant; if (timeScaleInterpolant !== null) { this._timeScaleInterpolant = null; this._mixer._takeBackControlInterpolant(timeScaleInterpolant); } return this; } // Object Accessors ; _proto.getMixer = function getMixer() { return this._mixer; }; _proto.getClip = function getClip() { return this._clip; }; _proto.getRoot = function getRoot() { return this._localRoot || this._mixer._root; } // Interna ; _proto._update = function _update(time, deltaTime, timeDirection, accuIndex) { // called by the mixer if (!this.enabled) { // call ._updateWeight() to update ._effectiveWeight this._updateWeight(time); return; } var startTime = this._startTime; if (startTime !== null) { // check for scheduled start of action var timeRunning = (time - startTime) * timeDirection; if (timeRunning < 0 || timeDirection === 0) { return; // yet to come / don't decide when delta = 0 } // start this._startTime = null; // unschedule deltaTime = timeDirection * timeRunning; } // apply time scale and advance time deltaTime *= this._updateTimeScale(time); var clipTime = this._updateTime(deltaTime); // note: _updateTime may disable the action resulting in // an effective weight of 0 var weight = this._updateWeight(time); if (weight > 0) { var _interpolants = this._interpolants; var propertyMixers = this._propertyBindings; switch (this.blendMode) { case AdditiveAnimationBlendMode: for (var j = 0, m = _interpolants.length; j !== m; ++j) { _interpolants[j].evaluate(clipTime); propertyMixers[j].accumulateAdditive(weight); } break; case NormalAnimationBlendMode: default: for (var _j = 0, _m = _interpolants.length; _j !== _m; ++_j) { _interpolants[_j].evaluate(clipTime); propertyMixers[_j].accumulate(accuIndex, weight); } } } }; _proto._updateWeight = function _updateWeight(time) { var weight = 0; if (this.enabled) { weight = this.weight; var interpolant = this._weightInterpolant; if (interpolant !== null) { var interpolantValue = interpolant.evaluate(time)[0]; weight *= interpolantValue; if (time > interpolant.parameterPositions[1]) { this.stopFading(); if (interpolantValue === 0) { // faded out, disable this.enabled = false; } } } } this._effectiveWeight = weight; return weight; }; _proto._updateTimeScale = function _updateTimeScale(time) { var timeScale = 0; if (!this.paused) { timeScale = this.timeScale; var interpolant = this._timeScaleInterpolant; if (interpolant !== null) { var interpolantValue = interpolant.evaluate(time)[0]; timeScale *= interpolantValue; if (time > interpolant.parameterPositions[1]) { this.stopWarping(); if (timeScale === 0) { // motion has halted, pause this.paused = true; } else { // warp done - apply final time scale this.timeScale = timeScale; } } } } this._effectiveTimeScale = timeScale; return timeScale; }; _proto._updateTime = function _updateTime(deltaTime) { var duration = this._clip.duration; var loop = this.loop; var time = this.time + deltaTime; var loopCount = this._loopCount; var pingPong = loop === LoopPingPong; if (deltaTime === 0) { if (loopCount === -1) return time; return pingPong && (loopCount & 1) === 1 ? duration - time : time; } if (loop === LoopOnce) { if (loopCount === -1) { // just started this._loopCount = 0; this._setEndings(true, true, false); } handle_stop: { if (time >= duration) { time = duration; } else if (time < 0) { time = 0; } else { this.time = time; break handle_stop; } if (this.clampWhenFinished) this.paused = true;else this.enabled = false; this.time = time; this._mixer.dispatchEvent({ type: 'finished', action: this, direction: deltaTime < 0 ? -1 : 1 }); } } else { // repetitive Repeat or PingPong if (loopCount === -1) { // just started if (deltaTime >= 0) { loopCount = 0; this._setEndings(true, this.repetitions === 0, pingPong); } else { // when looping in reverse direction, the initial // transition through zero counts as a repetition, // so leave loopCount at -1 this._setEndings(this.repetitions === 0, true, pingPong); } } if (time >= duration || time < 0) { // wrap around var loopDelta = Math.floor(time / duration); // signed time -= duration * loopDelta; loopCount += Math.abs(loopDelta); var pending = this.repetitions - loopCount; if (pending <= 0) { // have to stop (switch state, clamp time, fire event) if (this.clampWhenFinished) this.paused = true;else this.enabled = false; time = deltaTime > 0 ? duration : 0; this.time = time; this._mixer.dispatchEvent({ type: 'finished', action: this, direction: deltaTime > 0 ? 1 : -1 }); } else { // keep running if (pending === 1) { // entering the last round var atStart = deltaTime < 0; this._setEndings(atStart, !atStart, pingPong); } else { this._setEndings(false, false, pingPong); } this._loopCount = loopCount; this.time = time; this._mixer.dispatchEvent({ type: 'loop', action: this, loopDelta: loopDelta }); } } else { this.time = time; } if (pingPong && (loopCount & 1) === 1) { // invert time for the "pong round" return duration - time; } } return time; }; _proto._setEndings = function _setEndings(atStart, atEnd, pingPong) { var settings = this._interpolantSettings; if (pingPong) { settings.endingStart = ZeroSlopeEnding; settings.endingEnd = ZeroSlopeEnding; } else { // assuming for LoopOnce atStart == atEnd == true if (atStart) { settings.endingStart = this.zeroSlopeAtStart ? ZeroSlopeEnding : ZeroCurvatureEnding; } else { settings.endingStart = WrapAroundEnding; } if (atEnd) { settings.endingEnd = this.zeroSlopeAtEnd ? ZeroSlopeEnding : ZeroCurvatureEnding; } else { settings.endingEnd = WrapAroundEnding; } } }; _proto._scheduleFading = function _scheduleFading(duration, weightNow, weightThen) { var mixer = this._mixer, now = mixer.time; var interpolant = this._weightInterpolant; if (interpolant === null) { interpolant = mixer._lendControlInterpolant(); this._weightInterpolant = interpolant; } var times = interpolant.parameterPositions, values = interpolant.sampleValues; times[0] = now; values[0] = weightNow; times[1] = now + duration; values[1] = weightThen; return this; }; return AnimationAction; }(); function AnimationMixer(root) { this._root = root; this._initMemoryManager(); this._accuIndex = 0; this.time = 0; this.timeScale = 1.0; } AnimationMixer.prototype = Object.assign(Object.create(EventDispatcher.prototype), { constructor: AnimationMixer, _bindAction: function _bindAction(action, prototypeAction) { var root = action._localRoot || this._root, tracks = action._clip.tracks, nTracks = tracks.length, bindings = action._propertyBindings, interpolants = action._interpolants, rootUuid = root.uuid, bindingsByRoot = this._bindingsByRootAndName; var bindingsByName = bindingsByRoot[rootUuid]; if (bindingsByName === undefined) { bindingsByName = {}; bindingsByRoot[rootUuid] = bindingsByName; } for (var i = 0; i !== nTracks; ++i) { var track = tracks[i], trackName = track.name; var binding = bindingsByName[trackName]; if (binding !== undefined) { bindings[i] = binding; } else { binding = bindings[i]; if (binding !== undefined) { // existing binding, make sure the cache knows if (binding._cacheIndex === null) { ++binding.referenceCount; this._addInactiveBinding(binding, rootUuid, trackName); } continue; } var path = prototypeAction && prototypeAction._propertyBindings[i].binding.parsedPath; binding = new PropertyMixer(PropertyBinding.create(root, trackName, path), track.ValueTypeName, track.getValueSize()); ++binding.referenceCount; this._addInactiveBinding(binding, rootUuid, trackName); bindings[i] = binding; } interpolants[i].resultBuffer = binding.buffer; } }, _activateAction: function _activateAction(action) { if (!this._isActiveAction(action)) { if (action._cacheIndex === null) { // this action has been forgotten by the cache, but the user // appears to be still using it -> rebind var rootUuid = (action._localRoot || this._root).uuid, clipUuid = action._clip.uuid, actionsForClip = this._actionsByClip[clipUuid]; this._bindAction(action, actionsForClip && actionsForClip.knownActions[0]); this._addInactiveAction(action, clipUuid, rootUuid); } var bindings = action._propertyBindings; // increment reference counts / sort out state for (var i = 0, n = bindings.length; i !== n; ++i) { var binding = bindings[i]; if (binding.useCount++ === 0) { this._lendBinding(binding); binding.saveOriginalState(); } } this._lendAction(action); } }, _deactivateAction: function _deactivateAction(action) { if (this._isActiveAction(action)) { var bindings = action._propertyBindings; // decrement reference counts / sort out state for (var i = 0, n = bindings.length; i !== n; ++i) { var binding = bindings[i]; if (--binding.useCount === 0) { binding.restoreOriginalState(); this._takeBackBinding(binding); } } this._takeBackAction(action); } }, // Memory manager _initMemoryManager: function _initMemoryManager() { this._actions = []; // 'nActiveActions' followed by inactive ones this._nActiveActions = 0; this._actionsByClip = {}; // inside: // { // knownActions: Array< AnimationAction > - used as prototypes // actionByRoot: AnimationAction - lookup // } this._bindings = []; // 'nActiveBindings' followed by inactive ones this._nActiveBindings = 0; this._bindingsByRootAndName = {}; // inside: Map< name, PropertyMixer > this._controlInterpolants = []; // same game as above this._nActiveControlInterpolants = 0; var scope = this; this.stats = { actions: { get total() { return scope._actions.length; }, get inUse() { return scope._nActiveActions; } }, bindings: { get total() { return scope._bindings.length; }, get inUse() { return scope._nActiveBindings; } }, controlInterpolants: { get total() { return scope._controlInterpolants.length; }, get inUse() { return scope._nActiveControlInterpolants; } } }; }, // Memory management for AnimationAction objects _isActiveAction: function _isActiveAction(action) { var index = action._cacheIndex; return index !== null && index < this._nActiveActions; }, _addInactiveAction: function _addInactiveAction(action, clipUuid, rootUuid) { var actions = this._actions, actionsByClip = this._actionsByClip; var actionsForClip = actionsByClip[clipUuid]; if (actionsForClip === undefined) { actionsForClip = { knownActions: [action], actionByRoot: {} }; action._byClipCacheIndex = 0; actionsByClip[clipUuid] = actionsForClip; } else { var knownActions = actionsForClip.knownActions; action._byClipCacheIndex = knownActions.length; knownActions.push(action); } action._cacheIndex = actions.length; actions.push(action); actionsForClip.actionByRoot[rootUuid] = action; }, _removeInactiveAction: function _removeInactiveAction(action) { var actions = this._actions, lastInactiveAction = actions[actions.length - 1], cacheIndex = action._cacheIndex; lastInactiveAction._cacheIndex = cacheIndex; actions[cacheIndex] = lastInactiveAction; actions.pop(); action._cacheIndex = null; var clipUuid = action._clip.uuid, actionsByClip = this._actionsByClip, actionsForClip = actionsByClip[clipUuid], knownActionsForClip = actionsForClip.knownActions, lastKnownAction = knownActionsForClip[knownActionsForClip.length - 1], byClipCacheIndex = action._byClipCacheIndex; lastKnownAction._byClipCacheIndex = byClipCacheIndex; knownActionsForClip[byClipCacheIndex] = lastKnownAction; knownActionsForClip.pop(); action._byClipCacheIndex = null; var actionByRoot = actionsForClip.actionByRoot, rootUuid = (action._localRoot || this._root).uuid; delete actionByRoot[rootUuid]; if (knownActionsForClip.length === 0) { delete actionsByClip[clipUuid]; } this._removeInactiveBindingsForAction(action); }, _removeInactiveBindingsForAction: function _removeInactiveBindingsForAction(action) { var bindings = action._propertyBindings; for (var i = 0, n = bindings.length; i !== n; ++i) { var binding = bindings[i]; if (--binding.referenceCount === 0) { this._removeInactiveBinding(binding); } } }, _lendAction: function _lendAction(action) { // [ active actions | inactive actions ] // [ active actions >| inactive actions ] // s a // <-swap-> // a s var actions = this._actions, prevIndex = action._cacheIndex, lastActiveIndex = this._nActiveActions++, firstInactiveAction = actions[lastActiveIndex]; action._cacheIndex = lastActiveIndex; actions[lastActiveIndex] = action; firstInactiveAction._cacheIndex = prevIndex; actions[prevIndex] = firstInactiveAction; }, _takeBackAction: function _takeBackAction(action) { // [ active actions | inactive actions ] // [ active actions |< inactive actions ] // a s // <-swap-> // s a var actions = this._actions, prevIndex = action._cacheIndex, firstInactiveIndex = --this._nActiveActions, lastActiveAction = actions[firstInactiveIndex]; action._cacheIndex = firstInactiveIndex; actions[firstInactiveIndex] = action; lastActiveAction._cacheIndex = prevIndex; actions[prevIndex] = lastActiveAction; }, // Memory management for PropertyMixer objects _addInactiveBinding: function _addInactiveBinding(binding, rootUuid, trackName) { var bindingsByRoot = this._bindingsByRootAndName, bindings = this._bindings; var bindingByName = bindingsByRoot[rootUuid]; if (bindingByName === undefined) { bindingByName = {}; bindingsByRoot[rootUuid] = bindingByName; } bindingByName[trackName] = binding; binding._cacheIndex = bindings.length; bindings.push(binding); }, _removeInactiveBinding: function _removeInactiveBinding(binding) { var bindings = this._bindings, propBinding = binding.binding, rootUuid = propBinding.rootNode.uuid, trackName = propBinding.path, bindingsByRoot = this._bindingsByRootAndName, bindingByName = bindingsByRoot[rootUuid], lastInactiveBinding = bindings[bindings.length - 1], cacheIndex = binding._cacheIndex; lastInactiveBinding._cacheIndex = cacheIndex; bindings[cacheIndex] = lastInactiveBinding; bindings.pop(); delete bindingByName[trackName]; if (Object.keys(bindingByName).length === 0) { delete bindingsByRoot[rootUuid]; } }, _lendBinding: function _lendBinding(binding) { var bindings = this._bindings, prevIndex = binding._cacheIndex, lastActiveIndex = this._nActiveBindings++, firstInactiveBinding = bindings[lastActiveIndex]; binding._cacheIndex = lastActiveIndex; bindings[lastActiveIndex] = binding; firstInactiveBinding._cacheIndex = prevIndex; bindings[prevIndex] = firstInactiveBinding; }, _takeBackBinding: function _takeBackBinding(binding) { var bindings = this._bindings, prevIndex = binding._cacheIndex, firstInactiveIndex = --this._nActiveBindings, lastActiveBinding = bindings[firstInactiveIndex]; binding._cacheIndex = firstInactiveIndex; bindings[firstInactiveIndex] = binding; lastActiveBinding._cacheIndex = prevIndex; bindings[prevIndex] = lastActiveBinding; }, // Memory management of Interpolants for weight and time scale _lendControlInterpolant: function _lendControlInterpolant() { var interpolants = this._controlInterpolants, lastActiveIndex = this._nActiveControlInterpolants++; var interpolant = interpolants[lastActiveIndex]; if (interpolant === undefined) { interpolant = new LinearInterpolant(new Float32Array(2), new Float32Array(2), 1, this._controlInterpolantsResultBuffer); interpolant.__cacheIndex = lastActiveIndex; interpolants[lastActiveIndex] = interpolant; } return interpolant; }, _takeBackControlInterpolant: function _takeBackControlInterpolant(interpolant) { var interpolants = this._controlInterpolants, prevIndex = interpolant.__cacheIndex, firstInactiveIndex = --this._nActiveControlInterpolants, lastActiveInterpolant = interpolants[firstInactiveIndex]; interpolant.__cacheIndex = firstInactiveIndex; interpolants[firstInactiveIndex] = interpolant; lastActiveInterpolant.__cacheIndex = prevIndex; interpolants[prevIndex] = lastActiveInterpolant; }, _controlInterpolantsResultBuffer: new Float32Array(1), // return an action for a clip optionally using a custom root target // object (this method allocates a lot of dynamic memory in case a // previously unknown clip/root combination is specified) clipAction: function clipAction(clip, optionalRoot, blendMode) { var root = optionalRoot || this._root, rootUuid = root.uuid; var clipObject = typeof clip === 'string' ? AnimationClip.findByName(root, clip) : clip; var clipUuid = clipObject !== null ? clipObject.uuid : clip; var actionsForClip = this._actionsByClip[clipUuid]; var prototypeAction = null; if (blendMode === undefined) { if (clipObject !== null) { blendMode = clipObject.blendMode; } else { blendMode = NormalAnimationBlendMode; } } if (actionsForClip !== undefined) { var existingAction = actionsForClip.actionByRoot[rootUuid]; if (existingAction !== undefined && existingAction.blendMode === blendMode) { return existingAction; } // we know the clip, so we don't have to parse all // the bindings again but can just copy prototypeAction = actionsForClip.knownActions[0]; // also, take the clip from the prototype action if (clipObject === null) clipObject = prototypeAction._clip; } // clip must be known when specified via string if (clipObject === null) return null; // allocate all resources required to run it var newAction = new AnimationAction(this, clipObject, optionalRoot, blendMode); this._bindAction(newAction, prototypeAction); // and make the action known to the memory manager this._addInactiveAction(newAction, clipUuid, rootUuid); return newAction; }, // get an existing action existingAction: function existingAction(clip, optionalRoot) { var root = optionalRoot || this._root, rootUuid = root.uuid, clipObject = typeof clip === 'string' ? AnimationClip.findByName(root, clip) : clip, clipUuid = clipObject ? clipObject.uuid : clip, actionsForClip = this._actionsByClip[clipUuid]; if (actionsForClip !== undefined) { return actionsForClip.actionByRoot[rootUuid] || null; } return null; }, // deactivates all previously scheduled actions stopAllAction: function stopAllAction() { var actions = this._actions, nActions = this._nActiveActions; for (var i = nActions - 1; i >= 0; --i) { actions[i].stop(); } return this; }, // advance the time and update apply the animation update: function update(deltaTime) { deltaTime *= this.timeScale; var actions = this._actions, nActions = this._nActiveActions, time = this.time += deltaTime, timeDirection = Math.sign(deltaTime), accuIndex = this._accuIndex ^= 1; // run active actions for (var i = 0; i !== nActions; ++i) { var action = actions[i]; action._update(time, deltaTime, timeDirection, accuIndex); } // update scene graph var bindings = this._bindings, nBindings = this._nActiveBindings; for (var _i = 0; _i !== nBindings; ++_i) { bindings[_i].apply(accuIndex); } return this; }, // Allows you to seek to a specific time in an animation. setTime: function setTime(timeInSeconds) { this.time = 0; // Zero out time attribute for AnimationMixer object; for (var i = 0; i < this._actions.length; i++) { this._actions[i].time = 0; // Zero out time attribute for all associated AnimationAction objects. } return this.update(timeInSeconds); // Update used to set exact time. Returns "this" AnimationMixer object. }, // return this mixer's root target object getRoot: function getRoot() { return this._root; }, // free all resources specific to a particular clip uncacheClip: function uncacheClip(clip) { var actions = this._actions, clipUuid = clip.uuid, actionsByClip = this._actionsByClip, actionsForClip = actionsByClip[clipUuid]; if (actionsForClip !== undefined) { // note: just calling _removeInactiveAction would mess up the // iteration state and also require updating the state we can // just throw away var actionsToRemove = actionsForClip.knownActions; for (var i = 0, n = actionsToRemove.length; i !== n; ++i) { var action = actionsToRemove[i]; this._deactivateAction(action); var cacheIndex = action._cacheIndex, lastInactiveAction = actions[actions.length - 1]; action._cacheIndex = null; action._byClipCacheIndex = null; lastInactiveAction._cacheIndex = cacheIndex; actions[cacheIndex] = lastInactiveAction; actions.pop(); this._removeInactiveBindingsForAction(action); } delete actionsByClip[clipUuid]; } }, // free all resources specific to a particular root target object uncacheRoot: function uncacheRoot(root) { var rootUuid = root.uuid, actionsByClip = this._actionsByClip; for (var clipUuid in actionsByClip) { var actionByRoot = actionsByClip[clipUuid].actionByRoot, action = actionByRoot[rootUuid]; if (action !== undefined) { this._deactivateAction(action); this._removeInactiveAction(action); } } var bindingsByRoot = this._bindingsByRootAndName, bindingByName = bindingsByRoot[rootUuid]; if (bindingByName !== undefined) { for (var trackName in bindingByName) { var binding = bindingByName[trackName]; binding.restoreOriginalState(); this._removeInactiveBinding(binding); } } }, // remove a targeted clip from the cache uncacheAction: function uncacheAction(clip, optionalRoot) { var action = this.existingAction(clip, optionalRoot); if (action !== null) { this._deactivateAction(action); this._removeInactiveAction(action); } } }); var Uniform = /*#__PURE__*/function () { function Uniform(value) { if (typeof value === 'string') { console.warn('THREE.Uniform: Type parameter is no longer needed.'); value = arguments[1]; } this.value = value; } var _proto = Uniform.prototype; _proto.clone = function clone() { return new Uniform(this.value.clone === undefined ? this.value : this.value.clone()); }; return Uniform; }(); function InstancedInterleavedBuffer(array, stride, meshPerAttribute) { InterleavedBuffer.call(this, array, stride); this.meshPerAttribute = meshPerAttribute || 1; } InstancedInterleavedBuffer.prototype = Object.assign(Object.create(InterleavedBuffer.prototype), { constructor: InstancedInterleavedBuffer, isInstancedInterleavedBuffer: true, copy: function copy(source) { InterleavedBuffer.prototype.copy.call(this, source); this.meshPerAttribute = source.meshPerAttribute; return this; }, clone: function clone(data) { var ib = InterleavedBuffer.prototype.clone.call(this, data); ib.meshPerAttribute = this.meshPerAttribute; return ib; }, toJSON: function toJSON(data) { var json = InterleavedBuffer.prototype.toJSON.call(this, data); json.isInstancedInterleavedBuffer = true; json.meshPerAttribute = this.meshPerAttribute; return json; } }); function GLBufferAttribute(buffer, type, itemSize, elementSize, count) { this.buffer = buffer; this.type = type; this.itemSize = itemSize; this.elementSize = elementSize; this.count = count; this.version = 0; } Object.defineProperty(GLBufferAttribute.prototype, 'needsUpdate', { set: function set(value) { if (value === true) this.version++; } }); Object.assign(GLBufferAttribute.prototype, { isGLBufferAttribute: true, setBuffer: function setBuffer(buffer) { this.buffer = buffer; return this; }, setType: function setType(type, elementSize) { this.type = type; this.elementSize = elementSize; return this; }, setItemSize: function setItemSize(itemSize) { this.itemSize = itemSize; return this; }, setCount: function setCount(count) { this.count = count; return this; } }); function Raycaster(origin, direction, near, far) { this.ray = new Ray(origin, direction); // direction is assumed to be normalized (for accurate distance calculations) this.near = near || 0; this.far = far || Infinity; this.camera = null; this.layers = new Layers(); this.params = { Mesh: {}, Line: { threshold: 1 }, LOD: {}, Points: { threshold: 1 }, Sprite: {} }; Object.defineProperties(this.params, { PointCloud: { get: function get() { console.warn('THREE.Raycaster: params.PointCloud has been renamed to params.Points.'); return this.Points; } } }); } function ascSort(a, b) { return a.distance - b.distance; } function _intersectObject(object, raycaster, intersects, recursive) { if (object.layers.test(raycaster.layers)) { object.raycast(raycaster, intersects); } if (recursive === true) { var children = object.children; for (var i = 0, l = children.length; i < l; i++) { _intersectObject(children[i], raycaster, intersects, true); } } } Object.assign(Raycaster.prototype, { set: function set(origin, direction) { // direction is assumed to be normalized (for accurate distance calculations) this.ray.set(origin, direction); }, setFromCamera: function setFromCamera(coords, camera) { if (camera && camera.isPerspectiveCamera) { this.ray.origin.setFromMatrixPosition(camera.matrixWorld); this.ray.direction.set(coords.x, coords.y, 0.5).unproject(camera).sub(this.ray.origin).normalize(); this.camera = camera; } else if (camera && camera.isOrthographicCamera) { this.ray.origin.set(coords.x, coords.y, (camera.near + camera.far) / (camera.near - camera.far)).unproject(camera); // set origin in plane of camera this.ray.direction.set(0, 0, -1).transformDirection(camera.matrixWorld); this.camera = camera; } else { console.error('THREE.Raycaster: Unsupported camera type: ' + camera.type); } }, intersectObject: function intersectObject(object, recursive, optionalTarget) { var intersects = optionalTarget || []; _intersectObject(object, this, intersects, recursive); intersects.sort(ascSort); return intersects; }, intersectObjects: function intersectObjects(objects, recursive, optionalTarget) { var intersects = optionalTarget || []; if (Array.isArray(objects) === false) { console.warn('THREE.Raycaster.intersectObjects: objects is not an Array.'); return intersects; } for (var i = 0, l = objects.length; i < l; i++) { _intersectObject(objects[i], this, intersects, recursive); } intersects.sort(ascSort); return intersects; } }); /** * Ref: https://en.wikipedia.org/wiki/Spherical_coordinate_system * * The polar angle (phi) is measured from the positive y-axis. The positive y-axis is up. * The azimuthal angle (theta) is measured from the positive z-axis. */ var Spherical = /*#__PURE__*/function () { function Spherical(radius, phi, theta) { if (radius === void 0) { radius = 1; } if (phi === void 0) { phi = 0; } if (theta === void 0) { theta = 0; } this.radius = radius; this.phi = phi; // polar angle this.theta = theta; // azimuthal angle return this; } var _proto = Spherical.prototype; _proto.set = function set(radius, phi, theta) { this.radius = radius; this.phi = phi; this.theta = theta; return this; }; _proto.clone = function clone() { return new this.constructor().copy(this); }; _proto.copy = function copy(other) { this.radius = other.radius; this.phi = other.phi; this.theta = other.theta; return this; } // restrict phi to be betwee EPS and PI-EPS ; _proto.makeSafe = function makeSafe() { var EPS = 0.000001; this.phi = Math.max(EPS, Math.min(Math.PI - EPS, this.phi)); return this; }; _proto.setFromVector3 = function setFromVector3(v) { return this.setFromCartesianCoords(v.x, v.y, v.z); }; _proto.setFromCartesianCoords = function setFromCartesianCoords(x, y, z) { this.radius = Math.sqrt(x * x + y * y + z * z); if (this.radius === 0) { this.theta = 0; this.phi = 0; } else { this.theta = Math.atan2(x, z); this.phi = Math.acos(MathUtils.clamp(y / this.radius, -1, 1)); } return this; }; return Spherical; }(); /** * Ref: https://en.wikipedia.org/wiki/Cylindrical_coordinate_system */ var Cylindrical = /*#__PURE__*/function () { function Cylindrical(radius, theta, y) { this.radius = radius !== undefined ? radius : 1.0; // distance from the origin to a point in the x-z plane this.theta = theta !== undefined ? theta : 0; // counterclockwise angle in the x-z plane measured in radians from the positive z-axis this.y = y !== undefined ? y : 0; // height above the x-z plane return this; } var _proto = Cylindrical.prototype; _proto.set = function set(radius, theta, y) { this.radius = radius; this.theta = theta; this.y = y; return this; }; _proto.clone = function clone() { return new this.constructor().copy(this); }; _proto.copy = function copy(other) { this.radius = other.radius; this.theta = other.theta; this.y = other.y; return this; }; _proto.setFromVector3 = function setFromVector3(v) { return this.setFromCartesianCoords(v.x, v.y, v.z); }; _proto.setFromCartesianCoords = function setFromCartesianCoords(x, y, z) { this.radius = Math.sqrt(x * x + z * z); this.theta = Math.atan2(x, z); this.y = y; return this; }; return Cylindrical; }(); var _vector$8 = /*@__PURE__*/new Vector2(); var Box2 = /*#__PURE__*/function () { function Box2(min, max) { Object.defineProperty(this, 'isBox2', { value: true }); this.min = min !== undefined ? min : new Vector2(+Infinity, +Infinity); this.max = max !== undefined ? max : new Vector2(-Infinity, -Infinity); } var _proto = Box2.prototype; _proto.set = function set(min, max) { this.min.copy(min); this.max.copy(max); return this; }; _proto.setFromPoints = function setFromPoints(points) { this.makeEmpty(); for (var i = 0, il = points.length; i < il; i++) { this.expandByPoint(points[i]); } return this; }; _proto.setFromCenterAndSize = function setFromCenterAndSize(center, size) { var halfSize = _vector$8.copy(size).multiplyScalar(0.5); this.min.copy(center).sub(halfSize); this.max.copy(center).add(halfSize); return this; }; _proto.clone = function clone() { return new this.constructor().copy(this); }; _proto.copy = function copy(box) { this.min.copy(box.min); this.max.copy(box.max); return this; }; _proto.makeEmpty = function makeEmpty() { this.min.x = this.min.y = +Infinity; this.max.x = this.max.y = -Infinity; return this; }; _proto.isEmpty = function isEmpty() { // this is a more robust check for empty than ( volume <= 0 ) because volume can get positive with two negative axes return this.max.x < this.min.x || this.max.y < this.min.y; }; _proto.getCenter = function getCenter(target) { if (target === undefined) { console.warn('THREE.Box2: .getCenter() target is now required'); target = new Vector2(); } return this.isEmpty() ? target.set(0, 0) : target.addVectors(this.min, this.max).multiplyScalar(0.5); }; _proto.getSize = function getSize(target) { if (target === undefined) { console.warn('THREE.Box2: .getSize() target is now required'); target = new Vector2(); } return this.isEmpty() ? target.set(0, 0) : target.subVectors(this.max, this.min); }; _proto.expandByPoint = function expandByPoint(point) { this.min.min(point); this.max.max(point); return this; }; _proto.expandByVector = function expandByVector(vector) { this.min.sub(vector); this.max.add(vector); return this; }; _proto.expandByScalar = function expandByScalar(scalar) { this.min.addScalar(-scalar); this.max.addScalar(scalar); return this; }; _proto.containsPoint = function containsPoint(point) { return point.x < this.min.x || point.x > this.max.x || point.y < this.min.y || point.y > this.max.y ? false : true; }; _proto.containsBox = function containsBox(box) { return this.min.x <= box.min.x && box.max.x <= this.max.x && this.min.y <= box.min.y && box.max.y <= this.max.y; }; _proto.getParameter = function getParameter(point, target) { // This can potentially have a divide by zero if the box // has a size dimension of 0. if (target === undefined) { console.warn('THREE.Box2: .getParameter() target is now required'); target = new Vector2(); } return target.set((point.x - this.min.x) / (this.max.x - this.min.x), (point.y - this.min.y) / (this.max.y - this.min.y)); }; _proto.intersectsBox = function intersectsBox(box) { // using 4 splitting planes to rule out intersections return box.max.x < this.min.x || box.min.x > this.max.x || box.max.y < this.min.y || box.min.y > this.max.y ? false : true; }; _proto.clampPoint = function clampPoint(point, target) { if (target === undefined) { console.warn('THREE.Box2: .clampPoint() target is now required'); target = new Vector2(); } return target.copy(point).clamp(this.min, this.max); }; _proto.distanceToPoint = function distanceToPoint(point) { var clampedPoint = _vector$8.copy(point).clamp(this.min, this.max); return clampedPoint.sub(point).length(); }; _proto.intersect = function intersect(box) { this.min.max(box.min); this.max.min(box.max); return this; }; _proto.union = function union(box) { this.min.min(box.min); this.max.max(box.max); return this; }; _proto.translate = function translate(offset) { this.min.add(offset); this.max.add(offset); return this; }; _proto.equals = function equals(box) { return box.min.equals(this.min) && box.max.equals(this.max); }; return Box2; }(); var _startP = /*@__PURE__*/new Vector3(); var _startEnd = /*@__PURE__*/new Vector3(); var Line3 = /*#__PURE__*/function () { function Line3(start, end) { this.start = start !== undefined ? start : new Vector3(); this.end = end !== undefined ? end : new Vector3(); } var _proto = Line3.prototype; _proto.set = function set(start, end) { this.start.copy(start); this.end.copy(end); return this; }; _proto.clone = function clone() { return new this.constructor().copy(this); }; _proto.copy = function copy(line) { this.start.copy(line.start); this.end.copy(line.end); return this; }; _proto.getCenter = function getCenter(target) { if (target === undefined) { console.warn('THREE.Line3: .getCenter() target is now required'); target = new Vector3(); } return target.addVectors(this.start, this.end).multiplyScalar(0.5); }; _proto.delta = function delta(target) { if (target === undefined) { console.warn('THREE.Line3: .delta() target is now required'); target = new Vector3(); } return target.subVectors(this.end, this.start); }; _proto.distanceSq = function distanceSq() { return this.start.distanceToSquared(this.end); }; _proto.distance = function distance() { return this.start.distanceTo(this.end); }; _proto.at = function at(t, target) { if (target === undefined) { console.warn('THREE.Line3: .at() target is now required'); target = new Vector3(); } return this.delta(target).multiplyScalar(t).add(this.start); }; _proto.closestPointToPointParameter = function closestPointToPointParameter(point, clampToLine) { _startP.subVectors(point, this.start); _startEnd.subVectors(this.end, this.start); var startEnd2 = _startEnd.dot(_startEnd); var startEnd_startP = _startEnd.dot(_startP); var t = startEnd_startP / startEnd2; if (clampToLine) { t = MathUtils.clamp(t, 0, 1); } return t; }; _proto.closestPointToPoint = function closestPointToPoint(point, clampToLine, target) { var t = this.closestPointToPointParameter(point, clampToLine); if (target === undefined) { console.warn('THREE.Line3: .closestPointToPoint() target is now required'); target = new Vector3(); } return this.delta(target).multiplyScalar(t).add(this.start); }; _proto.applyMatrix4 = function applyMatrix4(matrix) { this.start.applyMatrix4(matrix); this.end.applyMatrix4(matrix); return this; }; _proto.equals = function equals(line) { return line.start.equals(this.start) && line.end.equals(this.end); }; return Line3; }(); function ImmediateRenderObject(material) { Object3D.call(this); this.material = material; this.render = function () /* renderCallback */ {}; this.hasPositions = false; this.hasNormals = false; this.hasColors = false; this.hasUvs = false; this.positionArray = null; this.normalArray = null; this.colorArray = null; this.uvArray = null; this.count = 0; } ImmediateRenderObject.prototype = Object.create(Object3D.prototype); ImmediateRenderObject.prototype.constructor = ImmediateRenderObject; ImmediateRenderObject.prototype.isImmediateRenderObject = true; var _vector$9 = /*@__PURE__*/new Vector3(); var SpotLightHelper = /*#__PURE__*/function (_Object3D) { _inheritsLoose(SpotLightHelper, _Object3D); function SpotLightHelper(light, color) { var _this; _this = _Object3D.call(this) || this; _this.light = light; _this.light.updateMatrixWorld(); _this.matrix = light.matrixWorld; _this.matrixAutoUpdate = false; _this.color = color; var geometry = new BufferGeometry(); var positions = [0, 0, 0, 0, 0, 1, 0, 0, 0, 1, 0, 1, 0, 0, 0, -1, 0, 1, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, -1, 1]; for (var i = 0, j = 1, l = 32; i < l; i++, j++) { var p1 = i / l * Math.PI * 2; var p2 = j / l * Math.PI * 2; positions.push(Math.cos(p1), Math.sin(p1), 1, Math.cos(p2), Math.sin(p2), 1); } geometry.setAttribute('position', new Float32BufferAttribute(positions, 3)); var material = new LineBasicMaterial({ fog: false, toneMapped: false }); _this.cone = new LineSegments(geometry, material); _this.add(_this.cone); _this.update(); return _this; } var _proto = SpotLightHelper.prototype; _proto.dispose = function dispose() { this.cone.geometry.dispose(); this.cone.material.dispose(); }; _proto.update = function update() { this.light.updateMatrixWorld(); var coneLength = this.light.distance ? this.light.distance : 1000; var coneWidth = coneLength * Math.tan(this.light.angle); this.cone.scale.set(coneWidth, coneWidth, coneLength); _vector$9.setFromMatrixPosition(this.light.target.matrixWorld); this.cone.lookAt(_vector$9); if (this.color !== undefined) { this.cone.material.color.set(this.color); } else { this.cone.material.color.copy(this.light.color); } }; return SpotLightHelper; }(Object3D); var _vector$a = /*@__PURE__*/new Vector3(); var _boneMatrix = /*@__PURE__*/new Matrix4(); var _matrixWorldInv = /*@__PURE__*/new Matrix4(); var SkeletonHelper = /*#__PURE__*/function (_LineSegments) { _inheritsLoose(SkeletonHelper, _LineSegments); function SkeletonHelper(object) { var _this; var bones = getBoneList(object); var geometry = new BufferGeometry(); var vertices = []; var colors = []; var color1 = new Color(0, 0, 1); var color2 = new Color(0, 1, 0); for (var i = 0; i < bones.length; i++) { var bone = bones[i]; if (bone.parent && bone.parent.isBone) { vertices.push(0, 0, 0); vertices.push(0, 0, 0); colors.push(color1.r, color1.g, color1.b); colors.push(color2.r, color2.g, color2.b); } } geometry.setAttribute('position', new Float32BufferAttribute(vertices, 3)); geometry.setAttribute('color', new Float32BufferAttribute(colors, 3)); var material = new LineBasicMaterial({ vertexColors: true, depthTest: false, depthWrite: false, toneMapped: false, transparent: true }); _this = _LineSegments.call(this, geometry, material) || this; _this.type = 'SkeletonHelper'; _this.isSkeletonHelper = true; _this.root = object; _this.bones = bones; _this.matrix = object.matrixWorld; _this.matrixAutoUpdate = false; return _this; } var _proto = SkeletonHelper.prototype; _proto.updateMatrixWorld = function updateMatrixWorld(force) { var bones = this.bones; var geometry = this.geometry; var position = geometry.getAttribute('position'); _matrixWorldInv.copy(this.root.matrixWorld).invert(); for (var i = 0, j = 0; i < bones.length; i++) { var bone = bones[i]; if (bone.parent && bone.parent.isBone) { _boneMatrix.multiplyMatrices(_matrixWorldInv, bone.matrixWorld); _vector$a.setFromMatrixPosition(_boneMatrix); position.setXYZ(j, _vector$a.x, _vector$a.y, _vector$a.z); _boneMatrix.multiplyMatrices(_matrixWorldInv, bone.parent.matrixWorld); _vector$a.setFromMatrixPosition(_boneMatrix); position.setXYZ(j + 1, _vector$a.x, _vector$a.y, _vector$a.z); j += 2; } } geometry.getAttribute('position').needsUpdate = true; _LineSegments.prototype.updateMatrixWorld.call(this, force); }; return SkeletonHelper; }(LineSegments); function getBoneList(object) { var boneList = []; if (object && object.isBone) { boneList.push(object); } for (var i = 0; i < object.children.length; i++) { boneList.push.apply(boneList, getBoneList(object.children[i])); } return boneList; } var PointLightHelper = /*#__PURE__*/function (_Mesh) { _inheritsLoose(PointLightHelper, _Mesh); function PointLightHelper(light, sphereSize, color) { var _this; var geometry = new SphereGeometry(sphereSize, 4, 2); var material = new MeshBasicMaterial({ wireframe: true, fog: false, toneMapped: false }); _this = _Mesh.call(this, geometry, material) || this; _this.light = light; _this.light.updateMatrixWorld(); _this.color = color; _this.type = 'PointLightHelper'; _this.matrix = _this.light.matrixWorld; _this.matrixAutoUpdate = false; _this.update(); /* // TODO: delete this comment? const distanceGeometry = new THREE.IcosahedronBufferGeometry( 1, 2 ); const distanceMaterial = new THREE.MeshBasicMaterial( { color: hexColor, fog: false, wireframe: true, opacity: 0.1, transparent: true } ); this.lightSphere = new THREE.Mesh( bulbGeometry, bulbMaterial ); this.lightDistance = new THREE.Mesh( distanceGeometry, distanceMaterial ); const d = light.distance; if ( d === 0.0 ) { this.lightDistance.visible = false; } else { this.lightDistance.scale.set( d, d, d ); } this.add( this.lightDistance ); */ return _this; } var _proto = PointLightHelper.prototype; _proto.dispose = function dispose() { this.geometry.dispose(); this.material.dispose(); }; _proto.update = function update() { if (this.color !== undefined) { this.material.color.set(this.color); } else { this.material.color.copy(this.light.color); } /* const d = this.light.distance; if ( d === 0.0 ) { this.lightDistance.visible = false; } else { this.lightDistance.visible = true; this.lightDistance.scale.set( d, d, d ); } */ }; return PointLightHelper; }(Mesh); var _vector$b = /*@__PURE__*/new Vector3(); var _color1 = /*@__PURE__*/new Color(); var _color2 = /*@__PURE__*/new Color(); var HemisphereLightHelper = /*#__PURE__*/function (_Object3D) { _inheritsLoose(HemisphereLightHelper, _Object3D); function HemisphereLightHelper(light, size, color) { var _this; _this = _Object3D.call(this) || this; _this.light = light; _this.light.updateMatrixWorld(); _this.matrix = light.matrixWorld; _this.matrixAutoUpdate = false; _this.color = color; var geometry = new OctahedronGeometry(size); geometry.rotateY(Math.PI * 0.5); _this.material = new MeshBasicMaterial({ wireframe: true, fog: false, toneMapped: false }); if (_this.color === undefined) _this.material.vertexColors = true; var position = geometry.getAttribute('position'); var colors = new Float32Array(position.count * 3); geometry.setAttribute('color', new BufferAttribute(colors, 3)); _this.add(new Mesh(geometry, _this.material)); _this.update(); return _this; } var _proto = HemisphereLightHelper.prototype; _proto.dispose = function dispose() { this.children[0].geometry.dispose(); this.children[0].material.dispose(); }; _proto.update = function update() { var mesh = this.children[0]; if (this.color !== undefined) { this.material.color.set(this.color); } else { var colors = mesh.geometry.getAttribute('color'); _color1.copy(this.light.color); _color2.copy(this.light.groundColor); for (var i = 0, l = colors.count; i < l; i++) { var color = i < l / 2 ? _color1 : _color2; colors.setXYZ(i, color.r, color.g, color.b); } colors.needsUpdate = true; } mesh.lookAt(_vector$b.setFromMatrixPosition(this.light.matrixWorld).negate()); }; return HemisphereLightHelper; }(Object3D); var GridHelper = /*#__PURE__*/function (_LineSegments) { _inheritsLoose(GridHelper, _LineSegments); function GridHelper(size, divisions, color1, color2) { var _this; if (size === void 0) { size = 10; } if (divisions === void 0) { divisions = 10; } if (color1 === void 0) { color1 = 0x444444; } if (color2 === void 0) { color2 = 0x888888; } color1 = new Color(color1); color2 = new Color(color2); var center = divisions / 2; var step = size / divisions; var halfSize = size / 2; var vertices = [], colors = []; for (var i = 0, j = 0, k = -halfSize; i <= divisions; i++, k += step) { vertices.push(-halfSize, 0, k, halfSize, 0, k); vertices.push(k, 0, -halfSize, k, 0, halfSize); var color = i === center ? color1 : color2; color.toArray(colors, j); j += 3; color.toArray(colors, j); j += 3; color.toArray(colors, j); j += 3; color.toArray(colors, j); j += 3; } var geometry = new BufferGeometry(); geometry.setAttribute('position', new Float32BufferAttribute(vertices, 3)); geometry.setAttribute('color', new Float32BufferAttribute(colors, 3)); var material = new LineBasicMaterial({ vertexColors: true, toneMapped: false }); _this = _LineSegments.call(this, geometry, material) || this; _this.type = 'GridHelper'; return _this; } return GridHelper; }(LineSegments); var PolarGridHelper = /*#__PURE__*/function (_LineSegments) { _inheritsLoose(PolarGridHelper, _LineSegments); function PolarGridHelper(radius, radials, circles, divisions, color1, color2) { var _this; if (radius === void 0) { radius = 10; } if (radials === void 0) { radials = 16; } if (circles === void 0) { circles = 8; } if (divisions === void 0) { divisions = 64; } if (color1 === void 0) { color1 = 0x444444; } if (color2 === void 0) { color2 = 0x888888; } color1 = new Color(color1); color2 = new Color(color2); var vertices = []; var colors = []; // create the radials for (var i = 0; i <= radials; i++) { var v = i / radials * (Math.PI * 2); var x = Math.sin(v) * radius; var z = Math.cos(v) * radius; vertices.push(0, 0, 0); vertices.push(x, 0, z); var color = i & 1 ? color1 : color2; colors.push(color.r, color.g, color.b); colors.push(color.r, color.g, color.b); } // create the circles for (var _i = 0; _i <= circles; _i++) { var _color = _i & 1 ? color1 : color2; var r = radius - radius / circles * _i; for (var j = 0; j < divisions; j++) { // first vertex var _v = j / divisions * (Math.PI * 2); var _x = Math.sin(_v) * r; var _z = Math.cos(_v) * r; vertices.push(_x, 0, _z); colors.push(_color.r, _color.g, _color.b); // second vertex _v = (j + 1) / divisions * (Math.PI * 2); _x = Math.sin(_v) * r; _z = Math.cos(_v) * r; vertices.push(_x, 0, _z); colors.push(_color.r, _color.g, _color.b); } } var geometry = new BufferGeometry(); geometry.setAttribute('position', new Float32BufferAttribute(vertices, 3)); geometry.setAttribute('color', new Float32BufferAttribute(colors, 3)); var material = new LineBasicMaterial({ vertexColors: true, toneMapped: false }); _this = _LineSegments.call(this, geometry, material) || this; _this.type = 'PolarGridHelper'; return _this; } return PolarGridHelper; }(LineSegments); var _v1$6 = /*@__PURE__*/new Vector3(); var _v2$3 = /*@__PURE__*/new Vector3(); var _v3$1 = /*@__PURE__*/new Vector3(); var DirectionalLightHelper = /*#__PURE__*/function (_Object3D) { _inheritsLoose(DirectionalLightHelper, _Object3D); function DirectionalLightHelper(light, size, color) { var _this; _this = _Object3D.call(this) || this; _this.light = light; _this.light.updateMatrixWorld(); _this.matrix = light.matrixWorld; _this.matrixAutoUpdate = false; _this.color = color; if (size === undefined) size = 1; var geometry = new BufferGeometry(); geometry.setAttribute('position', new Float32BufferAttribute([-size, size, 0, size, size, 0, size, -size, 0, -size, -size, 0, -size, size, 0], 3)); var material = new LineBasicMaterial({ fog: false, toneMapped: false }); _this.lightPlane = new Line(geometry, material); _this.add(_this.lightPlane); geometry = new BufferGeometry(); geometry.setAttribute('position', new Float32BufferAttribute([0, 0, 0, 0, 0, 1], 3)); _this.targetLine = new Line(geometry, material); _this.add(_this.targetLine); _this.update(); return _this; } var _proto = DirectionalLightHelper.prototype; _proto.dispose = function dispose() { this.lightPlane.geometry.dispose(); this.lightPlane.material.dispose(); this.targetLine.geometry.dispose(); this.targetLine.material.dispose(); }; _proto.update = function update() { _v1$6.setFromMatrixPosition(this.light.matrixWorld); _v2$3.setFromMatrixPosition(this.light.target.matrixWorld); _v3$1.subVectors(_v2$3, _v1$6); this.lightPlane.lookAt(_v2$3); if (this.color !== undefined) { this.lightPlane.material.color.set(this.color); this.targetLine.material.color.set(this.color); } else { this.lightPlane.material.color.copy(this.light.color); this.targetLine.material.color.copy(this.light.color); } this.targetLine.lookAt(_v2$3); this.targetLine.scale.z = _v3$1.length(); }; return DirectionalLightHelper; }(Object3D); var _vector$c = /*@__PURE__*/new Vector3(); var _camera = /*@__PURE__*/new Camera(); /** * - shows frustum, line of sight and up of the camera * - suitable for fast updates * - based on frustum visualization in lightgl.js shadowmap example * http://evanw.github.com/lightgl.js/tests/shadowmap.html */ var CameraHelper = /*#__PURE__*/function (_LineSegments) { _inheritsLoose(CameraHelper, _LineSegments); function CameraHelper(camera) { var _this; var geometry = new BufferGeometry(); var material = new LineBasicMaterial({ color: 0xffffff, vertexColors: true, toneMapped: false }); var vertices = []; var colors = []; var pointMap = {}; // colors var colorFrustum = new Color(0xffaa00); var colorCone = new Color(0xff0000); var colorUp = new Color(0x00aaff); var colorTarget = new Color(0xffffff); var colorCross = new Color(0x333333); // near addLine('n1', 'n2', colorFrustum); addLine('n2', 'n4', colorFrustum); addLine('n4', 'n3', colorFrustum); addLine('n3', 'n1', colorFrustum); // far addLine('f1', 'f2', colorFrustum); addLine('f2', 'f4', colorFrustum); addLine('f4', 'f3', colorFrustum); addLine('f3', 'f1', colorFrustum); // sides addLine('n1', 'f1', colorFrustum); addLine('n2', 'f2', colorFrustum); addLine('n3', 'f3', colorFrustum); addLine('n4', 'f4', colorFrustum); // cone addLine('p', 'n1', colorCone); addLine('p', 'n2', colorCone); addLine('p', 'n3', colorCone); addLine('p', 'n4', colorCone); // up addLine('u1', 'u2', colorUp); addLine('u2', 'u3', colorUp); addLine('u3', 'u1', colorUp); // target addLine('c', 't', colorTarget); addLine('p', 'c', colorCross); // cross addLine('cn1', 'cn2', colorCross); addLine('cn3', 'cn4', colorCross); addLine('cf1', 'cf2', colorCross); addLine('cf3', 'cf4', colorCross); function addLine(a, b, color) { addPoint(a, color); addPoint(b, color); } function addPoint(id, color) { vertices.push(0, 0, 0); colors.push(color.r, color.g, color.b); if (pointMap[id] === undefined) { pointMap[id] = []; } pointMap[id].push(vertices.length / 3 - 1); } geometry.setAttribute('position', new Float32BufferAttribute(vertices, 3)); geometry.setAttribute('color', new Float32BufferAttribute(colors, 3)); _this = _LineSegments.call(this, geometry, material) || this; _this.type = 'CameraHelper'; _this.camera = camera; if (_this.camera.updateProjectionMatrix) _this.camera.updateProjectionMatrix(); _this.matrix = camera.matrixWorld; _this.matrixAutoUpdate = false; _this.pointMap = pointMap; _this.update(); return _this; } var _proto = CameraHelper.prototype; _proto.update = function update() { var geometry = this.geometry; var pointMap = this.pointMap; var w = 1, h = 1; // we need just camera projection matrix inverse // world matrix must be identity _camera.projectionMatrixInverse.copy(this.camera.projectionMatrixInverse); // center / target setPoint('c', pointMap, geometry, _camera, 0, 0, -1); setPoint('t', pointMap, geometry, _camera, 0, 0, 1); // near setPoint('n1', pointMap, geometry, _camera, -w, -h, -1); setPoint('n2', pointMap, geometry, _camera, w, -h, -1); setPoint('n3', pointMap, geometry, _camera, -w, h, -1); setPoint('n4', pointMap, geometry, _camera, w, h, -1); // far setPoint('f1', pointMap, geometry, _camera, -w, -h, 1); setPoint('f2', pointMap, geometry, _camera, w, -h, 1); setPoint('f3', pointMap, geometry, _camera, -w, h, 1); setPoint('f4', pointMap, geometry, _camera, w, h, 1); // up setPoint('u1', pointMap, geometry, _camera, w * 0.7, h * 1.1, -1); setPoint('u2', pointMap, geometry, _camera, -w * 0.7, h * 1.1, -1); setPoint('u3', pointMap, geometry, _camera, 0, h * 2, -1); // cross setPoint('cf1', pointMap, geometry, _camera, -w, 0, 1); setPoint('cf2', pointMap, geometry, _camera, w, 0, 1); setPoint('cf3', pointMap, geometry, _camera, 0, -h, 1); setPoint('cf4', pointMap, geometry, _camera, 0, h, 1); setPoint('cn1', pointMap, geometry, _camera, -w, 0, -1); setPoint('cn2', pointMap, geometry, _camera, w, 0, -1); setPoint('cn3', pointMap, geometry, _camera, 0, -h, -1); setPoint('cn4', pointMap, geometry, _camera, 0, h, -1); geometry.getAttribute('position').needsUpdate = true; }; return CameraHelper; }(LineSegments); function setPoint(point, pointMap, geometry, camera, x, y, z) { _vector$c.set(x, y, z).unproject(camera); var points = pointMap[point]; if (points !== undefined) { var position = geometry.getAttribute('position'); for (var i = 0, l = points.length; i < l; i++) { position.setXYZ(points[i], _vector$c.x, _vector$c.y, _vector$c.z); } } } var _box$3 = /*@__PURE__*/new Box3(); var BoxHelper = /*#__PURE__*/function (_LineSegments) { _inheritsLoose(BoxHelper, _LineSegments); function BoxHelper(object, color) { var _this; if (color === void 0) { color = 0xffff00; } var indices = new Uint16Array([0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7]); var positions = new Float32Array(8 * 3); var geometry = new BufferGeometry(); geometry.setIndex(new BufferAttribute(indices, 1)); geometry.setAttribute('position', new BufferAttribute(positions, 3)); _this = _LineSegments.call(this, geometry, new LineBasicMaterial({ color: color, toneMapped: false })) || this; _this.object = object; _this.type = 'BoxHelper'; _this.matrixAutoUpdate = false; _this.update(); return _this; } var _proto = BoxHelper.prototype; _proto.update = function update(object) { if (object !== undefined) { console.warn('THREE.BoxHelper: .update() has no longer arguments.'); } if (this.object !== undefined) { _box$3.setFromObject(this.object); } if (_box$3.isEmpty()) return; var min = _box$3.min; var max = _box$3.max; /* 5____4 1/___0/| | 6__|_7 2/___3/ 0: max.x, max.y, max.z 1: min.x, max.y, max.z 2: min.x, min.y, max.z 3: max.x, min.y, max.z 4: max.x, max.y, min.z 5: min.x, max.y, min.z 6: min.x, min.y, min.z 7: max.x, min.y, min.z */ var position = this.geometry.attributes.position; var array = position.array; array[0] = max.x; array[1] = max.y; array[2] = max.z; array[3] = min.x; array[4] = max.y; array[5] = max.z; array[6] = min.x; array[7] = min.y; array[8] = max.z; array[9] = max.x; array[10] = min.y; array[11] = max.z; array[12] = max.x; array[13] = max.y; array[14] = min.z; array[15] = min.x; array[16] = max.y; array[17] = min.z; array[18] = min.x; array[19] = min.y; array[20] = min.z; array[21] = max.x; array[22] = min.y; array[23] = min.z; position.needsUpdate = true; this.geometry.computeBoundingSphere(); }; _proto.setFromObject = function setFromObject(object) { this.object = object; this.update(); return this; }; _proto.copy = function copy(source) { LineSegments.prototype.copy.call(this, source); this.object = source.object; return this; }; return BoxHelper; }(LineSegments); var Box3Helper = /*#__PURE__*/function (_LineSegments) { _inheritsLoose(Box3Helper, _LineSegments); function Box3Helper(box, color) { var _this; if (color === void 0) { color = 0xffff00; } var indices = new Uint16Array([0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7]); var positions = [1, 1, 1, -1, 1, 1, -1, -1, 1, 1, -1, 1, 1, 1, -1, -1, 1, -1, -1, -1, -1, 1, -1, -1]; var geometry = new BufferGeometry(); geometry.setIndex(new BufferAttribute(indices, 1)); geometry.setAttribute('position', new Float32BufferAttribute(positions, 3)); _this = _LineSegments.call(this, geometry, new LineBasicMaterial({ color: color, toneMapped: false })) || this; _this.box = box; _this.type = 'Box3Helper'; _this.geometry.computeBoundingSphere(); return _this; } var _proto = Box3Helper.prototype; _proto.updateMatrixWorld = function updateMatrixWorld(force) { var box = this.box; if (box.isEmpty()) return; box.getCenter(this.position); box.getSize(this.scale); this.scale.multiplyScalar(0.5); _LineSegments.prototype.updateMatrixWorld.call(this, force); }; return Box3Helper; }(LineSegments); var PlaneHelper = /*#__PURE__*/function (_Line) { _inheritsLoose(PlaneHelper, _Line); function PlaneHelper(plane, size, hex) { var _this; if (size === void 0) { size = 1; } if (hex === void 0) { hex = 0xffff00; } var color = hex; var positions = [1, -1, 1, -1, 1, 1, -1, -1, 1, 1, 1, 1, -1, 1, 1, -1, -1, 1, 1, -1, 1, 1, 1, 1, 0, 0, 1, 0, 0, 0]; var geometry = new BufferGeometry(); geometry.setAttribute('position', new Float32BufferAttribute(positions, 3)); geometry.computeBoundingSphere(); _this = _Line.call(this, geometry, new LineBasicMaterial({ color: color, toneMapped: false })) || this; _this.type = 'PlaneHelper'; _this.plane = plane; _this.size = size; var positions2 = [1, 1, 1, -1, 1, 1, -1, -1, 1, 1, 1, 1, -1, -1, 1, 1, -1, 1]; var geometry2 = new BufferGeometry(); geometry2.setAttribute('position', new Float32BufferAttribute(positions2, 3)); geometry2.computeBoundingSphere(); _this.add(new Mesh(geometry2, new MeshBasicMaterial({ color: color, opacity: 0.2, transparent: true, depthWrite: false, toneMapped: false }))); return _this; } var _proto = PlaneHelper.prototype; _proto.updateMatrixWorld = function updateMatrixWorld(force) { var scale = -this.plane.constant; if (Math.abs(scale) < 1e-8) scale = 1e-8; // sign does not matter this.scale.set(0.5 * this.size, 0.5 * this.size, scale); this.children[0].material.side = scale < 0 ? BackSide : FrontSide; // renderer flips side when determinant < 0; flipping not wanted here this.lookAt(this.plane.normal); _Line.prototype.updateMatrixWorld.call(this, force); }; return PlaneHelper; }(Line); var _axis = /*@__PURE__*/new Vector3(); var _lineGeometry, _coneGeometry; var ArrowHelper = /*#__PURE__*/function (_Object3D) { _inheritsLoose(ArrowHelper, _Object3D); function ArrowHelper(dir, origin, length, color, headLength, headWidth) { var _this; _this = _Object3D.call(this) || this; // dir is assumed to be normalized _this.type = 'ArrowHelper'; if (dir === undefined) dir = new Vector3(0, 0, 1); if (origin === undefined) origin = new Vector3(0, 0, 0); if (length === undefined) length = 1; if (color === undefined) color = 0xffff00; if (headLength === undefined) headLength = 0.2 * length; if (headWidth === undefined) headWidth = 0.2 * headLength; if (_lineGeometry === undefined) { _lineGeometry = new BufferGeometry(); _lineGeometry.setAttribute('position', new Float32BufferAttribute([0, 0, 0, 0, 1, 0], 3)); _coneGeometry = new CylinderGeometry(0, 0.5, 1, 5, 1); _coneGeometry.translate(0, -0.5, 0); } _this.position.copy(origin); _this.line = new Line(_lineGeometry, new LineBasicMaterial({ color: color, toneMapped: false })); _this.line.matrixAutoUpdate = false; _this.add(_this.line); _this.cone = new Mesh(_coneGeometry, new MeshBasicMaterial({ color: color, toneMapped: false })); _this.cone.matrixAutoUpdate = false; _this.add(_this.cone); _this.setDirection(dir); _this.setLength(length, headLength, headWidth); return _this; } var _proto = ArrowHelper.prototype; _proto.setDirection = function setDirection(dir) { // dir is assumed to be normalized if (dir.y > 0.99999) { this.quaternion.set(0, 0, 0, 1); } else if (dir.y < -0.99999) { this.quaternion.set(1, 0, 0, 0); } else { _axis.set(dir.z, 0, -dir.x).normalize(); var radians = Math.acos(dir.y); this.quaternion.setFromAxisAngle(_axis, radians); } }; _proto.setLength = function setLength(length, headLength, headWidth) { if (headLength === undefined) headLength = 0.2 * length; if (headWidth === undefined) headWidth = 0.2 * headLength; this.line.scale.set(1, Math.max(0.0001, length - headLength), 1); // see #17458 this.line.updateMatrix(); this.cone.scale.set(headWidth, headLength, headWidth); this.cone.position.y = length; this.cone.updateMatrix(); }; _proto.setColor = function setColor(color) { this.line.material.color.set(color); this.cone.material.color.set(color); }; _proto.copy = function copy(source) { _Object3D.prototype.copy.call(this, source, false); this.line.copy(source.line); this.cone.copy(source.cone); return this; }; return ArrowHelper; }(Object3D); var AxesHelper = /*#__PURE__*/function (_LineSegments) { _inheritsLoose(AxesHelper, _LineSegments); function AxesHelper(size) { var _this; if (size === void 0) { size = 1; } var vertices = [0, 0, 0, size, 0, 0, 0, 0, 0, 0, size, 0, 0, 0, 0, 0, 0, size]; var colors = [1, 0, 0, 1, 0.6, 0, 0, 1, 0, 0.6, 1, 0, 0, 0, 1, 0, 0.6, 1]; var geometry = new BufferGeometry(); geometry.setAttribute('position', new Float32BufferAttribute(vertices, 3)); geometry.setAttribute('color', new Float32BufferAttribute(colors, 3)); var material = new LineBasicMaterial({ vertexColors: true, toneMapped: false }); _this = _LineSegments.call(this, geometry, material) || this; _this.type = 'AxesHelper'; return _this; } return AxesHelper; }(LineSegments); var _floatView = new Float32Array(1); var _int32View = new Int32Array(_floatView.buffer); var DataUtils = { // Converts float32 to float16 (stored as uint16 value). toHalfFloat: function toHalfFloat(val) { // Source: http://gamedev.stackexchange.com/questions/17326/conversion-of-a-number-from-single-precision-floating-point-representation-to-a/17410#17410 /* This method is faster than the OpenEXR implementation (very often * used, eg. in Ogre), with the additional benefit of rounding, inspired * by James Tursa?s half-precision code. */ _floatView[0] = val; var x = _int32View[0]; var bits = x >> 16 & 0x8000; /* Get the sign */ var m = x >> 12 & 0x07ff; /* Keep one extra bit for rounding */ var e = x >> 23 & 0xff; /* Using int is faster here */ /* If zero, or denormal, or exponent underflows too much for a denormal * half, return signed zero. */ if (e < 103) return bits; /* If NaN, return NaN. If Inf or exponent overflow, return Inf. */ if (e > 142) { bits |= 0x7c00; /* If exponent was 0xff and one mantissa bit was set, it means NaN, * not Inf, so make sure we set one mantissa bit too. */ bits |= (e == 255 ? 0 : 1) && x & 0x007fffff; return bits; } /* If exponent underflows but not too much, return a denormal */ if (e < 113) { m |= 0x0800; /* Extra rounding may overflow and set mantissa to 0 and exponent * to 1, which is OK. */ bits |= (m >> 114 - e) + (m >> 113 - e & 1); return bits; } bits |= e - 112 << 10 | m >> 1; /* Extra rounding. An overflow will set mantissa to 0 and increment * the exponent, which is OK. */ bits += m & 1; return bits; } }; var _ENCODINGS; var LOD_MIN = 4; var LOD_MAX = 8; var SIZE_MAX = Math.pow(2, LOD_MAX); // The standard deviations (radians) associated with the extra mips. These are // chosen to approximate a Trowbridge-Reitz distribution function times the // geometric shadowing function. These sigma values squared must match the // variance #defines in cube_uv_reflection_fragment.glsl.js. var EXTRA_LOD_SIGMA = [0.125, 0.215, 0.35, 0.446, 0.526, 0.582]; var TOTAL_LODS = LOD_MAX - LOD_MIN + 1 + EXTRA_LOD_SIGMA.length; // The maximum length of the blur for loop. Smaller sigmas will use fewer // samples and exit early, but not recompile the shader. var MAX_SAMPLES = 20; var ENCODINGS = (_ENCODINGS = {}, _ENCODINGS[LinearEncoding] = 0, _ENCODINGS[sRGBEncoding] = 1, _ENCODINGS[RGBEEncoding] = 2, _ENCODINGS[RGBM7Encoding] = 3, _ENCODINGS[RGBM16Encoding] = 4, _ENCODINGS[RGBDEncoding] = 5, _ENCODINGS[GammaEncoding] = 6, _ENCODINGS); var backgroundMaterial = new MeshBasicMaterial({ side: BackSide, depthWrite: false, depthTest: false }); var backgroundBox = new Mesh(new BoxGeometry(), backgroundMaterial); var _flatCamera = /*@__PURE__*/new OrthographicCamera(); var _createPlanes2 = /*@__PURE__*/_createPlanes(), _lodPlanes = _createPlanes2._lodPlanes, _sizeLods = _createPlanes2._sizeLods, _sigmas = _createPlanes2._sigmas; var _clearColor = /*@__PURE__*/new Color(); var _oldTarget = null; // Golden Ratio var PHI = (1 + Math.sqrt(5)) / 2; var INV_PHI = 1 / PHI; // Vertices of a dodecahedron (except the opposites, which represent the // same axis), used as axis directions evenly spread on a sphere. var _axisDirections = [/*@__PURE__*/new Vector3(1, 1, 1), /*@__PURE__*/new Vector3(-1, 1, 1), /*@__PURE__*/new Vector3(1, 1, -1), /*@__PURE__*/new Vector3(-1, 1, -1), /*@__PURE__*/new Vector3(0, PHI, INV_PHI), /*@__PURE__*/new Vector3(0, PHI, -INV_PHI), /*@__PURE__*/new Vector3(INV_PHI, 0, PHI), /*@__PURE__*/new Vector3(-INV_PHI, 0, PHI), /*@__PURE__*/new Vector3(PHI, INV_PHI, 0), /*@__PURE__*/new Vector3(-PHI, INV_PHI, 0)]; /** * This class generates a Prefiltered, Mipmapped Radiance Environment Map * (PMREM) from a cubeMap environment texture. This allows different levels of * blur to be quickly accessed based on material roughness. It is packed into a * special CubeUV format that allows us to perform custom interpolation so that * we can support nonlinear formats such as RGBE. Unlike a traditional mipmap * chain, it only goes down to the LOD_MIN level (above), and then creates extra * even more filtered 'mips' at the same LOD_MIN resolution, associated with * higher roughness levels. In this way we maintain resolution to smoothly * interpolate diffuse lighting while limiting sampling computation. */ function convertLinearToRGBE(color) { var maxComponent = Math.max(color.r, color.g, color.b); var fExp = Math.min(Math.max(Math.ceil(Math.log2(maxComponent)), -128.0), 127.0); color.multiplyScalar(Math.pow(2.0, -fExp)); var alpha = (fExp + 128.0) / 255.0; return alpha; } var PMREMGenerator = /*#__PURE__*/function () { function PMREMGenerator(renderer) { this._renderer = renderer; this._pingPongRenderTarget = null; this._blurMaterial = _getBlurShader(MAX_SAMPLES); this._equirectShader = null; this._cubemapShader = null; this._compileMaterial(this._blurMaterial); } /** * Generates a PMREM from a supplied Scene, which can be faster than using an * image if networking bandwidth is low. Optional sigma specifies a blur radius * in radians to be applied to the scene before PMREM generation. Optional near * and far planes ensure the scene is rendered in its entirety (the cubeCamera * is placed at the origin). */ var _proto = PMREMGenerator.prototype; _proto.fromScene = function fromScene(scene, sigma, near, far) { if (sigma === void 0) { sigma = 0; } if (near === void 0) { near = 0.1; } if (far === void 0) { far = 100; } _oldTarget = this._renderer.getRenderTarget(); var cubeUVRenderTarget = this._allocateTargets(); this._sceneToCubeUV(scene, near, far, cubeUVRenderTarget); if (sigma > 0) { this._blur(cubeUVRenderTarget, 0, 0, sigma); } this._applyPMREM(cubeUVRenderTarget); this._cleanup(cubeUVRenderTarget); return cubeUVRenderTarget; } /** * Generates a PMREM from an equirectangular texture, which can be either LDR * (RGBFormat) or HDR (RGBEFormat). The ideal input image size is 1k (1024 x 512), * as this matches best with the 256 x 256 cubemap output. */ ; _proto.fromEquirectangular = function fromEquirectangular(equirectangular) { return this._fromTexture(equirectangular); } /** * Generates a PMREM from an cubemap texture, which can be either LDR * (RGBFormat) or HDR (RGBEFormat). The ideal input cube size is 256 x 256, * as this matches best with the 256 x 256 cubemap output. */ ; _proto.fromCubemap = function fromCubemap(cubemap) { return this._fromTexture(cubemap); } /** * Pre-compiles the cubemap shader. You can get faster start-up by invoking this method during * your texture's network fetch for increased concurrency. */ ; _proto.compileCubemapShader = function compileCubemapShader() { if (this._cubemapShader === null) { this._cubemapShader = _getCubemapShader(); this._compileMaterial(this._cubemapShader); } } /** * Pre-compiles the equirectangular shader. You can get faster start-up by invoking this method during * your texture's network fetch for increased concurrency. */ ; _proto.compileEquirectangularShader = function compileEquirectangularShader() { if (this._equirectShader === null) { this._equirectShader = _getEquirectShader(); this._compileMaterial(this._equirectShader); } } /** * Disposes of the PMREMGenerator's internal memory. Note that PMREMGenerator is a static class, * so you should not need more than one PMREMGenerator object. If you do, calling dispose() on * one of them will cause any others to also become unusable. */ ; _proto.dispose = function dispose() { this._blurMaterial.dispose(); if (this._cubemapShader !== null) this._cubemapShader.dispose(); if (this._equirectShader !== null) this._equirectShader.dispose(); for (var i = 0; i < _lodPlanes.length; i++) { _lodPlanes[i].dispose(); } } // private interface ; _proto._cleanup = function _cleanup(outputTarget) { this._pingPongRenderTarget.dispose(); this._renderer.setRenderTarget(_oldTarget); outputTarget.scissorTest = false; _setViewport(outputTarget, 0, 0, outputTarget.width, outputTarget.height); }; _proto._fromTexture = function _fromTexture(texture) { _oldTarget = this._renderer.getRenderTarget(); var cubeUVRenderTarget = this._allocateTargets(texture); this._textureToCubeUV(texture, cubeUVRenderTarget); this._applyPMREM(cubeUVRenderTarget); this._cleanup(cubeUVRenderTarget); return cubeUVRenderTarget; }; _proto._allocateTargets = function _allocateTargets(texture) { // warning: null texture is valid var params = { magFilter: NearestFilter, minFilter: NearestFilter, generateMipmaps: false, type: UnsignedByteType, format: RGBEFormat, encoding: _isLDR(texture) ? texture.encoding : RGBEEncoding, depthBuffer: false }; var cubeUVRenderTarget = _createRenderTarget(params); cubeUVRenderTarget.depthBuffer = texture ? false : true; this._pingPongRenderTarget = _createRenderTarget(params); return cubeUVRenderTarget; }; _proto._compileMaterial = function _compileMaterial(material) { var tmpMesh = new Mesh(_lodPlanes[0], material); this._renderer.compile(tmpMesh, _flatCamera); }; _proto._sceneToCubeUV = function _sceneToCubeUV(scene, near, far, cubeUVRenderTarget) { var fov = 90; var aspect = 1; var cubeCamera = new PerspectiveCamera(fov, aspect, near, far); var upSign = [1, -1, 1, 1, 1, 1]; var forwardSign = [1, 1, 1, -1, -1, -1]; var renderer = this._renderer; var originalAutoClear = renderer.autoClear; var outputEncoding = renderer.outputEncoding; var toneMapping = renderer.toneMapping; renderer.getClearColor(_clearColor); renderer.toneMapping = NoToneMapping; renderer.outputEncoding = LinearEncoding; renderer.autoClear = false; var useSolidColor = false; var background = scene.background; if (background) { if (background.isColor) { backgroundMaterial.color.copy(background).convertSRGBToLinear(); scene.background = null; var alpha = convertLinearToRGBE(backgroundMaterial.color); backgroundMaterial.opacity = alpha; useSolidColor = true; } } else { backgroundMaterial.color.copy(_clearColor).convertSRGBToLinear(); var _alpha = convertLinearToRGBE(backgroundMaterial.color); backgroundMaterial.opacity = _alpha; useSolidColor = true; } for (var i = 0; i < 6; i++) { var col = i % 3; if (col == 0) { cubeCamera.up.set(0, upSign[i], 0); cubeCamera.lookAt(forwardSign[i], 0, 0); } else if (col == 1) { cubeCamera.up.set(0, 0, upSign[i]); cubeCamera.lookAt(0, forwardSign[i], 0); } else { cubeCamera.up.set(0, upSign[i], 0); cubeCamera.lookAt(0, 0, forwardSign[i]); } _setViewport(cubeUVRenderTarget, col * SIZE_MAX, i > 2 ? SIZE_MAX : 0, SIZE_MAX, SIZE_MAX); renderer.setRenderTarget(cubeUVRenderTarget); if (useSolidColor) { renderer.render(backgroundBox, cubeCamera); } renderer.render(scene, cubeCamera); } renderer.toneMapping = toneMapping; renderer.outputEncoding = outputEncoding; renderer.autoClear = originalAutoClear; }; _proto._textureToCubeUV = function _textureToCubeUV(texture, cubeUVRenderTarget) { var renderer = this._renderer; if (texture.isCubeTexture) { if (this._cubemapShader == null) { this._cubemapShader = _getCubemapShader(); } } else { if (this._equirectShader == null) { this._equirectShader = _getEquirectShader(); } } var material = texture.isCubeTexture ? this._cubemapShader : this._equirectShader; var mesh = new Mesh(_lodPlanes[0], material); var uniforms = material.uniforms; uniforms['envMap'].value = texture; if (!texture.isCubeTexture) { uniforms['texelSize'].value.set(1.0 / texture.image.width, 1.0 / texture.image.height); } uniforms['inputEncoding'].value = ENCODINGS[texture.encoding]; uniforms['outputEncoding'].value = ENCODINGS[cubeUVRenderTarget.texture.encoding]; _setViewport(cubeUVRenderTarget, 0, 0, 3 * SIZE_MAX, 2 * SIZE_MAX); renderer.setRenderTarget(cubeUVRenderTarget); renderer.render(mesh, _flatCamera); }; _proto._applyPMREM = function _applyPMREM(cubeUVRenderTarget) { var renderer = this._renderer; var autoClear = renderer.autoClear; renderer.autoClear = false; for (var i = 1; i < TOTAL_LODS; i++) { var sigma = Math.sqrt(_sigmas[i] * _sigmas[i] - _sigmas[i - 1] * _sigmas[i - 1]); var poleAxis = _axisDirections[(i - 1) % _axisDirections.length]; this._blur(cubeUVRenderTarget, i - 1, i, sigma, poleAxis); } renderer.autoClear = autoClear; } /** * This is a two-pass Gaussian blur for a cubemap. Normally this is done * vertically and horizontally, but this breaks down on a cube. Here we apply * the blur latitudinally (around the poles), and then longitudinally (towards * the poles) to approximate the orthogonally-separable blur. It is least * accurate at the poles, but still does a decent job. */ ; _proto._blur = function _blur(cubeUVRenderTarget, lodIn, lodOut, sigma, poleAxis) { var pingPongRenderTarget = this._pingPongRenderTarget; this._halfBlur(cubeUVRenderTarget, pingPongRenderTarget, lodIn, lodOut, sigma, 'latitudinal', poleAxis); this._halfBlur(pingPongRenderTarget, cubeUVRenderTarget, lodOut, lodOut, sigma, 'longitudinal', poleAxis); }; _proto._halfBlur = function _halfBlur(targetIn, targetOut, lodIn, lodOut, sigmaRadians, direction, poleAxis) { var renderer = this._renderer; var blurMaterial = this._blurMaterial; if (direction !== 'latitudinal' && direction !== 'longitudinal') { console.error('blur direction must be either latitudinal or longitudinal!'); } // Number of standard deviations at which to cut off the discrete approximation. var STANDARD_DEVIATIONS = 3; var blurMesh = new Mesh(_lodPlanes[lodOut], blurMaterial); var blurUniforms = blurMaterial.uniforms; var pixels = _sizeLods[lodIn] - 1; var radiansPerPixel = isFinite(sigmaRadians) ? Math.PI / (2 * pixels) : 2 * Math.PI / (2 * MAX_SAMPLES - 1); var sigmaPixels = sigmaRadians / radiansPerPixel; var samples = isFinite(sigmaRadians) ? 1 + Math.floor(STANDARD_DEVIATIONS * sigmaPixels) : MAX_SAMPLES; if (samples > MAX_SAMPLES) { console.warn("sigmaRadians, " + sigmaRadians + ", is too large and will clip, as it requested " + samples + " samples when the maximum is set to " + MAX_SAMPLES); } var weights = []; var sum = 0; for (var i = 0; i < MAX_SAMPLES; ++i) { var _x = i / sigmaPixels; var weight = Math.exp(-_x * _x / 2); weights.push(weight); if (i == 0) { sum += weight; } else if (i < samples) { sum += 2 * weight; } } for (var _i = 0; _i < weights.length; _i++) { weights[_i] = weights[_i] / sum; } blurUniforms['envMap'].value = targetIn.texture; blurUniforms['samples'].value = samples; blurUniforms['weights'].value = weights; blurUniforms['latitudinal'].value = direction === 'latitudinal'; if (poleAxis) { blurUniforms['poleAxis'].value = poleAxis; } blurUniforms['dTheta'].value = radiansPerPixel; blurUniforms['mipInt'].value = LOD_MAX - lodIn; blurUniforms['inputEncoding'].value = ENCODINGS[targetIn.texture.encoding]; blurUniforms['outputEncoding'].value = ENCODINGS[targetIn.texture.encoding]; var outputSize = _sizeLods[lodOut]; var x = 3 * Math.max(0, SIZE_MAX - 2 * outputSize); var y = (lodOut === 0 ? 0 : 2 * SIZE_MAX) + 2 * outputSize * (lodOut > LOD_MAX - LOD_MIN ? lodOut - LOD_MAX + LOD_MIN : 0); _setViewport(targetOut, x, y, 3 * outputSize, 2 * outputSize); renderer.setRenderTarget(targetOut); renderer.render(blurMesh, _flatCamera); }; return PMREMGenerator; }(); function _isLDR(texture) { if (texture === undefined || texture.type !== UnsignedByteType) return false; return texture.encoding === LinearEncoding || texture.encoding === sRGBEncoding || texture.encoding === GammaEncoding; } function _createPlanes() { var _lodPlanes = []; var _sizeLods = []; var _sigmas = []; var lod = LOD_MAX; for (var i = 0; i < TOTAL_LODS; i++) { var sizeLod = Math.pow(2, lod); _sizeLods.push(sizeLod); var sigma = 1.0 / sizeLod; if (i > LOD_MAX - LOD_MIN) { sigma = EXTRA_LOD_SIGMA[i - LOD_MAX + LOD_MIN - 1]; } else if (i == 0) { sigma = 0; } _sigmas.push(sigma); var texelSize = 1.0 / (sizeLod - 1); var min = -texelSize / 2; var max = 1 + texelSize / 2; var uv1 = [min, min, max, min, max, max, min, min, max, max, min, max]; var cubeFaces = 6; var vertices = 6; var positionSize = 3; var uvSize = 2; var faceIndexSize = 1; var position = new Float32Array(positionSize * vertices * cubeFaces); var uv = new Float32Array(uvSize * vertices * cubeFaces); var faceIndex = new Float32Array(faceIndexSize * vertices * cubeFaces); for (var face = 0; face < cubeFaces; face++) { var x = face % 3 * 2 / 3 - 1; var y = face > 2 ? 0 : -1; var coordinates = [x, y, 0, x + 2 / 3, y, 0, x + 2 / 3, y + 1, 0, x, y, 0, x + 2 / 3, y + 1, 0, x, y + 1, 0]; position.set(coordinates, positionSize * vertices * face); uv.set(uv1, uvSize * vertices * face); var fill = [face, face, face, face, face, face]; faceIndex.set(fill, faceIndexSize * vertices * face); } var planes = new BufferGeometry(); planes.setAttribute('position', new BufferAttribute(position, positionSize)); planes.setAttribute('uv', new BufferAttribute(uv, uvSize)); planes.setAttribute('faceIndex', new BufferAttribute(faceIndex, faceIndexSize)); _lodPlanes.push(planes); if (lod > LOD_MIN) { lod--; } } return { _lodPlanes: _lodPlanes, _sizeLods: _sizeLods, _sigmas: _sigmas }; } function _createRenderTarget(params) { var cubeUVRenderTarget = new WebGLRenderTarget(3 * SIZE_MAX, 3 * SIZE_MAX, params); cubeUVRenderTarget.texture.mapping = CubeUVReflectionMapping; cubeUVRenderTarget.texture.name = 'PMREM.cubeUv'; cubeUVRenderTarget.scissorTest = true; return cubeUVRenderTarget; } function _setViewport(target, x, y, width, height) { target.viewport.set(x, y, width, height); target.scissor.set(x, y, width, height); } function _getBlurShader(maxSamples) { var weights = new Float32Array(maxSamples); var poleAxis = new Vector3(0, 1, 0); var shaderMaterial = new RawShaderMaterial({ name: 'SphericalGaussianBlur', defines: { 'n': maxSamples }, uniforms: { 'envMap': { value: null }, 'samples': { value: 1 }, 'weights': { value: weights }, 'latitudinal': { value: false }, 'dTheta': { value: 0 }, 'mipInt': { value: 0 }, 'poleAxis': { value: poleAxis }, 'inputEncoding': { value: ENCODINGS[LinearEncoding] }, 'outputEncoding': { value: ENCODINGS[LinearEncoding] } }, vertexShader: _getCommonVertexShader(), fragmentShader: /* glsl */ "\n\n\t\t\tprecision mediump float;\n\t\t\tprecision mediump int;\n\n\t\t\tvarying vec3 vOutputDirection;\n\n\t\t\tuniform sampler2D envMap;\n\t\t\tuniform int samples;\n\t\t\tuniform float weights[ n ];\n\t\t\tuniform bool latitudinal;\n\t\t\tuniform float dTheta;\n\t\t\tuniform float mipInt;\n\t\t\tuniform vec3 poleAxis;\n\n\t\t\t" + _getEncodings() + "\n\n\t\t\t#define ENVMAP_TYPE_CUBE_UV\n\t\t\t#include <cube_uv_reflection_fragment>\n\n\t\t\tvec3 getSample( float theta, vec3 axis ) {\n\n\t\t\t\tfloat cosTheta = cos( theta );\n\t\t\t\t// Rodrigues' axis-angle rotation\n\t\t\t\tvec3 sampleDirection = vOutputDirection * cosTheta\n\t\t\t\t\t+ cross( axis, vOutputDirection ) * sin( theta )\n\t\t\t\t\t+ axis * dot( axis, vOutputDirection ) * ( 1.0 - cosTheta );\n\n\t\t\t\treturn bilinearCubeUV( envMap, sampleDirection, mipInt );\n\n\t\t\t}\n\n\t\t\tvoid main() {\n\n\t\t\t\tvec3 axis = latitudinal ? poleAxis : cross( poleAxis, vOutputDirection );\n\n\t\t\t\tif ( all( equal( axis, vec3( 0.0 ) ) ) ) {\n\n\t\t\t\t\taxis = vec3( vOutputDirection.z, 0.0, - vOutputDirection.x );\n\n\t\t\t\t}\n\n\t\t\t\taxis = normalize( axis );\n\n\t\t\t\tgl_FragColor = vec4( 0.0, 0.0, 0.0, 1.0 );\n\t\t\t\tgl_FragColor.rgb += weights[ 0 ] * getSample( 0.0, axis );\n\n\t\t\t\tfor ( int i = 1; i < n; i++ ) {\n\n\t\t\t\t\tif ( i >= samples ) {\n\n\t\t\t\t\t\tbreak;\n\n\t\t\t\t\t}\n\n\t\t\t\t\tfloat theta = dTheta * float( i );\n\t\t\t\t\tgl_FragColor.rgb += weights[ i ] * getSample( -1.0 * theta, axis );\n\t\t\t\t\tgl_FragColor.rgb += weights[ i ] * getSample( theta, axis );\n\n\t\t\t\t}\n\n\t\t\t\tgl_FragColor = linearToOutputTexel( gl_FragColor );\n\n\t\t\t}\n\t\t", blending: NoBlending, depthTest: false, depthWrite: false }); return shaderMaterial; } function _getEquirectShader() { var texelSize = new Vector2(1, 1); var shaderMaterial = new RawShaderMaterial({ name: 'EquirectangularToCubeUV', uniforms: { 'envMap': { value: null }, 'texelSize': { value: texelSize }, 'inputEncoding': { value: ENCODINGS[LinearEncoding] }, 'outputEncoding': { value: ENCODINGS[LinearEncoding] } }, vertexShader: _getCommonVertexShader(), fragmentShader: /* glsl */ "\n\n\t\t\tprecision mediump float;\n\t\t\tprecision mediump int;\n\n\t\t\tvarying vec3 vOutputDirection;\n\n\t\t\tuniform sampler2D envMap;\n\t\t\tuniform vec2 texelSize;\n\n\t\t\t" + _getEncodings() + "\n\n\t\t\t#include <common>\n\n\t\t\tvoid main() {\n\n\t\t\t\tgl_FragColor = vec4( 0.0, 0.0, 0.0, 1.0 );\n\n\t\t\t\tvec3 outputDirection = normalize( vOutputDirection );\n\t\t\t\tvec2 uv = equirectUv( outputDirection );\n\n\t\t\t\tvec2 f = fract( uv / texelSize - 0.5 );\n\t\t\t\tuv -= f * texelSize;\n\t\t\t\tvec3 tl = envMapTexelToLinear( texture2D ( envMap, uv ) ).rgb;\n\t\t\t\tuv.x += texelSize.x;\n\t\t\t\tvec3 tr = envMapTexelToLinear( texture2D ( envMap, uv ) ).rgb;\n\t\t\t\tuv.y += texelSize.y;\n\t\t\t\tvec3 br = envMapTexelToLinear( texture2D ( envMap, uv ) ).rgb;\n\t\t\t\tuv.x -= texelSize.x;\n\t\t\t\tvec3 bl = envMapTexelToLinear( texture2D ( envMap, uv ) ).rgb;\n\n\t\t\t\tvec3 tm = mix( tl, tr, f.x );\n\t\t\t\tvec3 bm = mix( bl, br, f.x );\n\t\t\t\tgl_FragColor.rgb = mix( tm, bm, f.y );\n\n\t\t\t\tgl_FragColor = linearToOutputTexel( gl_FragColor );\n\n\t\t\t}\n\t\t", blending: NoBlending, depthTest: false, depthWrite: false }); return shaderMaterial; } function _getCubemapShader() { var shaderMaterial = new RawShaderMaterial({ name: 'CubemapToCubeUV', uniforms: { 'envMap': { value: null }, 'inputEncoding': { value: ENCODINGS[LinearEncoding] }, 'outputEncoding': { value: ENCODINGS[LinearEncoding] } }, vertexShader: _getCommonVertexShader(), fragmentShader: /* glsl */ "\n\n\t\t\tprecision mediump float;\n\t\t\tprecision mediump int;\n\n\t\t\tvarying vec3 vOutputDirection;\n\n\t\t\tuniform samplerCube envMap;\n\n\t\t\t" + _getEncodings() + "\n\n\t\t\tvoid main() {\n\n\t\t\t\tgl_FragColor = vec4( 0.0, 0.0, 0.0, 1.0 );\n\t\t\t\tgl_FragColor.rgb = envMapTexelToLinear( textureCube( envMap, vec3( - vOutputDirection.x, vOutputDirection.yz ) ) ).rgb;\n\t\t\t\tgl_FragColor = linearToOutputTexel( gl_FragColor );\n\n\t\t\t}\n\t\t", blending: NoBlending, depthTest: false, depthWrite: false }); return shaderMaterial; } function _getCommonVertexShader() { return ( /* glsl */ "\n\n\t\tprecision mediump float;\n\t\tprecision mediump int;\n\n\t\tattribute vec3 position;\n\t\tattribute vec2 uv;\n\t\tattribute float faceIndex;\n\n\t\tvarying vec3 vOutputDirection;\n\n\t\t// RH coordinate system; PMREM face-indexing convention\n\t\tvec3 getDirection( vec2 uv, float face ) {\n\n\t\t\tuv = 2.0 * uv - 1.0;\n\n\t\t\tvec3 direction = vec3( uv, 1.0 );\n\n\t\t\tif ( face == 0.0 ) {\n\n\t\t\t\tdirection = direction.zyx; // ( 1, v, u ) pos x\n\n\t\t\t} else if ( face == 1.0 ) {\n\n\t\t\t\tdirection = direction.xzy;\n\t\t\t\tdirection.xz *= -1.0; // ( -u, 1, -v ) pos y\n\n\t\t\t} else if ( face == 2.0 ) {\n\n\t\t\t\tdirection.x *= -1.0; // ( -u, v, 1 ) pos z\n\n\t\t\t} else if ( face == 3.0 ) {\n\n\t\t\t\tdirection = direction.zyx;\n\t\t\t\tdirection.xz *= -1.0; // ( -1, v, -u ) neg x\n\n\t\t\t} else if ( face == 4.0 ) {\n\n\t\t\t\tdirection = direction.xzy;\n\t\t\t\tdirection.xy *= -1.0; // ( -u, -1, v ) neg y\n\n\t\t\t} else if ( face == 5.0 ) {\n\n\t\t\t\tdirection.z *= -1.0; // ( u, v, -1 ) neg z\n\n\t\t\t}\n\n\t\t\treturn direction;\n\n\t\t}\n\n\t\tvoid main() {\n\n\t\t\tvOutputDirection = getDirection( uv, faceIndex );\n\t\t\tgl_Position = vec4( position, 1.0 );\n\n\t\t}\n\t" ); } function _getEncodings() { return ( /* glsl */ "\n\n\t\tuniform int inputEncoding;\n\t\tuniform int outputEncoding;\n\n\t\t#include <encodings_pars_fragment>\n\n\t\tvec4 inputTexelToLinear( vec4 value ) {\n\n\t\t\tif ( inputEncoding == 0 ) {\n\n\t\t\t\treturn value;\n\n\t\t\t} else if ( inputEncoding == 1 ) {\n\n\t\t\t\treturn sRGBToLinear( value );\n\n\t\t\t} else if ( inputEncoding == 2 ) {\n\n\t\t\t\treturn RGBEToLinear( value );\n\n\t\t\t} else if ( inputEncoding == 3 ) {\n\n\t\t\t\treturn RGBMToLinear( value, 7.0 );\n\n\t\t\t} else if ( inputEncoding == 4 ) {\n\n\t\t\t\treturn RGBMToLinear( value, 16.0 );\n\n\t\t\t} else if ( inputEncoding == 5 ) {\n\n\t\t\t\treturn RGBDToLinear( value, 256.0 );\n\n\t\t\t} else {\n\n\t\t\t\treturn GammaToLinear( value, 2.2 );\n\n\t\t\t}\n\n\t\t}\n\n\t\tvec4 linearToOutputTexel( vec4 value ) {\n\n\t\t\tif ( outputEncoding == 0 ) {\n\n\t\t\t\treturn value;\n\n\t\t\t} else if ( outputEncoding == 1 ) {\n\n\t\t\t\treturn LinearTosRGB( value );\n\n\t\t\t} else if ( outputEncoding == 2 ) {\n\n\t\t\t\treturn LinearToRGBE( value );\n\n\t\t\t} else if ( outputEncoding == 3 ) {\n\n\t\t\t\treturn LinearToRGBM( value, 7.0 );\n\n\t\t\t} else if ( outputEncoding == 4 ) {\n\n\t\t\t\treturn LinearToRGBM( value, 16.0 );\n\n\t\t\t} else if ( outputEncoding == 5 ) {\n\n\t\t\t\treturn LinearToRGBD( value, 256.0 );\n\n\t\t\t} else {\n\n\t\t\t\treturn LinearToGamma( value, 2.2 );\n\n\t\t\t}\n\n\t\t}\n\n\t\tvec4 envMapTexelToLinear( vec4 color ) {\n\n\t\t\treturn inputTexelToLinear( color );\n\n\t\t}\n\t" ); } function Face4(a, b, c, d, normal, color, materialIndex) { console.warn('THREE.Face4 has been removed. A THREE.Face3 will be created instead.'); return new Face3(a, b, c, normal, color, materialIndex); } var LineStrip = 0; var LinePieces = 1; var NoColors = 0; var FaceColors = 1; var VertexColors = 2; function MeshFaceMaterial(materials) { console.warn('THREE.MeshFaceMaterial has been removed. Use an Array instead.'); return materials; } function MultiMaterial(materials) { if (materials === void 0) { materials = []; } console.warn('THREE.MultiMaterial has been removed. Use an Array instead.'); materials.isMultiMaterial = true; materials.materials = materials; materials.clone = function () { return materials.slice(); }; return materials; } function PointCloud(geometry, material) { console.warn('THREE.PointCloud has been renamed to THREE.Points.'); return new Points(geometry, material); } function Particle(material) { console.warn('THREE.Particle has been renamed to THREE.Sprite.'); return new Sprite(material); } function ParticleSystem(geometry, material) { console.warn('THREE.ParticleSystem has been renamed to THREE.Points.'); return new Points(geometry, material); } function PointCloudMaterial(parameters) { console.warn('THREE.PointCloudMaterial has been renamed to THREE.PointsMaterial.'); return new PointsMaterial(parameters); } function ParticleBasicMaterial(parameters) { console.warn('THREE.ParticleBasicMaterial has been renamed to THREE.PointsMaterial.'); return new PointsMaterial(parameters); } function ParticleSystemMaterial(parameters) { console.warn('THREE.ParticleSystemMaterial has been renamed to THREE.PointsMaterial.'); return new PointsMaterial(parameters); } function Vertex(x, y, z) { console.warn('THREE.Vertex has been removed. Use THREE.Vector3 instead.'); return new Vector3(x, y, z); } // function DynamicBufferAttribute(array, itemSize) { console.warn('THREE.DynamicBufferAttribute has been removed. Use new THREE.BufferAttribute().setUsage( THREE.DynamicDrawUsage ) instead.'); return new BufferAttribute(array, itemSize).setUsage(DynamicDrawUsage); } function Int8Attribute(array, itemSize) { console.warn('THREE.Int8Attribute has been removed. Use new THREE.Int8BufferAttribute() instead.'); return new Int8BufferAttribute(array, itemSize); } function Uint8Attribute(array, itemSize) { console.warn('THREE.Uint8Attribute has been removed. Use new THREE.Uint8BufferAttribute() instead.'); return new Uint8BufferAttribute(array, itemSize); } function Uint8ClampedAttribute(array, itemSize) { console.warn('THREE.Uint8ClampedAttribute has been removed. Use new THREE.Uint8ClampedBufferAttribute() instead.'); return new Uint8ClampedBufferAttribute(array, itemSize); } function Int16Attribute(array, itemSize) { console.warn('THREE.Int16Attribute has been removed. Use new THREE.Int16BufferAttribute() instead.'); return new Int16BufferAttribute(array, itemSize); } function Uint16Attribute(array, itemSize) { console.warn('THREE.Uint16Attribute has been removed. Use new THREE.Uint16BufferAttribute() instead.'); return new Uint16BufferAttribute(array, itemSize); } function Int32Attribute(array, itemSize) { console.warn('THREE.Int32Attribute has been removed. Use new THREE.Int32BufferAttribute() instead.'); return new Int32BufferAttribute(array, itemSize); } function Uint32Attribute(array, itemSize) { console.warn('THREE.Uint32Attribute has been removed. Use new THREE.Uint32BufferAttribute() instead.'); return new Uint32BufferAttribute(array, itemSize); } function Float32Attribute(array, itemSize) { console.warn('THREE.Float32Attribute has been removed. Use new THREE.Float32BufferAttribute() instead.'); return new Float32BufferAttribute(array, itemSize); } function Float64Attribute(array, itemSize) { console.warn('THREE.Float64Attribute has been removed. Use new THREE.Float64BufferAttribute() instead.'); return new Float64BufferAttribute(array, itemSize); } // Curve.create = function (construct, getPoint) { console.log('THREE.Curve.create() has been deprecated'); construct.prototype = Object.create(Curve.prototype); construct.prototype.constructor = construct; construct.prototype.getPoint = getPoint; return construct; }; // Object.assign(Path.prototype, { fromPoints: function fromPoints(points) { console.warn('THREE.Path: .fromPoints() has been renamed to .setFromPoints().'); return this.setFromPoints(points); } }); // function ClosedSplineCurve3(points) { console.warn('THREE.ClosedSplineCurve3 has been deprecated. Use THREE.CatmullRomCurve3 instead.'); CatmullRomCurve3.call(this, points); this.type = 'catmullrom'; this.closed = true; } ClosedSplineCurve3.prototype = Object.create(CatmullRomCurve3.prototype); // function SplineCurve3(points) { console.warn('THREE.SplineCurve3 has been deprecated. Use THREE.CatmullRomCurve3 instead.'); CatmullRomCurve3.call(this, points); this.type = 'catmullrom'; } SplineCurve3.prototype = Object.create(CatmullRomCurve3.prototype); // function Spline(points) { console.warn('THREE.Spline has been removed. Use THREE.CatmullRomCurve3 instead.'); CatmullRomCurve3.call(this, points); this.type = 'catmullrom'; } Spline.prototype = Object.create(CatmullRomCurve3.prototype); Object.assign(Spline.prototype, { initFromArray: function initFromArray() /* a */ { console.error('THREE.Spline: .initFromArray() has been removed.'); }, getControlPointsArray: function getControlPointsArray() /* optionalTarget */ { console.error('THREE.Spline: .getControlPointsArray() has been removed.'); }, reparametrizeByArcLength: function reparametrizeByArcLength() /* samplingCoef */ { console.error('THREE.Spline: .reparametrizeByArcLength() has been removed.'); } }); // function AxisHelper(size) { console.warn('THREE.AxisHelper has been renamed to THREE.AxesHelper.'); return new AxesHelper(size); } function BoundingBoxHelper(object, color) { console.warn('THREE.BoundingBoxHelper has been deprecated. Creating a THREE.BoxHelper instead.'); return new BoxHelper(object, color); } function EdgesHelper(object, hex) { console.warn('THREE.EdgesHelper has been removed. Use THREE.EdgesGeometry instead.'); return new LineSegments(new EdgesGeometry(object.geometry), new LineBasicMaterial({ color: hex !== undefined ? hex : 0xffffff })); } GridHelper.prototype.setColors = function () { console.error('THREE.GridHelper: setColors() has been deprecated, pass them in the constructor instead.'); }; SkeletonHelper.prototype.update = function () { console.error('THREE.SkeletonHelper: update() no longer needs to be called.'); }; function WireframeHelper(object, hex) { console.warn('THREE.WireframeHelper has been removed. Use THREE.WireframeGeometry instead.'); return new LineSegments(new WireframeGeometry(object.geometry), new LineBasicMaterial({ color: hex !== undefined ? hex : 0xffffff })); } // Object.assign(Loader.prototype, { extractUrlBase: function extractUrlBase(url) { console.warn('THREE.Loader: .extractUrlBase() has been deprecated. Use THREE.LoaderUtils.extractUrlBase() instead.'); return LoaderUtils.extractUrlBase(url); } }); Loader.Handlers = { add: function add() /* regex, loader */ { console.error('THREE.Loader: Handlers.add() has been removed. Use LoadingManager.addHandler() instead.'); }, get: function get() /* file */ { console.error('THREE.Loader: Handlers.get() has been removed. Use LoadingManager.getHandler() instead.'); } }; function XHRLoader(manager) { console.warn('THREE.XHRLoader has been renamed to THREE.FileLoader.'); return new FileLoader(manager); } function BinaryTextureLoader(manager) { console.warn('THREE.BinaryTextureLoader has been renamed to THREE.DataTextureLoader.'); return new DataTextureLoader(manager); } // Object.assign(Box2.prototype, { center: function center(optionalTarget) { console.warn('THREE.Box2: .center() has been renamed to .getCenter().'); return this.getCenter(optionalTarget); }, empty: function empty() { console.warn('THREE.Box2: .empty() has been renamed to .isEmpty().'); return this.isEmpty(); }, isIntersectionBox: function isIntersectionBox(box) { console.warn('THREE.Box2: .isIntersectionBox() has been renamed to .intersectsBox().'); return this.intersectsBox(box); }, size: function size(optionalTarget) { console.warn('THREE.Box2: .size() has been renamed to .getSize().'); return this.getSize(optionalTarget); } }); Object.assign(Box3.prototype, { center: function center(optionalTarget) { console.warn('THREE.Box3: .center() has been renamed to .getCenter().'); return this.getCenter(optionalTarget); }, empty: function empty() { console.warn('THREE.Box3: .empty() has been renamed to .isEmpty().'); return this.isEmpty(); }, isIntersectionBox: function isIntersectionBox(box) { console.warn('THREE.Box3: .isIntersectionBox() has been renamed to .intersectsBox().'); return this.intersectsBox(box); }, isIntersectionSphere: function isIntersectionSphere(sphere) { console.warn('THREE.Box3: .isIntersectionSphere() has been renamed to .intersectsSphere().'); return this.intersectsSphere(sphere); }, size: function size(optionalTarget) { console.warn('THREE.Box3: .size() has been renamed to .getSize().'); return this.getSize(optionalTarget); } }); Object.assign(Sphere.prototype, { empty: function empty() { console.warn('THREE.Sphere: .empty() has been renamed to .isEmpty().'); return this.isEmpty(); } }); Frustum.prototype.setFromMatrix = function (m) { console.warn('THREE.Frustum: .setFromMatrix() has been renamed to .setFromProjectionMatrix().'); return this.setFromProjectionMatrix(m); }; Line3.prototype.center = function (optionalTarget) { console.warn('THREE.Line3: .center() has been renamed to .getCenter().'); return this.getCenter(optionalTarget); }; Object.assign(MathUtils, { random16: function random16() { console.warn('THREE.Math: .random16() has been deprecated. Use Math.random() instead.'); return Math.random(); }, nearestPowerOfTwo: function nearestPowerOfTwo(value) { console.warn('THREE.Math: .nearestPowerOfTwo() has been renamed to .floorPowerOfTwo().'); return MathUtils.floorPowerOfTwo(value); }, nextPowerOfTwo: function nextPowerOfTwo(value) { console.warn('THREE.Math: .nextPowerOfTwo() has been renamed to .ceilPowerOfTwo().'); return MathUtils.ceilPowerOfTwo(value); } }); Object.assign(Matrix3.prototype, { flattenToArrayOffset: function flattenToArrayOffset(array, offset) { console.warn('THREE.Matrix3: .flattenToArrayOffset() has been deprecated. Use .toArray() instead.'); return this.toArray(array, offset); }, multiplyVector3: function multiplyVector3(vector) { console.warn('THREE.Matrix3: .multiplyVector3() has been removed. Use vector.applyMatrix3( matrix ) instead.'); return vector.applyMatrix3(this); }, multiplyVector3Array: function multiplyVector3Array() /* a */ { console.error('THREE.Matrix3: .multiplyVector3Array() has been removed.'); }, applyToBufferAttribute: function applyToBufferAttribute(attribute) { console.warn('THREE.Matrix3: .applyToBufferAttribute() has been removed. Use attribute.applyMatrix3( matrix ) instead.'); return attribute.applyMatrix3(this); }, applyToVector3Array: function applyToVector3Array() /* array, offset, length */ { console.error('THREE.Matrix3: .applyToVector3Array() has been removed.'); }, getInverse: function getInverse(matrix) { console.warn('THREE.Matrix3: .getInverse() has been removed. Use matrixInv.copy( matrix ).invert(); instead.'); return this.copy(matrix).invert(); } }); Object.assign(Matrix4.prototype, { extractPosition: function extractPosition(m) { console.warn('THREE.Matrix4: .extractPosition() has been renamed to .copyPosition().'); return this.copyPosition(m); }, flattenToArrayOffset: function flattenToArrayOffset(array, offset) { console.warn('THREE.Matrix4: .flattenToArrayOffset() has been deprecated. Use .toArray() instead.'); return this.toArray(array, offset); }, getPosition: function getPosition() { console.warn('THREE.Matrix4: .getPosition() has been removed. Use Vector3.setFromMatrixPosition( matrix ) instead.'); return new Vector3().setFromMatrixColumn(this, 3); }, setRotationFromQuaternion: function setRotationFromQuaternion(q) { console.warn('THREE.Matrix4: .setRotationFromQuaternion() has been renamed to .makeRotationFromQuaternion().'); return this.makeRotationFromQuaternion(q); }, multiplyToArray: function multiplyToArray() { console.warn('THREE.Matrix4: .multiplyToArray() has been removed.'); }, multiplyVector3: function multiplyVector3(vector) { console.warn('THREE.Matrix4: .multiplyVector3() has been removed. Use vector.applyMatrix4( matrix ) instead.'); return vector.applyMatrix4(this); }, multiplyVector4: function multiplyVector4(vector) { console.warn('THREE.Matrix4: .multiplyVector4() has been removed. Use vector.applyMatrix4( matrix ) instead.'); return vector.applyMatrix4(this); }, multiplyVector3Array: function multiplyVector3Array() /* a */ { console.error('THREE.Matrix4: .multiplyVector3Array() has been removed.'); }, rotateAxis: function rotateAxis(v) { console.warn('THREE.Matrix4: .rotateAxis() has been removed. Use Vector3.transformDirection( matrix ) instead.'); v.transformDirection(this); }, crossVector: function crossVector(vector) { console.warn('THREE.Matrix4: .crossVector() has been removed. Use vector.applyMatrix4( matrix ) instead.'); return vector.applyMatrix4(this); }, translate: function translate() { console.error('THREE.Matrix4: .translate() has been removed.'); }, rotateX: function rotateX() { console.error('THREE.Matrix4: .rotateX() has been removed.'); }, rotateY: function rotateY() { console.error('THREE.Matrix4: .rotateY() has been removed.'); }, rotateZ: function rotateZ() { console.error('THREE.Matrix4: .rotateZ() has been removed.'); }, rotateByAxis: function rotateByAxis() { console.error('THREE.Matrix4: .rotateByAxis() has been removed.'); }, applyToBufferAttribute: function applyToBufferAttribute(attribute) { console.warn('THREE.Matrix4: .applyToBufferAttribute() has been removed. Use attribute.applyMatrix4( matrix ) instead.'); return attribute.applyMatrix4(this); }, applyToVector3Array: function applyToVector3Array() /* array, offset, length */ { console.error('THREE.Matrix4: .applyToVector3Array() has been removed.'); }, makeFrustum: function makeFrustum(left, right, bottom, top, near, far) { console.warn('THREE.Matrix4: .makeFrustum() has been removed. Use .makePerspective( left, right, top, bottom, near, far ) instead.'); return this.makePerspective(left, right, top, bottom, near, far); }, getInverse: function getInverse(matrix) { console.warn('THREE.Matrix4: .getInverse() has been removed. Use matrixInv.copy( matrix ).invert(); instead.'); return this.copy(matrix).invert(); } }); Plane.prototype.isIntersectionLine = function (line) { console.warn('THREE.Plane: .isIntersectionLine() has been renamed to .intersectsLine().'); return this.intersectsLine(line); }; Object.assign(Quaternion.prototype, { multiplyVector3: function multiplyVector3(vector) { console.warn('THREE.Quaternion: .multiplyVector3() has been removed. Use is now vector.applyQuaternion( quaternion ) instead.'); return vector.applyQuaternion(this); }, inverse: function inverse() { console.warn('THREE.Quaternion: .inverse() has been renamed to invert().'); return this.invert(); } }); Object.assign(Ray.prototype, { isIntersectionBox: function isIntersectionBox(box) { console.warn('THREE.Ray: .isIntersectionBox() has been renamed to .intersectsBox().'); return this.intersectsBox(box); }, isIntersectionPlane: function isIntersectionPlane(plane) { console.warn('THREE.Ray: .isIntersectionPlane() has been renamed to .intersectsPlane().'); return this.intersectsPlane(plane); }, isIntersectionSphere: function isIntersectionSphere(sphere) { console.warn('THREE.Ray: .isIntersectionSphere() has been renamed to .intersectsSphere().'); return this.intersectsSphere(sphere); } }); Object.assign(Triangle.prototype, { area: function area() { console.warn('THREE.Triangle: .area() has been renamed to .getArea().'); return this.getArea(); }, barycoordFromPoint: function barycoordFromPoint(point, target) { console.warn('THREE.Triangle: .barycoordFromPoint() has been renamed to .getBarycoord().'); return this.getBarycoord(point, target); }, midpoint: function midpoint(target) { console.warn('THREE.Triangle: .midpoint() has been renamed to .getMidpoint().'); return this.getMidpoint(target); }, normal: function normal(target) { console.warn('THREE.Triangle: .normal() has been renamed to .getNormal().'); return this.getNormal(target); }, plane: function plane(target) { console.warn('THREE.Triangle: .plane() has been renamed to .getPlane().'); return this.getPlane(target); } }); Object.assign(Triangle, { barycoordFromPoint: function barycoordFromPoint(point, a, b, c, target) { console.warn('THREE.Triangle: .barycoordFromPoint() has been renamed to .getBarycoord().'); return Triangle.getBarycoord(point, a, b, c, target); }, normal: function normal(a, b, c, target) { console.warn('THREE.Triangle: .normal() has been renamed to .getNormal().'); return Triangle.getNormal(a, b, c, target); } }); Object.assign(Shape.prototype, { extractAllPoints: function extractAllPoints(divisions) { console.warn('THREE.Shape: .extractAllPoints() has been removed. Use .extractPoints() instead.'); return this.extractPoints(divisions); }, extrude: function extrude(options) { console.warn('THREE.Shape: .extrude() has been removed. Use ExtrudeGeometry() instead.'); return new ExtrudeGeometry(this, options); }, makeGeometry: function makeGeometry(options) { console.warn('THREE.Shape: .makeGeometry() has been removed. Use ShapeGeometry() instead.'); return new ShapeGeometry(this, options); } }); Object.assign(Vector2.prototype, { fromAttribute: function fromAttribute(attribute, index, offset) { console.warn('THREE.Vector2: .fromAttribute() has been renamed to .fromBufferAttribute().'); return this.fromBufferAttribute(attribute, index, offset); }, distanceToManhattan: function distanceToManhattan(v) { console.warn('THREE.Vector2: .distanceToManhattan() has been renamed to .manhattanDistanceTo().'); return this.manhattanDistanceTo(v); }, lengthManhattan: function lengthManhattan() { console.warn('THREE.Vector2: .lengthManhattan() has been renamed to .manhattanLength().'); return this.manhattanLength(); } }); Object.assign(Vector3.prototype, { setEulerFromRotationMatrix: function setEulerFromRotationMatrix() { console.error('THREE.Vector3: .setEulerFromRotationMatrix() has been removed. Use Euler.setFromRotationMatrix() instead.'); }, setEulerFromQuaternion: function setEulerFromQuaternion() { console.error('THREE.Vector3: .setEulerFromQuaternion() has been removed. Use Euler.setFromQuaternion() instead.'); }, getPositionFromMatrix: function getPositionFromMatrix(m) { console.warn('THREE.Vector3: .getPositionFromMatrix() has been renamed to .setFromMatrixPosition().'); return this.setFromMatrixPosition(m); }, getScaleFromMatrix: function getScaleFromMatrix(m) { console.warn('THREE.Vector3: .getScaleFromMatrix() has been renamed to .setFromMatrixScale().'); return this.setFromMatrixScale(m); }, getColumnFromMatrix: function getColumnFromMatrix(index, matrix) { console.warn('THREE.Vector3: .getColumnFromMatrix() has been renamed to .setFromMatrixColumn().'); return this.setFromMatrixColumn(matrix, index); }, applyProjection: function applyProjection(m) { console.warn('THREE.Vector3: .applyProjection() has been removed. Use .applyMatrix4( m ) instead.'); return this.applyMatrix4(m); }, fromAttribute: function fromAttribute(attribute, index, offset) { console.warn('THREE.Vector3: .fromAttribute() has been renamed to .fromBufferAttribute().'); return this.fromBufferAttribute(attribute, index, offset); }, distanceToManhattan: function distanceToManhattan(v) { console.warn('THREE.Vector3: .distanceToManhattan() has been renamed to .manhattanDistanceTo().'); return this.manhattanDistanceTo(v); }, lengthManhattan: function lengthManhattan() { console.warn('THREE.Vector3: .lengthManhattan() has been renamed to .manhattanLength().'); return this.manhattanLength(); } }); Object.assign(Vector4.prototype, { fromAttribute: function fromAttribute(attribute, index, offset) { console.warn('THREE.Vector4: .fromAttribute() has been renamed to .fromBufferAttribute().'); return this.fromBufferAttribute(attribute, index, offset); }, lengthManhattan: function lengthManhattan() { console.warn('THREE.Vector4: .lengthManhattan() has been renamed to .manhattanLength().'); return this.manhattanLength(); } }); // Object.assign(Object3D.prototype, { getChildByName: function getChildByName(name) { console.warn('THREE.Object3D: .getChildByName() has been renamed to .getObjectByName().'); return this.getObjectByName(name); }, renderDepth: function renderDepth() { console.warn('THREE.Object3D: .renderDepth has been removed. Use .renderOrder, instead.'); }, translate: function translate(distance, axis) { console.warn('THREE.Object3D: .translate() has been removed. Use .translateOnAxis( axis, distance ) instead.'); return this.translateOnAxis(axis, distance); }, getWorldRotation: function getWorldRotation() { console.error('THREE.Object3D: .getWorldRotation() has been removed. Use THREE.Object3D.getWorldQuaternion( target ) instead.'); }, applyMatrix: function applyMatrix(matrix) { console.warn('THREE.Object3D: .applyMatrix() has been renamed to .applyMatrix4().'); return this.applyMatrix4(matrix); } }); Object.defineProperties(Object3D.prototype, { eulerOrder: { get: function get() { console.warn('THREE.Object3D: .eulerOrder is now .rotation.order.'); return this.rotation.order; }, set: function set(value) { console.warn('THREE.Object3D: .eulerOrder is now .rotation.order.'); this.rotation.order = value; } }, useQuaternion: { get: function get() { console.warn('THREE.Object3D: .useQuaternion has been removed. The library now uses quaternions by default.'); }, set: function set() { console.warn('THREE.Object3D: .useQuaternion has been removed. The library now uses quaternions by default.'); } } }); Object.assign(Mesh.prototype, { setDrawMode: function setDrawMode() { console.error('THREE.Mesh: .setDrawMode() has been removed. The renderer now always assumes THREE.TrianglesDrawMode. Transform your geometry via BufferGeometryUtils.toTrianglesDrawMode() if necessary.'); } }); Object.defineProperties(Mesh.prototype, { drawMode: { get: function get() { console.error('THREE.Mesh: .drawMode has been removed. The renderer now always assumes THREE.TrianglesDrawMode.'); return TrianglesDrawMode; }, set: function set() { console.error('THREE.Mesh: .drawMode has been removed. The renderer now always assumes THREE.TrianglesDrawMode. Transform your geometry via BufferGeometryUtils.toTrianglesDrawMode() if necessary.'); } } }); Object.defineProperties(LOD.prototype, { objects: { get: function get() { console.warn('THREE.LOD: .objects has been renamed to .levels.'); return this.levels; } } }); Object.defineProperty(Skeleton.prototype, 'useVertexTexture', { get: function get() { console.warn('THREE.Skeleton: useVertexTexture has been removed.'); }, set: function set() { console.warn('THREE.Skeleton: useVertexTexture has been removed.'); } }); SkinnedMesh.prototype.initBones = function () { console.error('THREE.SkinnedMesh: initBones() has been removed.'); }; Object.defineProperty(Curve.prototype, '__arcLengthDivisions', { get: function get() { console.warn('THREE.Curve: .__arcLengthDivisions is now .arcLengthDivisions.'); return this.arcLengthDivisions; }, set: function set(value) { console.warn('THREE.Curve: .__arcLengthDivisions is now .arcLengthDivisions.'); this.arcLengthDivisions = value; } }); // PerspectiveCamera.prototype.setLens = function (focalLength, filmGauge) { console.warn('THREE.PerspectiveCamera.setLens is deprecated. ' + 'Use .setFocalLength and .filmGauge for a photographic setup.'); if (filmGauge !== undefined) this.filmGauge = filmGauge; this.setFocalLength(focalLength); }; // Object.defineProperties(Light.prototype, { onlyShadow: { set: function set() { console.warn('THREE.Light: .onlyShadow has been removed.'); } }, shadowCameraFov: { set: function set(value) { console.warn('THREE.Light: .shadowCameraFov is now .shadow.camera.fov.'); this.shadow.camera.fov = value; } }, shadowCameraLeft: { set: function set(value) { console.warn('THREE.Light: .shadowCameraLeft is now .shadow.camera.left.'); this.shadow.camera.left = value; } }, shadowCameraRight: { set: function set(value) { console.warn('THREE.Light: .shadowCameraRight is now .shadow.camera.right.'); this.shadow.camera.right = value; } }, shadowCameraTop: { set: function set(value) { console.warn('THREE.Light: .shadowCameraTop is now .shadow.camera.top.'); this.shadow.camera.top = value; } }, shadowCameraBottom: { set: function set(value) { console.warn('THREE.Light: .shadowCameraBottom is now .shadow.camera.bottom.'); this.shadow.camera.bottom = value; } }, shadowCameraNear: { set: function set(value) { console.warn('THREE.Light: .shadowCameraNear is now .shadow.camera.near.'); this.shadow.camera.near = value; } }, shadowCameraFar: { set: function set(value) { console.warn('THREE.Light: .shadowCameraFar is now .shadow.camera.far.'); this.shadow.camera.far = value; } }, shadowCameraVisible: { set: function set() { console.warn('THREE.Light: .shadowCameraVisible has been removed. Use new THREE.CameraHelper( light.shadow.camera ) instead.'); } }, shadowBias: { set: function set(value) { console.warn('THREE.Light: .shadowBias is now .shadow.bias.'); this.shadow.bias = value; } }, shadowDarkness: { set: function set() { console.warn('THREE.Light: .shadowDarkness has been removed.'); } }, shadowMapWidth: { set: function set(value) { console.warn('THREE.Light: .shadowMapWidth is now .shadow.mapSize.width.'); this.shadow.mapSize.width = value; } }, shadowMapHeight: { set: function set(value) { console.warn('THREE.Light: .shadowMapHeight is now .shadow.mapSize.height.'); this.shadow.mapSize.height = value; } } }); // Object.defineProperties(BufferAttribute.prototype, { length: { get: function get() { console.warn('THREE.BufferAttribute: .length has been deprecated. Use .count instead.'); return this.array.length; } }, dynamic: { get: function get() { console.warn('THREE.BufferAttribute: .dynamic has been deprecated. Use .usage instead.'); return this.usage === DynamicDrawUsage; }, set: function set() /* value */ { console.warn('THREE.BufferAttribute: .dynamic has been deprecated. Use .usage instead.'); this.setUsage(DynamicDrawUsage); } } }); Object.assign(BufferAttribute.prototype, { setDynamic: function setDynamic(value) { console.warn('THREE.BufferAttribute: .setDynamic() has been deprecated. Use .setUsage() instead.'); this.setUsage(value === true ? DynamicDrawUsage : StaticDrawUsage); return this; }, copyIndicesArray: function copyIndicesArray() /* indices */ { console.error('THREE.BufferAttribute: .copyIndicesArray() has been removed.'); }, setArray: function setArray() /* array */ { console.error('THREE.BufferAttribute: .setArray has been removed. Use BufferGeometry .setAttribute to replace/resize attribute buffers'); } }); Object.assign(BufferGeometry.prototype, { addIndex: function addIndex(index) { console.warn('THREE.BufferGeometry: .addIndex() has been renamed to .setIndex().'); this.setIndex(index); }, addAttribute: function addAttribute(name, attribute) { console.warn('THREE.BufferGeometry: .addAttribute() has been renamed to .setAttribute().'); if (!(attribute && attribute.isBufferAttribute) && !(attribute && attribute.isInterleavedBufferAttribute)) { console.warn('THREE.BufferGeometry: .addAttribute() now expects ( name, attribute ).'); return this.setAttribute(name, new BufferAttribute(arguments[1], arguments[2])); } if (name === 'index') { console.warn('THREE.BufferGeometry.addAttribute: Use .setIndex() for index attribute.'); this.setIndex(attribute); return this; } return this.setAttribute(name, attribute); }, addDrawCall: function addDrawCall(start, count, indexOffset) { if (indexOffset !== undefined) { console.warn('THREE.BufferGeometry: .addDrawCall() no longer supports indexOffset.'); } console.warn('THREE.BufferGeometry: .addDrawCall() is now .addGroup().'); this.addGroup(start, count); }, clearDrawCalls: function clearDrawCalls() { console.warn('THREE.BufferGeometry: .clearDrawCalls() is now .clearGroups().'); this.clearGroups(); }, computeOffsets: function computeOffsets() { console.warn('THREE.BufferGeometry: .computeOffsets() has been removed.'); }, removeAttribute: function removeAttribute(name) { console.warn('THREE.BufferGeometry: .removeAttribute() has been renamed to .deleteAttribute().'); return this.deleteAttribute(name); }, applyMatrix: function applyMatrix(matrix) { console.warn('THREE.BufferGeometry: .applyMatrix() has been renamed to .applyMatrix4().'); return this.applyMatrix4(matrix); } }); Object.defineProperties(BufferGeometry.prototype, { drawcalls: { get: function get() { console.error('THREE.BufferGeometry: .drawcalls has been renamed to .groups.'); return this.groups; } }, offsets: { get: function get() { console.warn('THREE.BufferGeometry: .offsets has been renamed to .groups.'); return this.groups; } } }); Object.defineProperties(InstancedBufferGeometry.prototype, { maxInstancedCount: { get: function get() { console.warn('THREE.InstancedBufferGeometry: .maxInstancedCount has been renamed to .instanceCount.'); return this.instanceCount; }, set: function set(value) { console.warn('THREE.InstancedBufferGeometry: .maxInstancedCount has been renamed to .instanceCount.'); this.instanceCount = value; } } }); Object.defineProperties(Raycaster.prototype, { linePrecision: { get: function get() { console.warn('THREE.Raycaster: .linePrecision has been deprecated. Use .params.Line.threshold instead.'); return this.params.Line.threshold; }, set: function set(value) { console.warn('THREE.Raycaster: .linePrecision has been deprecated. Use .params.Line.threshold instead.'); this.params.Line.threshold = value; } } }); Object.defineProperties(InterleavedBuffer.prototype, { dynamic: { get: function get() { console.warn('THREE.InterleavedBuffer: .length has been deprecated. Use .usage instead.'); return this.usage === DynamicDrawUsage; }, set: function set(value) { console.warn('THREE.InterleavedBuffer: .length has been deprecated. Use .usage instead.'); this.setUsage(value); } } }); Object.assign(InterleavedBuffer.prototype, { setDynamic: function setDynamic(value) { console.warn('THREE.InterleavedBuffer: .setDynamic() has been deprecated. Use .setUsage() instead.'); this.setUsage(value === true ? DynamicDrawUsage : StaticDrawUsage); return this; }, setArray: function setArray() /* array */ { console.error('THREE.InterleavedBuffer: .setArray has been removed. Use BufferGeometry .setAttribute to replace/resize attribute buffers'); } }); // Object.assign(ExtrudeGeometry.prototype, { getArrays: function getArrays() { console.error('THREE.ExtrudeGeometry: .getArrays() has been removed.'); }, addShapeList: function addShapeList() { console.error('THREE.ExtrudeGeometry: .addShapeList() has been removed.'); }, addShape: function addShape() { console.error('THREE.ExtrudeGeometry: .addShape() has been removed.'); } }); // Object.assign(Scene.prototype, { dispose: function dispose() { console.error('THREE.Scene: .dispose() has been removed.'); } }); // Object.defineProperties(Uniform.prototype, { dynamic: { set: function set() { console.warn('THREE.Uniform: .dynamic has been removed. Use object.onBeforeRender() instead.'); } }, onUpdate: { value: function value() { console.warn('THREE.Uniform: .onUpdate() has been removed. Use object.onBeforeRender() instead.'); return this; } } }); // Object.defineProperties(Material.prototype, { wrapAround: { get: function get() { console.warn('THREE.Material: .wrapAround has been removed.'); }, set: function set() { console.warn('THREE.Material: .wrapAround has been removed.'); } }, overdraw: { get: function get() { console.warn('THREE.Material: .overdraw has been removed.'); }, set: function set() { console.warn('THREE.Material: .overdraw has been removed.'); } }, wrapRGB: { get: function get() { console.warn('THREE.Material: .wrapRGB has been removed.'); return new Color(); } }, shading: { get: function get() { console.error('THREE.' + this.type + ': .shading has been removed. Use the boolean .flatShading instead.'); }, set: function set(value) { console.warn('THREE.' + this.type + ': .shading has been removed. Use the boolean .flatShading instead.'); this.flatShading = value === FlatShading; } }, stencilMask: { get: function get() { console.warn('THREE.' + this.type + ': .stencilMask has been removed. Use .stencilFuncMask instead.'); return this.stencilFuncMask; }, set: function set(value) { console.warn('THREE.' + this.type + ': .stencilMask has been removed. Use .stencilFuncMask instead.'); this.stencilFuncMask = value; } } }); Object.defineProperties(MeshPhongMaterial.prototype, { metal: { get: function get() { console.warn('THREE.MeshPhongMaterial: .metal has been removed. Use THREE.MeshStandardMaterial instead.'); return false; }, set: function set() { console.warn('THREE.MeshPhongMaterial: .metal has been removed. Use THREE.MeshStandardMaterial instead'); } } }); Object.defineProperties(MeshPhysicalMaterial.prototype, { transparency: { get: function get() { console.warn('THREE.MeshPhysicalMaterial: .transparency has been renamed to .transmission.'); return this.transmission; }, set: function set(value) { console.warn('THREE.MeshPhysicalMaterial: .transparency has been renamed to .transmission.'); this.transmission = value; } } }); Object.defineProperties(ShaderMaterial.prototype, { derivatives: { get: function get() { console.warn('THREE.ShaderMaterial: .derivatives has been moved to .extensions.derivatives.'); return this.extensions.derivatives; }, set: function set(value) { console.warn('THREE. ShaderMaterial: .derivatives has been moved to .extensions.derivatives.'); this.extensions.derivatives = value; } } }); // Object.assign(WebGLRenderer.prototype, { clearTarget: function clearTarget(renderTarget, color, depth, stencil) { console.warn('THREE.WebGLRenderer: .clearTarget() has been deprecated. Use .setRenderTarget() and .clear() instead.'); this.setRenderTarget(renderTarget); this.clear(color, depth, stencil); }, animate: function animate(callback) { console.warn('THREE.WebGLRenderer: .animate() is now .setAnimationLoop().'); this.setAnimationLoop(callback); }, getCurrentRenderTarget: function getCurrentRenderTarget() { console.warn('THREE.WebGLRenderer: .getCurrentRenderTarget() is now .getRenderTarget().'); return this.getRenderTarget(); }, getMaxAnisotropy: function getMaxAnisotropy() { console.warn('THREE.WebGLRenderer: .getMaxAnisotropy() is now .capabilities.getMaxAnisotropy().'); return this.capabilities.getMaxAnisotropy(); }, getPrecision: function getPrecision() { console.warn('THREE.WebGLRenderer: .getPrecision() is now .capabilities.precision.'); return this.capabilities.precision; }, resetGLState: function resetGLState() { console.warn('THREE.WebGLRenderer: .resetGLState() is now .state.reset().'); return this.state.reset(); }, supportsFloatTextures: function supportsFloatTextures() { console.warn('THREE.WebGLRenderer: .supportsFloatTextures() is now .extensions.get( \'OES_texture_float\' ).'); return this.extensions.get('OES_texture_float'); }, supportsHalfFloatTextures: function supportsHalfFloatTextures() { console.warn('THREE.WebGLRenderer: .supportsHalfFloatTextures() is now .extensions.get( \'OES_texture_half_float\' ).'); return this.extensions.get('OES_texture_half_float'); }, supportsStandardDerivatives: function supportsStandardDerivatives() { console.warn('THREE.WebGLRenderer: .supportsStandardDerivatives() is now .extensions.get( \'OES_standard_derivatives\' ).'); return this.extensions.get('OES_standard_derivatives'); }, supportsCompressedTextureS3TC: function supportsCompressedTextureS3TC() { console.warn('THREE.WebGLRenderer: .supportsCompressedTextureS3TC() is now .extensions.get( \'WEBGL_compressed_texture_s3tc\' ).'); return this.extensions.get('WEBGL_compressed_texture_s3tc'); }, supportsCompressedTexturePVRTC: function supportsCompressedTexturePVRTC() { console.warn('THREE.WebGLRenderer: .supportsCompressedTexturePVRTC() is now .extensions.get( \'WEBGL_compressed_texture_pvrtc\' ).'); return this.extensions.get('WEBGL_compressed_texture_pvrtc'); }, supportsBlendMinMax: function supportsBlendMinMax() { console.warn('THREE.WebGLRenderer: .supportsBlendMinMax() is now .extensions.get( \'EXT_blend_minmax\' ).'); return this.extensions.get('EXT_blend_minmax'); }, supportsVertexTextures: function supportsVertexTextures() { console.warn('THREE.WebGLRenderer: .supportsVertexTextures() is now .capabilities.vertexTextures.'); return this.capabilities.vertexTextures; }, supportsInstancedArrays: function supportsInstancedArrays() { console.warn('THREE.WebGLRenderer: .supportsInstancedArrays() is now .extensions.get( \'ANGLE_instanced_arrays\' ).'); return this.extensions.get('ANGLE_instanced_arrays'); }, enableScissorTest: function enableScissorTest(boolean) { console.warn('THREE.WebGLRenderer: .enableScissorTest() is now .setScissorTest().'); this.setScissorTest(boolean); }, initMaterial: function initMaterial() { console.warn('THREE.WebGLRenderer: .initMaterial() has been removed.'); }, addPrePlugin: function addPrePlugin() { console.warn('THREE.WebGLRenderer: .addPrePlugin() has been removed.'); }, addPostPlugin: function addPostPlugin() { console.warn('THREE.WebGLRenderer: .addPostPlugin() has been removed.'); }, updateShadowMap: function updateShadowMap() { console.warn('THREE.WebGLRenderer: .updateShadowMap() has been removed.'); }, setFaceCulling: function setFaceCulling() { console.warn('THREE.WebGLRenderer: .setFaceCulling() has been removed.'); }, allocTextureUnit: function allocTextureUnit() { console.warn('THREE.WebGLRenderer: .allocTextureUnit() has been removed.'); }, setTexture: function setTexture() { console.warn('THREE.WebGLRenderer: .setTexture() has been removed.'); }, setTextureCube: function setTextureCube() { console.warn('THREE.WebGLRenderer: .setTextureCube() has been removed.'); }, getActiveMipMapLevel: function getActiveMipMapLevel() { console.warn('THREE.WebGLRenderer: .getActiveMipMapLevel() is now .getActiveMipmapLevel().'); return this.getActiveMipmapLevel(); } }); Object.defineProperties(WebGLRenderer.prototype, { shadowMapEnabled: { get: function get() { return this.shadowMap.enabled; }, set: function set(value) { console.warn('THREE.WebGLRenderer: .shadowMapEnabled is now .shadowMap.enabled.'); this.shadowMap.enabled = value; } }, shadowMapType: { get: function get() { return this.shadowMap.type; }, set: function set(value) { console.warn('THREE.WebGLRenderer: .shadowMapType is now .shadowMap.type.'); this.shadowMap.type = value; } }, shadowMapCullFace: { get: function get() { console.warn('THREE.WebGLRenderer: .shadowMapCullFace has been removed. Set Material.shadowSide instead.'); return undefined; }, set: function set() /* value */ { console.warn('THREE.WebGLRenderer: .shadowMapCullFace has been removed. Set Material.shadowSide instead.'); } }, context: { get: function get() { console.warn('THREE.WebGLRenderer: .context has been removed. Use .getContext() instead.'); return this.getContext(); } }, vr: { get: function get() { console.warn('THREE.WebGLRenderer: .vr has been renamed to .xr'); return this.xr; } }, gammaInput: { get: function get() { console.warn('THREE.WebGLRenderer: .gammaInput has been removed. Set the encoding for textures via Texture.encoding instead.'); return false; }, set: function set() { console.warn('THREE.WebGLRenderer: .gammaInput has been removed. Set the encoding for textures via Texture.encoding instead.'); } }, gammaOutput: { get: function get() { console.warn('THREE.WebGLRenderer: .gammaOutput has been removed. Set WebGLRenderer.outputEncoding instead.'); return false; }, set: function set(value) { console.warn('THREE.WebGLRenderer: .gammaOutput has been removed. Set WebGLRenderer.outputEncoding instead.'); this.outputEncoding = value === true ? sRGBEncoding : LinearEncoding; } }, toneMappingWhitePoint: { get: function get() { console.warn('THREE.WebGLRenderer: .toneMappingWhitePoint has been removed.'); return 1.0; }, set: function set() { console.warn('THREE.WebGLRenderer: .toneMappingWhitePoint has been removed.'); } } }); Object.defineProperties(WebGLShadowMap.prototype, { cullFace: { get: function get() { console.warn('THREE.WebGLRenderer: .shadowMap.cullFace has been removed. Set Material.shadowSide instead.'); return undefined; }, set: function set() /* cullFace */ { console.warn('THREE.WebGLRenderer: .shadowMap.cullFace has been removed. Set Material.shadowSide instead.'); } }, renderReverseSided: { get: function get() { console.warn('THREE.WebGLRenderer: .shadowMap.renderReverseSided has been removed. Set Material.shadowSide instead.'); return undefined; }, set: function set() { console.warn('THREE.WebGLRenderer: .shadowMap.renderReverseSided has been removed. Set Material.shadowSide instead.'); } }, renderSingleSided: { get: function get() { console.warn('THREE.WebGLRenderer: .shadowMap.renderSingleSided has been removed. Set Material.shadowSide instead.'); return undefined; }, set: function set() { console.warn('THREE.WebGLRenderer: .shadowMap.renderSingleSided has been removed. Set Material.shadowSide instead.'); } } }); function WebGLRenderTargetCube(width, height, options) { console.warn('THREE.WebGLRenderTargetCube( width, height, options ) is now WebGLCubeRenderTarget( size, options ).'); return new WebGLCubeRenderTarget(width, options); } // Object.defineProperties(WebGLRenderTarget.prototype, { wrapS: { get: function get() { console.warn('THREE.WebGLRenderTarget: .wrapS is now .texture.wrapS.'); return this.texture.wrapS; }, set: function set(value) { console.warn('THREE.WebGLRenderTarget: .wrapS is now .texture.wrapS.'); this.texture.wrapS = value; } }, wrapT: { get: function get() { console.warn('THREE.WebGLRenderTarget: .wrapT is now .texture.wrapT.'); return this.texture.wrapT; }, set: function set(value) { console.warn('THREE.WebGLRenderTarget: .wrapT is now .texture.wrapT.'); this.texture.wrapT = value; } }, magFilter: { get: function get() { console.warn('THREE.WebGLRenderTarget: .magFilter is now .texture.magFilter.'); return this.texture.magFilter; }, set: function set(value) { console.warn('THREE.WebGLRenderTarget: .magFilter is now .texture.magFilter.'); this.texture.magFilter = value; } }, minFilter: { get: function get() { console.warn('THREE.WebGLRenderTarget: .minFilter is now .texture.minFilter.'); return this.texture.minFilter; }, set: function set(value) { console.warn('THREE.WebGLRenderTarget: .minFilter is now .texture.minFilter.'); this.texture.minFilter = value; } }, anisotropy: { get: function get() { console.warn('THREE.WebGLRenderTarget: .anisotropy is now .texture.anisotropy.'); return this.texture.anisotropy; }, set: function set(value) { console.warn('THREE.WebGLRenderTarget: .anisotropy is now .texture.anisotropy.'); this.texture.anisotropy = value; } }, offset: { get: function get() { console.warn('THREE.WebGLRenderTarget: .offset is now .texture.offset.'); return this.texture.offset; }, set: function set(value) { console.warn('THREE.WebGLRenderTarget: .offset is now .texture.offset.'); this.texture.offset = value; } }, repeat: { get: function get() { console.warn('THREE.WebGLRenderTarget: .repeat is now .texture.repeat.'); return this.texture.repeat; }, set: function set(value) { console.warn('THREE.WebGLRenderTarget: .repeat is now .texture.repeat.'); this.texture.repeat = value; } }, format: { get: function get() { console.warn('THREE.WebGLRenderTarget: .format is now .texture.format.'); return this.texture.format; }, set: function set(value) { console.warn('THREE.WebGLRenderTarget: .format is now .texture.format.'); this.texture.format = value; } }, type: { get: function get() { console.warn('THREE.WebGLRenderTarget: .type is now .texture.type.'); return this.texture.type; }, set: function set(value) { console.warn('THREE.WebGLRenderTarget: .type is now .texture.type.'); this.texture.type = value; } }, generateMipmaps: { get: function get() { console.warn('THREE.WebGLRenderTarget: .generateMipmaps is now .texture.generateMipmaps.'); return this.texture.generateMipmaps; }, set: function set(value) { console.warn('THREE.WebGLRenderTarget: .generateMipmaps is now .texture.generateMipmaps.'); this.texture.generateMipmaps = value; } } }); // Object.defineProperties(Audio.prototype, { load: { value: function value(file) { console.warn('THREE.Audio: .load has been deprecated. Use THREE.AudioLoader instead.'); var scope = this; var audioLoader = new AudioLoader(); audioLoader.load(file, function (buffer) { scope.setBuffer(buffer); }); return this; } }, startTime: { set: function set() { console.warn('THREE.Audio: .startTime is now .play( delay ).'); } } }); AudioAnalyser.prototype.getData = function () { console.warn('THREE.AudioAnalyser: .getData() is now .getFrequencyData().'); return this.getFrequencyData(); }; // CubeCamera.prototype.updateCubeMap = function (renderer, scene) { console.warn('THREE.CubeCamera: .updateCubeMap() is now .update().'); return this.update(renderer, scene); }; CubeCamera.prototype.clear = function (renderer, color, depth, stencil) { console.warn('THREE.CubeCamera: .clear() is now .renderTarget.clear().'); return this.renderTarget.clear(renderer, color, depth, stencil); }; // var GeometryUtils = { merge: function merge(geometry1, geometry2, materialIndexOffset) { console.warn('THREE.GeometryUtils: .merge() has been moved to Geometry. Use geometry.merge( geometry2, matrix, materialIndexOffset ) instead.'); var matrix; if (geometry2.isMesh) { geometry2.matrixAutoUpdate && geometry2.updateMatrix(); matrix = geometry2.matrix; geometry2 = geometry2.geometry; } geometry1.merge(geometry2, matrix, materialIndexOffset); }, center: function center(geometry) { console.warn('THREE.GeometryUtils: .center() has been moved to Geometry. Use geometry.center() instead.'); return geometry.center(); } }; ImageUtils.crossOrigin = undefined; ImageUtils.loadTexture = function (url, mapping, onLoad, onError) { console.warn('THREE.ImageUtils.loadTexture has been deprecated. Use THREE.TextureLoader() instead.'); var loader = new TextureLoader(); loader.setCrossOrigin(this.crossOrigin); var texture = loader.load(url, onLoad, undefined, onError); if (mapping) texture.mapping = mapping; return texture; }; ImageUtils.loadTextureCube = function (urls, mapping, onLoad, onError) { console.warn('THREE.ImageUtils.loadTextureCube has been deprecated. Use THREE.CubeTextureLoader() instead.'); var loader = new CubeTextureLoader(); loader.setCrossOrigin(this.crossOrigin); var texture = loader.load(urls, onLoad, undefined, onError); if (mapping) texture.mapping = mapping; return texture; }; ImageUtils.loadCompressedTexture = function () { console.error('THREE.ImageUtils.loadCompressedTexture has been removed. Use THREE.DDSLoader instead.'); }; ImageUtils.loadCompressedTextureCube = function () { console.error('THREE.ImageUtils.loadCompressedTextureCube has been removed. Use THREE.DDSLoader instead.'); }; // function CanvasRenderer() { console.error('THREE.CanvasRenderer has been removed'); } // function JSONLoader() { console.error('THREE.JSONLoader has been removed.'); } // var SceneUtils = { createMultiMaterialObject: function createMultiMaterialObject() /* geometry, materials */ { console.error('THREE.SceneUtils has been moved to /examples/jsm/utils/SceneUtils.js'); }, detach: function detach() /* child, parent, scene */ { console.error('THREE.SceneUtils has been moved to /examples/jsm/utils/SceneUtils.js'); }, attach: function attach() /* child, scene, parent */ { console.error('THREE.SceneUtils has been moved to /examples/jsm/utils/SceneUtils.js'); } }; // function LensFlare() { console.error('THREE.LensFlare has been moved to /examples/jsm/objects/Lensflare.js'); } if (typeof __THREE_DEVTOOLS__ !== 'undefined') { /* eslint-disable no-undef */ __THREE_DEVTOOLS__.dispatchEvent(new CustomEvent('register', { detail: { revision: REVISION } })); /* eslint-enable no-undef */ } if (typeof window !== 'undefined') { if (window.__THREE__) { console.warn('WARNING: Multiple instances of Three.js being imported.'); } else { window.__THREE__ = REVISION; } } exports.ACESFilmicToneMapping = ACESFilmicToneMapping; exports.AddEquation = AddEquation; exports.AddOperation = AddOperation; exports.AdditiveAnimationBlendMode = AdditiveAnimationBlendMode; exports.AdditiveBlending = AdditiveBlending; exports.AlphaFormat = AlphaFormat; exports.AlwaysDepth = AlwaysDepth; exports.AlwaysStencilFunc = AlwaysStencilFunc; exports.AmbientLight = AmbientLight; exports.AmbientLightProbe = AmbientLightProbe; exports.AnimationClip = AnimationClip; exports.AnimationLoader = AnimationLoader; exports.AnimationMixer = AnimationMixer; exports.AnimationObjectGroup = AnimationObjectGroup; exports.AnimationUtils = AnimationUtils; exports.ArcCurve = ArcCurve; exports.ArrayCamera = ArrayCamera; exports.ArrowHelper = ArrowHelper; exports.Audio = Audio; exports.AudioAnalyser = AudioAnalyser; exports.AudioContext = AudioContext; exports.AudioListener = AudioListener; exports.AudioLoader = AudioLoader; exports.AxesHelper = AxesHelper; exports.AxisHelper = AxisHelper; exports.BackSide = BackSide; exports.BasicDepthPacking = BasicDepthPacking; exports.BasicShadowMap = BasicShadowMap; exports.BinaryTextureLoader = BinaryTextureLoader; exports.Bone = Bone; exports.BooleanKeyframeTrack = BooleanKeyframeTrack; exports.BoundingBoxHelper = BoundingBoxHelper; exports.Box2 = Box2; exports.Box3 = Box3; exports.Box3Helper = Box3Helper; exports.BoxBufferGeometry = BoxGeometry; exports.BoxGeometry = BoxGeometry; exports.BoxHelper = BoxHelper; exports.BufferAttribute = BufferAttribute; exports.BufferGeometry = BufferGeometry; exports.BufferGeometryLoader = BufferGeometryLoader; exports.ByteType = ByteType; exports.Cache = Cache; exports.Camera = Camera; exports.CameraHelper = CameraHelper; exports.CanvasRenderer = CanvasRenderer; exports.CanvasTexture = CanvasTexture; exports.CatmullRomCurve3 = CatmullRomCurve3; exports.CineonToneMapping = CineonToneMapping; exports.CircleBufferGeometry = CircleGeometry; exports.CircleGeometry = CircleGeometry; exports.ClampToEdgeWrapping = ClampToEdgeWrapping; exports.Clock = Clock; exports.ClosedSplineCurve3 = ClosedSplineCurve3; exports.Color = Color; exports.ColorKeyframeTrack = ColorKeyframeTrack; exports.CompressedTexture = CompressedTexture; exports.CompressedTextureLoader = CompressedTextureLoader; exports.ConeBufferGeometry = ConeGeometry; exports.ConeGeometry = ConeGeometry; exports.CubeCamera = CubeCamera; exports.CubeReflectionMapping = CubeReflectionMapping; exports.CubeRefractionMapping = CubeRefractionMapping; exports.CubeTexture = CubeTexture; exports.CubeTextureLoader = CubeTextureLoader; exports.CubeUVReflectionMapping = CubeUVReflectionMapping; exports.CubeUVRefractionMapping = CubeUVRefractionMapping; exports.CubicBezierCurve = CubicBezierCurve; exports.CubicBezierCurve3 = CubicBezierCurve3; exports.CubicInterpolant = CubicInterpolant; exports.CullFaceBack = CullFaceBack; exports.CullFaceFront = CullFaceFront; exports.CullFaceFrontBack = CullFaceFrontBack; exports.CullFaceNone = CullFaceNone; exports.Curve = Curve; exports.CurvePath = CurvePath; exports.CustomBlending = CustomBlending; exports.CustomToneMapping = CustomToneMapping; exports.CylinderBufferGeometry = CylinderGeometry; exports.CylinderGeometry = CylinderGeometry; exports.Cylindrical = Cylindrical; exports.DataTexture = DataTexture; exports.DataTexture2DArray = DataTexture2DArray; exports.DataTexture3D = DataTexture3D; exports.DataTextureLoader = DataTextureLoader; exports.DataUtils = DataUtils; exports.DecrementStencilOp = DecrementStencilOp; exports.DecrementWrapStencilOp = DecrementWrapStencilOp; exports.DefaultLoadingManager = DefaultLoadingManager; exports.DepthFormat = DepthFormat; exports.DepthStencilFormat = DepthStencilFormat; exports.DepthTexture = DepthTexture; exports.DirectionalLight = DirectionalLight; exports.DirectionalLightHelper = DirectionalLightHelper; exports.DiscreteInterpolant = DiscreteInterpolant; exports.DodecahedronBufferGeometry = DodecahedronGeometry; exports.DodecahedronGeometry = DodecahedronGeometry; exports.DoubleSide = DoubleSide; exports.DstAlphaFactor = DstAlphaFactor; exports.DstColorFactor = DstColorFactor; exports.DynamicBufferAttribute = DynamicBufferAttribute; exports.DynamicCopyUsage = DynamicCopyUsage; exports.DynamicDrawUsage = DynamicDrawUsage; exports.DynamicReadUsage = DynamicReadUsage; exports.EdgesGeometry = EdgesGeometry; exports.EdgesHelper = EdgesHelper; exports.EllipseCurve = EllipseCurve; exports.EqualDepth = EqualDepth; exports.EqualStencilFunc = EqualStencilFunc; exports.EquirectangularReflectionMapping = EquirectangularReflectionMapping; exports.EquirectangularRefractionMapping = EquirectangularRefractionMapping; exports.Euler = Euler; exports.EventDispatcher = EventDispatcher; exports.ExtrudeBufferGeometry = ExtrudeGeometry; exports.ExtrudeGeometry = ExtrudeGeometry; exports.Face3 = Face3; exports.Face4 = Face4; exports.FaceColors = FaceColors; exports.FileLoader = FileLoader; exports.FlatShading = FlatShading; exports.Float16BufferAttribute = Float16BufferAttribute; exports.Float32Attribute = Float32Attribute; exports.Float32BufferAttribute = Float32BufferAttribute; exports.Float64Attribute = Float64Attribute; exports.Float64BufferAttribute = Float64BufferAttribute; exports.FloatType = FloatType; exports.Fog = Fog; exports.FogExp2 = FogExp2; exports.Font = Font; exports.FontLoader = FontLoader; exports.FrontSide = FrontSide; exports.Frustum = Frustum; exports.GLBufferAttribute = GLBufferAttribute; exports.GLSL1 = GLSL1; exports.GLSL3 = GLSL3; exports.GammaEncoding = GammaEncoding; exports.GeometryUtils = GeometryUtils; exports.GreaterDepth = GreaterDepth; exports.GreaterEqualDepth = GreaterEqualDepth; exports.GreaterEqualStencilFunc = GreaterEqualStencilFunc; exports.GreaterStencilFunc = GreaterStencilFunc; exports.GridHelper = GridHelper; exports.Group = Group; exports.HalfFloatType = HalfFloatType; exports.HemisphereLight = HemisphereLight; exports.HemisphereLightHelper = HemisphereLightHelper; exports.HemisphereLightProbe = HemisphereLightProbe; exports.IcosahedronBufferGeometry = IcosahedronGeometry; exports.IcosahedronGeometry = IcosahedronGeometry; exports.ImageBitmapLoader = ImageBitmapLoader; exports.ImageLoader = ImageLoader; exports.ImageUtils = ImageUtils; exports.ImmediateRenderObject = ImmediateRenderObject; exports.IncrementStencilOp = IncrementStencilOp; exports.IncrementWrapStencilOp = IncrementWrapStencilOp; exports.InstancedBufferAttribute = InstancedBufferAttribute; exports.InstancedBufferGeometry = InstancedBufferGeometry; exports.InstancedInterleavedBuffer = InstancedInterleavedBuffer; exports.InstancedMesh = InstancedMesh; exports.Int16Attribute = Int16Attribute; exports.Int16BufferAttribute = Int16BufferAttribute; exports.Int32Attribute = Int32Attribute; exports.Int32BufferAttribute = Int32BufferAttribute; exports.Int8Attribute = Int8Attribute; exports.Int8BufferAttribute = Int8BufferAttribute; exports.IntType = IntType; exports.InterleavedBuffer = InterleavedBuffer; exports.InterleavedBufferAttribute = InterleavedBufferAttribute; exports.Interpolant = Interpolant; exports.InterpolateDiscrete = InterpolateDiscrete; exports.InterpolateLinear = InterpolateLinear; exports.InterpolateSmooth = InterpolateSmooth; exports.InvertStencilOp = InvertStencilOp; exports.JSONLoader = JSONLoader; exports.KeepStencilOp = KeepStencilOp; exports.KeyframeTrack = KeyframeTrack; exports.LOD = LOD; exports.LatheBufferGeometry = LatheGeometry; exports.LatheGeometry = LatheGeometry; exports.Layers = Layers; exports.LensFlare = LensFlare; exports.LessDepth = LessDepth; exports.LessEqualDepth = LessEqualDepth; exports.LessEqualStencilFunc = LessEqualStencilFunc; exports.LessStencilFunc = LessStencilFunc; exports.Light = Light; exports.LightProbe = LightProbe; exports.Line = Line; exports.Line3 = Line3; exports.LineBasicMaterial = LineBasicMaterial; exports.LineCurve = LineCurve; exports.LineCurve3 = LineCurve3; exports.LineDashedMaterial = LineDashedMaterial; exports.LineLoop = LineLoop; exports.LinePieces = LinePieces; exports.LineSegments = LineSegments; exports.LineStrip = LineStrip; exports.LinearEncoding = LinearEncoding; exports.LinearFilter = LinearFilter; exports.LinearInterpolant = LinearInterpolant; exports.LinearMipMapLinearFilter = LinearMipMapLinearFilter; exports.LinearMipMapNearestFilter = LinearMipMapNearestFilter; exports.LinearMipmapLinearFilter = LinearMipmapLinearFilter; exports.LinearMipmapNearestFilter = LinearMipmapNearestFilter; exports.LinearToneMapping = LinearToneMapping; exports.Loader = Loader; exports.LoaderUtils = LoaderUtils; exports.LoadingManager = LoadingManager; exports.LogLuvEncoding = LogLuvEncoding; exports.LoopOnce = LoopOnce; exports.LoopPingPong = LoopPingPong; exports.LoopRepeat = LoopRepeat; exports.LuminanceAlphaFormat = LuminanceAlphaFormat; exports.LuminanceFormat = LuminanceFormat; exports.MOUSE = MOUSE; exports.Material = Material; exports.MaterialLoader = MaterialLoader; exports.Math = MathUtils; exports.MathUtils = MathUtils; exports.Matrix3 = Matrix3; exports.Matrix4 = Matrix4; exports.MaxEquation = MaxEquation; exports.Mesh = Mesh; exports.MeshBasicMaterial = MeshBasicMaterial; exports.MeshDepthMaterial = MeshDepthMaterial; exports.MeshDistanceMaterial = MeshDistanceMaterial; exports.MeshFaceMaterial = MeshFaceMaterial; exports.MeshLambertMaterial = MeshLambertMaterial; exports.MeshMatcapMaterial = MeshMatcapMaterial; exports.MeshNormalMaterial = MeshNormalMaterial; exports.MeshPhongMaterial = MeshPhongMaterial; exports.MeshPhysicalMaterial = MeshPhysicalMaterial; exports.MeshStandardMaterial = MeshStandardMaterial; exports.MeshToonMaterial = MeshToonMaterial; exports.MinEquation = MinEquation; exports.MirroredRepeatWrapping = MirroredRepeatWrapping; exports.MixOperation = MixOperation; exports.MultiMaterial = MultiMaterial; exports.MultiplyBlending = MultiplyBlending; exports.MultiplyOperation = MultiplyOperation; exports.NearestFilter = NearestFilter; exports.NearestMipMapLinearFilter = NearestMipMapLinearFilter; exports.NearestMipMapNearestFilter = NearestMipMapNearestFilter; exports.NearestMipmapLinearFilter = NearestMipmapLinearFilter; exports.NearestMipmapNearestFilter = NearestMipmapNearestFilter; exports.NeverDepth = NeverDepth; exports.NeverStencilFunc = NeverStencilFunc; exports.NoBlending = NoBlending; exports.NoColors = NoColors; exports.NoToneMapping = NoToneMapping; exports.NormalAnimationBlendMode = NormalAnimationBlendMode; exports.NormalBlending = NormalBlending; exports.NotEqualDepth = NotEqualDepth; exports.NotEqualStencilFunc = NotEqualStencilFunc; exports.NumberKeyframeTrack = NumberKeyframeTrack; exports.Object3D = Object3D; exports.ObjectLoader = ObjectLoader; exports.ObjectSpaceNormalMap = ObjectSpaceNormalMap; exports.OctahedronBufferGeometry = OctahedronGeometry; exports.OctahedronGeometry = OctahedronGeometry; exports.OneFactor = OneFactor; exports.OneMinusDstAlphaFactor = OneMinusDstAlphaFactor; exports.OneMinusDstColorFactor = OneMinusDstColorFactor; exports.OneMinusSrcAlphaFactor = OneMinusSrcAlphaFactor; exports.OneMinusSrcColorFactor = OneMinusSrcColorFactor; exports.OrthographicCamera = OrthographicCamera; exports.PCFShadowMap = PCFShadowMap; exports.PCFSoftShadowMap = PCFSoftShadowMap; exports.PMREMGenerator = PMREMGenerator; exports.ParametricBufferGeometry = ParametricGeometry; exports.ParametricGeometry = ParametricGeometry; exports.Particle = Particle; exports.ParticleBasicMaterial = ParticleBasicMaterial; exports.ParticleSystem = ParticleSystem; exports.ParticleSystemMaterial = ParticleSystemMaterial; exports.Path = Path; exports.PerspectiveCamera = PerspectiveCamera; exports.Plane = Plane; exports.PlaneBufferGeometry = PlaneGeometry; exports.PlaneGeometry = PlaneGeometry; exports.PlaneHelper = PlaneHelper; exports.PointCloud = PointCloud; exports.PointCloudMaterial = PointCloudMaterial; exports.PointLight = PointLight; exports.PointLightHelper = PointLightHelper; exports.Points = Points; exports.PointsMaterial = PointsMaterial; exports.PolarGridHelper = PolarGridHelper; exports.PolyhedronBufferGeometry = PolyhedronGeometry; exports.PolyhedronGeometry = PolyhedronGeometry; exports.PositionalAudio = PositionalAudio; exports.PropertyBinding = PropertyBinding; exports.PropertyMixer = PropertyMixer; exports.QuadraticBezierCurve = QuadraticBezierCurve; exports.QuadraticBezierCurve3 = QuadraticBezierCurve3; exports.Quaternion = Quaternion; exports.QuaternionKeyframeTrack = QuaternionKeyframeTrack; exports.QuaternionLinearInterpolant = QuaternionLinearInterpolant; exports.REVISION = REVISION; exports.RGBADepthPacking = RGBADepthPacking; exports.RGBAFormat = RGBAFormat; exports.RGBAIntegerFormat = RGBAIntegerFormat; exports.RGBA_ASTC_10x10_Format = RGBA_ASTC_10x10_Format; exports.RGBA_ASTC_10x5_Format = RGBA_ASTC_10x5_Format; exports.RGBA_ASTC_10x6_Format = RGBA_ASTC_10x6_Format; exports.RGBA_ASTC_10x8_Format = RGBA_ASTC_10x8_Format; exports.RGBA_ASTC_12x10_Format = RGBA_ASTC_12x10_Format; exports.RGBA_ASTC_12x12_Format = RGBA_ASTC_12x12_Format; exports.RGBA_ASTC_4x4_Format = RGBA_ASTC_4x4_Format; exports.RGBA_ASTC_5x4_Format = RGBA_ASTC_5x4_Format; exports.RGBA_ASTC_5x5_Format = RGBA_ASTC_5x5_Format; exports.RGBA_ASTC_6x5_Format = RGBA_ASTC_6x5_Format; exports.RGBA_ASTC_6x6_Format = RGBA_ASTC_6x6_Format; exports.RGBA_ASTC_8x5_Format = RGBA_ASTC_8x5_Format; exports.RGBA_ASTC_8x6_Format = RGBA_ASTC_8x6_Format; exports.RGBA_ASTC_8x8_Format = RGBA_ASTC_8x8_Format; exports.RGBA_BPTC_Format = RGBA_BPTC_Format; exports.RGBA_ETC2_EAC_Format = RGBA_ETC2_EAC_Format; exports.RGBA_PVRTC_2BPPV1_Format = RGBA_PVRTC_2BPPV1_Format; exports.RGBA_PVRTC_4BPPV1_Format = RGBA_PVRTC_4BPPV1_Format; exports.RGBA_S3TC_DXT1_Format = RGBA_S3TC_DXT1_Format; exports.RGBA_S3TC_DXT3_Format = RGBA_S3TC_DXT3_Format; exports.RGBA_S3TC_DXT5_Format = RGBA_S3TC_DXT5_Format; exports.RGBDEncoding = RGBDEncoding; exports.RGBEEncoding = RGBEEncoding; exports.RGBEFormat = RGBEFormat; exports.RGBFormat = RGBFormat; exports.RGBIntegerFormat = RGBIntegerFormat; exports.RGBM16Encoding = RGBM16Encoding; exports.RGBM7Encoding = RGBM7Encoding; exports.RGB_ETC1_Format = RGB_ETC1_Format; exports.RGB_ETC2_Format = RGB_ETC2_Format; exports.RGB_PVRTC_2BPPV1_Format = RGB_PVRTC_2BPPV1_Format; exports.RGB_PVRTC_4BPPV1_Format = RGB_PVRTC_4BPPV1_Format; exports.RGB_S3TC_DXT1_Format = RGB_S3TC_DXT1_Format; exports.RGFormat = RGFormat; exports.RGIntegerFormat = RGIntegerFormat; exports.RawShaderMaterial = RawShaderMaterial; exports.Ray = Ray; exports.Raycaster = Raycaster; exports.RectAreaLight = RectAreaLight; exports.RedFormat = RedFormat; exports.RedIntegerFormat = RedIntegerFormat; exports.ReinhardToneMapping = ReinhardToneMapping; exports.RepeatWrapping = RepeatWrapping; exports.ReplaceStencilOp = ReplaceStencilOp; exports.ReverseSubtractEquation = ReverseSubtractEquation; exports.RingBufferGeometry = RingGeometry; exports.RingGeometry = RingGeometry; exports.SRGB8_ALPHA8_ASTC_10x10_Format = SRGB8_ALPHA8_ASTC_10x10_Format; exports.SRGB8_ALPHA8_ASTC_10x5_Format = SRGB8_ALPHA8_ASTC_10x5_Format; exports.SRGB8_ALPHA8_ASTC_10x6_Format = SRGB8_ALPHA8_ASTC_10x6_Format; exports.SRGB8_ALPHA8_ASTC_10x8_Format = SRGB8_ALPHA8_ASTC_10x8_Format; exports.SRGB8_ALPHA8_ASTC_12x10_Format = SRGB8_ALPHA8_ASTC_12x10_Format; exports.SRGB8_ALPHA8_ASTC_12x12_Format = SRGB8_ALPHA8_ASTC_12x12_Format; exports.SRGB8_ALPHA8_ASTC_4x4_Format = SRGB8_ALPHA8_ASTC_4x4_Format; exports.SRGB8_ALPHA8_ASTC_5x4_Format = SRGB8_ALPHA8_ASTC_5x4_Format; exports.SRGB8_ALPHA8_ASTC_5x5_Format = SRGB8_ALPHA8_ASTC_5x5_Format; exports.SRGB8_ALPHA8_ASTC_6x5_Format = SRGB8_ALPHA8_ASTC_6x5_Format; exports.SRGB8_ALPHA8_ASTC_6x6_Format = SRGB8_ALPHA8_ASTC_6x6_Format; exports.SRGB8_ALPHA8_ASTC_8x5_Format = SRGB8_ALPHA8_ASTC_8x5_Format; exports.SRGB8_ALPHA8_ASTC_8x6_Format = SRGB8_ALPHA8_ASTC_8x6_Format; exports.SRGB8_ALPHA8_ASTC_8x8_Format = SRGB8_ALPHA8_ASTC_8x8_Format; exports.Scene = Scene; exports.SceneUtils = SceneUtils; exports.ShaderChunk = ShaderChunk; exports.ShaderLib = ShaderLib; exports.ShaderMaterial = ShaderMaterial; exports.ShadowMaterial = ShadowMaterial; exports.Shape = Shape; exports.ShapeBufferGeometry = ShapeGeometry; exports.ShapeGeometry = ShapeGeometry; exports.ShapePath = ShapePath; exports.ShapeUtils = ShapeUtils; exports.ShortType = ShortType; exports.Skeleton = Skeleton; exports.SkeletonHelper = SkeletonHelper; exports.SkinnedMesh = SkinnedMesh; exports.SmoothShading = SmoothShading; exports.Sphere = Sphere; exports.SphereBufferGeometry = SphereGeometry; exports.SphereGeometry = SphereGeometry; exports.Spherical = Spherical; exports.SphericalHarmonics3 = SphericalHarmonics3; exports.Spline = Spline; exports.SplineCurve = SplineCurve; exports.SplineCurve3 = SplineCurve3; exports.SpotLight = SpotLight; exports.SpotLightHelper = SpotLightHelper; exports.Sprite = Sprite; exports.SpriteMaterial = SpriteMaterial; exports.SrcAlphaFactor = SrcAlphaFactor; exports.SrcAlphaSaturateFactor = SrcAlphaSaturateFactor; exports.SrcColorFactor = SrcColorFactor; exports.StaticCopyUsage = StaticCopyUsage; exports.StaticDrawUsage = StaticDrawUsage; exports.StaticReadUsage = StaticReadUsage; exports.StereoCamera = StereoCamera; exports.StreamCopyUsage = StreamCopyUsage; exports.StreamDrawUsage = StreamDrawUsage; exports.StreamReadUsage = StreamReadUsage; exports.StringKeyframeTrack = StringKeyframeTrack; exports.SubtractEquation = SubtractEquation; exports.SubtractiveBlending = SubtractiveBlending; exports.TOUCH = TOUCH; exports.TangentSpaceNormalMap = TangentSpaceNormalMap; exports.TetrahedronBufferGeometry = TetrahedronGeometry; exports.TetrahedronGeometry = TetrahedronGeometry; exports.TextBufferGeometry = TextGeometry; exports.TextGeometry = TextGeometry; exports.Texture = Texture; exports.TextureLoader = TextureLoader; exports.TorusBufferGeometry = TorusGeometry; exports.TorusGeometry = TorusGeometry; exports.TorusKnotBufferGeometry = TorusKnotGeometry; exports.TorusKnotGeometry = TorusKnotGeometry; exports.Triangle = Triangle; exports.TriangleFanDrawMode = TriangleFanDrawMode; exports.TriangleStripDrawMode = TriangleStripDrawMode; exports.TrianglesDrawMode = TrianglesDrawMode; exports.TubeBufferGeometry = TubeGeometry; exports.TubeGeometry = TubeGeometry; exports.UVMapping = UVMapping; exports.Uint16Attribute = Uint16Attribute; exports.Uint16BufferAttribute = Uint16BufferAttribute; exports.Uint32Attribute = Uint32Attribute; exports.Uint32BufferAttribute = Uint32BufferAttribute; exports.Uint8Attribute = Uint8Attribute; exports.Uint8BufferAttribute = Uint8BufferAttribute; exports.Uint8ClampedAttribute = Uint8ClampedAttribute; exports.Uint8ClampedBufferAttribute = Uint8ClampedBufferAttribute; exports.Uniform = Uniform; exports.UniformsLib = UniformsLib; exports.UniformsUtils = UniformsUtils; exports.UnsignedByteType = UnsignedByteType; exports.UnsignedInt248Type = UnsignedInt248Type; exports.UnsignedIntType = UnsignedIntType; exports.UnsignedShort4444Type = UnsignedShort4444Type; exports.UnsignedShort5551Type = UnsignedShort5551Type; exports.UnsignedShort565Type = UnsignedShort565Type; exports.UnsignedShortType = UnsignedShortType; exports.VSMShadowMap = VSMShadowMap; exports.Vector2 = Vector2; exports.Vector3 = Vector3; exports.Vector4 = Vector4; exports.VectorKeyframeTrack = VectorKeyframeTrack; exports.Vertex = Vertex; exports.VertexColors = VertexColors; exports.VideoTexture = VideoTexture; exports.WebGL1Renderer = WebGL1Renderer; exports.WebGLCubeRenderTarget = WebGLCubeRenderTarget; exports.WebGLMultisampleRenderTarget = WebGLMultisampleRenderTarget; exports.WebGLRenderTarget = WebGLRenderTarget; exports.WebGLRenderTargetCube = WebGLRenderTargetCube; exports.WebGLRenderer = WebGLRenderer; exports.WebGLUtils = WebGLUtils; exports.WireframeGeometry = WireframeGeometry; exports.WireframeHelper = WireframeHelper; exports.WrapAroundEnding = WrapAroundEnding; exports.XHRLoader = XHRLoader; exports.ZeroCurvatureEnding = ZeroCurvatureEnding; exports.ZeroFactor = ZeroFactor; exports.ZeroSlopeEnding = ZeroSlopeEnding; exports.ZeroStencilOp = ZeroStencilOp; exports.sRGBEncoding = sRGBEncoding; Object.defineProperty(exports, '__esModule', { value: true }); }))); },{}],38:[function(_dereq_,module,exports){ THREE.DRACOLoader = function ( manager ) { THREE.Loader.call( this, manager ); this.decoderPath = ''; this.decoderConfig = {}; this.decoderBinary = null; this.decoderPending = null; this.workerLimit = 4; this.workerPool = []; this.workerNextTaskID = 1; this.workerSourceURL = ''; this.defaultAttributeIDs = { position: 'POSITION', normal: 'NORMAL', color: 'COLOR', uv: 'TEX_COORD' }; this.defaultAttributeTypes = { position: 'Float32Array', normal: 'Float32Array', color: 'Float32Array', uv: 'Float32Array' }; }; THREE.DRACOLoader.prototype = Object.assign( Object.create( THREE.Loader.prototype ), { constructor: THREE.DRACOLoader, setDecoderPath: function ( path ) { this.decoderPath = path; return this; }, setDecoderConfig: function ( config ) { this.decoderConfig = config; return this; }, setWorkerLimit: function ( workerLimit ) { this.workerLimit = workerLimit; return this; }, /** @deprecated */ setVerbosity: function () { console.warn( 'THREE.DRACOLoader: The .setVerbosity() method has been removed.' ); }, /** @deprecated */ setDrawMode: function () { console.warn( 'THREE.DRACOLoader: The .setDrawMode() method has been removed.' ); }, /** @deprecated */ setSkipDequantization: function () { console.warn( 'THREE.DRACOLoader: The .setSkipDequantization() method has been removed.' ); }, load: function ( url, onLoad, onProgress, onError ) { var loader = new THREE.FileLoader( this.manager ); loader.setPath( this.path ); loader.setResponseType( 'arraybuffer' ); loader.setRequestHeader( this.requestHeader ); loader.setWithCredentials( this.withCredentials ); loader.load( url, ( buffer ) => { var taskConfig = { attributeIDs: this.defaultAttributeIDs, attributeTypes: this.defaultAttributeTypes, useUniqueIDs: false }; this.decodeGeometry( buffer, taskConfig ) .then( onLoad ) .catch( onError ); }, onProgress, onError ); }, /** @deprecated Kept for backward-compatibility with previous DRACOLoader versions. */ decodeDracoFile: function ( buffer, callback, attributeIDs, attributeTypes ) { var taskConfig = { attributeIDs: attributeIDs || this.defaultAttributeIDs, attributeTypes: attributeTypes || this.defaultAttributeTypes, useUniqueIDs: !! attributeIDs }; this.decodeGeometry( buffer, taskConfig ).then( callback ); }, decodeGeometry: function ( buffer, taskConfig ) { // TODO: For backward-compatibility, support 'attributeTypes' objects containing // references (rather than names) to typed array constructors. These must be // serialized before sending them to the worker. for ( var attribute in taskConfig.attributeTypes ) { var type = taskConfig.attributeTypes[ attribute ]; if ( type.BYTES_PER_ELEMENT !== undefined ) { taskConfig.attributeTypes[ attribute ] = type.name; } } // var taskKey = JSON.stringify( taskConfig ); // Check for an existing task using this buffer. A transferred buffer cannot be transferred // again from this thread. if ( THREE.DRACOLoader.taskCache.has( buffer ) ) { var cachedTask = THREE.DRACOLoader.taskCache.get( buffer ); if ( cachedTask.key === taskKey ) { return cachedTask.promise; } else if ( buffer.byteLength === 0 ) { // Technically, it would be possible to wait for the previous task to complete, // transfer the buffer back, and decode again with the second configuration. That // is complex, and I don't know of any reason to decode a Draco buffer twice in // different ways, so this is left unimplemented. throw new Error( 'THREE.DRACOLoader: Unable to re-decode a buffer with different ' + 'settings. Buffer has already been transferred.' ); } } // var worker; var taskID = this.workerNextTaskID ++; var taskCost = buffer.byteLength; // Obtain a worker and assign a task, and construct a geometry instance // when the task completes. var geometryPending = this._getWorker( taskID, taskCost ) .then( ( _worker ) => { worker = _worker; return new Promise( ( resolve, reject ) => { worker._callbacks[ taskID ] = { resolve, reject }; worker.postMessage( { type: 'decode', id: taskID, taskConfig, buffer }, [ buffer ] ); // this.debug(); } ); } ) .then( ( message ) => this._createGeometry( message.geometry ) ); // Remove task from the task list. // Note: replaced '.finally()' with '.catch().then()' block - iOS 11 support (#19416) geometryPending .catch( () => true ) .then( () => { if ( worker && taskID ) { this._releaseTask( worker, taskID ); // this.debug(); } } ); // Cache the task result. THREE.DRACOLoader.taskCache.set( buffer, { key: taskKey, promise: geometryPending } ); return geometryPending; }, _createGeometry: function ( geometryData ) { var geometry = new THREE.BufferGeometry(); if ( geometryData.index ) { geometry.setIndex( new THREE.BufferAttribute( geometryData.index.array, 1 ) ); } for ( var i = 0; i < geometryData.attributes.length; i ++ ) { var attribute = geometryData.attributes[ i ]; var name = attribute.name; var array = attribute.array; var itemSize = attribute.itemSize; geometry.setAttribute( name, new THREE.BufferAttribute( array, itemSize ) ); } return geometry; }, _loadLibrary: function ( url, responseType ) { var loader = new THREE.FileLoader( this.manager ); loader.setPath( this.decoderPath ); loader.setResponseType( responseType ); loader.setWithCredentials( this.withCredentials ); return new Promise( ( resolve, reject ) => { loader.load( url, resolve, undefined, reject ); } ); }, preload: function () { this._initDecoder(); return this; }, _initDecoder: function () { if ( this.decoderPending ) return this.decoderPending; var useJS = typeof WebAssembly !== 'object' || this.decoderConfig.type === 'js'; var librariesPending = []; if ( useJS ) { librariesPending.push( this._loadLibrary( 'draco_decoder.js', 'text' ) ); } else { librariesPending.push( this._loadLibrary( 'draco_wasm_wrapper.js', 'text' ) ); librariesPending.push( this._loadLibrary( 'draco_decoder.wasm', 'arraybuffer' ) ); } this.decoderPending = Promise.all( librariesPending ) .then( ( libraries ) => { var jsContent = libraries[ 0 ]; if ( ! useJS ) { this.decoderConfig.wasmBinary = libraries[ 1 ]; } var fn = THREE.DRACOLoader.DRACOWorker.toString(); var body = [ '/* draco decoder */', jsContent, '', '/* worker */', fn.substring( fn.indexOf( '{' ) + 1, fn.lastIndexOf( '}' ) ) ].join( '\n' ); this.workerSourceURL = URL.createObjectURL( new Blob( [ body ] ) ); } ); return this.decoderPending; }, _getWorker: function ( taskID, taskCost ) { return this._initDecoder().then( () => { if ( this.workerPool.length < this.workerLimit ) { var worker = new Worker( this.workerSourceURL ); worker._callbacks = {}; worker._taskCosts = {}; worker._taskLoad = 0; worker.postMessage( { type: 'init', decoderConfig: this.decoderConfig } ); worker.onmessage = function ( e ) { var message = e.data; switch ( message.type ) { case 'decode': worker._callbacks[ message.id ].resolve( message ); break; case 'error': worker._callbacks[ message.id ].reject( message ); break; default: console.error( 'THREE.DRACOLoader: Unexpected message, "' + message.type + '"' ); } }; this.workerPool.push( worker ); } else { this.workerPool.sort( function ( a, b ) { return a._taskLoad > b._taskLoad ? - 1 : 1; } ); } var worker = this.workerPool[ this.workerPool.length - 1 ]; worker._taskCosts[ taskID ] = taskCost; worker._taskLoad += taskCost; return worker; } ); }, _releaseTask: function ( worker, taskID ) { worker._taskLoad -= worker._taskCosts[ taskID ]; delete worker._callbacks[ taskID ]; delete worker._taskCosts[ taskID ]; }, debug: function () { console.log( 'Task load: ', this.workerPool.map( ( worker ) => worker._taskLoad ) ); }, dispose: function () { for ( var i = 0; i < this.workerPool.length; ++ i ) { this.workerPool[ i ].terminate(); } this.workerPool.length = 0; return this; } } ); /* WEB WORKER */ THREE.DRACOLoader.DRACOWorker = function () { var decoderConfig; var decoderPending; onmessage = function ( e ) { var message = e.data; switch ( message.type ) { case 'init': decoderConfig = message.decoderConfig; decoderPending = new Promise( function ( resolve/*, reject*/ ) { decoderConfig.onModuleLoaded = function ( draco ) { // Module is Promise-like. Wrap before resolving to avoid loop. resolve( { draco: draco } ); }; DracoDecoderModule( decoderConfig ); // eslint-disable-line no-undef } ); break; case 'decode': var buffer = message.buffer; var taskConfig = message.taskConfig; decoderPending.then( ( module ) => { var draco = module.draco; var decoder = new draco.Decoder(); var decoderBuffer = new draco.DecoderBuffer(); decoderBuffer.Init( new Int8Array( buffer ), buffer.byteLength ); try { var geometry = decodeGeometry( draco, decoder, decoderBuffer, taskConfig ); var buffers = geometry.attributes.map( ( attr ) => attr.array.buffer ); if ( geometry.index ) buffers.push( geometry.index.array.buffer ); self.postMessage( { type: 'decode', id: message.id, geometry }, buffers ); } catch ( error ) { console.error( error ); self.postMessage( { type: 'error', id: message.id, error: error.message } ); } finally { draco.destroy( decoderBuffer ); draco.destroy( decoder ); } } ); break; } }; function decodeGeometry( draco, decoder, decoderBuffer, taskConfig ) { var attributeIDs = taskConfig.attributeIDs; var attributeTypes = taskConfig.attributeTypes; var dracoGeometry; var decodingStatus; var geometryType = decoder.GetEncodedGeometryType( decoderBuffer ); if ( geometryType === draco.TRIANGULAR_MESH ) { dracoGeometry = new draco.Mesh(); decodingStatus = decoder.DecodeBufferToMesh( decoderBuffer, dracoGeometry ); } else if ( geometryType === draco.POINT_CLOUD ) { dracoGeometry = new draco.PointCloud(); decodingStatus = decoder.DecodeBufferToPointCloud( decoderBuffer, dracoGeometry ); } else { throw new Error( 'THREE.DRACOLoader: Unexpected geometry type.' ); } if ( ! decodingStatus.ok() || dracoGeometry.ptr === 0 ) { throw new Error( 'THREE.DRACOLoader: Decoding failed: ' + decodingStatus.error_msg() ); } var geometry = { index: null, attributes: [] }; // Gather all vertex attributes. for ( var attributeName in attributeIDs ) { var attributeType = self[ attributeTypes[ attributeName ] ]; var attribute; var attributeID; // A Draco file may be created with default vertex attributes, whose attribute IDs // are mapped 1:1 from their semantic name (POSITION, NORMAL, ...). Alternatively, // a Draco file may contain a custom set of attributes, identified by known unique // IDs. glTF files always do the latter, and `.drc` files typically do the former. if ( taskConfig.useUniqueIDs ) { attributeID = attributeIDs[ attributeName ]; attribute = decoder.GetAttributeByUniqueId( dracoGeometry, attributeID ); } else { attributeID = decoder.GetAttributeId( dracoGeometry, draco[ attributeIDs[ attributeName ] ] ); if ( attributeID === - 1 ) continue; attribute = decoder.GetAttribute( dracoGeometry, attributeID ); } geometry.attributes.push( decodeAttribute( draco, decoder, dracoGeometry, attributeName, attributeType, attribute ) ); } // Add index. if ( geometryType === draco.TRIANGULAR_MESH ) { geometry.index = decodeIndex( draco, decoder, dracoGeometry ); } draco.destroy( dracoGeometry ); return geometry; } function decodeIndex( draco, decoder, dracoGeometry ) { var numFaces = dracoGeometry.num_faces(); var numIndices = numFaces * 3; var byteLength = numIndices * 4; var ptr = draco._malloc( byteLength ); decoder.GetTrianglesUInt32Array( dracoGeometry, byteLength, ptr ); var index = new Uint32Array( draco.HEAPF32.buffer, ptr, numIndices ).slice(); draco._free( ptr ); return { array: index, itemSize: 1 }; } function decodeAttribute( draco, decoder, dracoGeometry, attributeName, attributeType, attribute ) { var numComponents = attribute.num_components(); var numPoints = dracoGeometry.num_points(); var numValues = numPoints * numComponents; var byteLength = numValues * attributeType.BYTES_PER_ELEMENT; var dataType = getDracoDataType( draco, attributeType ); var ptr = draco._malloc( byteLength ); decoder.GetAttributeDataArrayForAllPoints( dracoGeometry, attribute, dataType, byteLength, ptr ); var array = new attributeType( draco.HEAPF32.buffer, ptr, numValues ).slice(); draco._free( ptr ); return { name: attributeName, array: array, itemSize: numComponents }; } function getDracoDataType( draco, attributeType ) { switch ( attributeType ) { case Float32Array: return draco.DT_FLOAT32; case Int8Array: return draco.DT_INT8; case Int16Array: return draco.DT_INT16; case Int32Array: return draco.DT_INT32; case Uint8Array: return draco.DT_UINT8; case Uint16Array: return draco.DT_UINT16; case Uint32Array: return draco.DT_UINT32; } } }; THREE.DRACOLoader.taskCache = new WeakMap(); /** Deprecated static methods */ /** @deprecated */ THREE.DRACOLoader.setDecoderPath = function () { console.warn( 'THREE.DRACOLoader: The .setDecoderPath() method has been removed. Use instance methods.' ); }; /** @deprecated */ THREE.DRACOLoader.setDecoderConfig = function () { console.warn( 'THREE.DRACOLoader: The .setDecoderConfig() method has been removed. Use instance methods.' ); }; /** @deprecated */ THREE.DRACOLoader.releaseDecoderModule = function () { console.warn( 'THREE.DRACOLoader: The .releaseDecoderModule() method has been removed. Use instance methods.' ); }; /** @deprecated */ THREE.DRACOLoader.getDecoderModule = function () { console.warn( 'THREE.DRACOLoader: The .getDecoderModule() method has been removed. Use instance methods.' ); }; },{}],39:[function(_dereq_,module,exports){ THREE.GLTFLoader = ( function () { function GLTFLoader( manager ) { THREE.Loader.call( this, manager ); this.dracoLoader = null; this.ddsLoader = null; this.ktx2Loader = null; this.meshoptDecoder = null; this.pluginCallbacks = []; this.register( function ( parser ) { return new GLTFMaterialsClearcoatExtension( parser ); } ); this.register( function ( parser ) { return new GLTFTextureBasisUExtension( parser ); } ); this.register( function ( parser ) { return new GLTFTextureWebPExtension( parser ); } ); this.register( function ( parser ) { return new GLTFMaterialsTransmissionExtension( parser ); } ); this.register( function ( parser ) { return new GLTFLightsExtension( parser ); } ); this.register( function ( parser ) { return new GLTFMeshoptCompression( parser ); } ); } GLTFLoader.prototype = Object.assign( Object.create( THREE.Loader.prototype ), { constructor: GLTFLoader, load: function ( url, onLoad, onProgress, onError ) { var scope = this; var resourcePath; if ( this.resourcePath !== '' ) { resourcePath = this.resourcePath; } else if ( this.path !== '' ) { resourcePath = this.path; } else { resourcePath = THREE.LoaderUtils.extractUrlBase( url ); } // Tells the LoadingManager to track an extra item, which resolves after // the model is fully loaded. This means the count of items loaded will // be incorrect, but ensures manager.onLoad() does not fire early. this.manager.itemStart( url ); var _onError = function ( e ) { if ( onError ) { onError( e ); } else { console.error( e ); } scope.manager.itemError( url ); scope.manager.itemEnd( url ); }; var loader = new THREE.FileLoader( this.manager ); loader.setPath( this.path ); loader.setResponseType( 'arraybuffer' ); loader.setRequestHeader( this.requestHeader ); loader.setWithCredentials( this.withCredentials ); loader.load( url, function ( data ) { try { scope.parse( data, resourcePath, function ( gltf ) { onLoad( gltf ); scope.manager.itemEnd( url ); }, _onError ); } catch ( e ) { _onError( e ); } }, onProgress, _onError ); }, setDRACOLoader: function ( dracoLoader ) { this.dracoLoader = dracoLoader; return this; }, setDDSLoader: function ( ddsLoader ) { this.ddsLoader = ddsLoader; return this; }, setKTX2Loader: function ( ktx2Loader ) { this.ktx2Loader = ktx2Loader; return this; }, setMeshoptDecoder: function ( meshoptDecoder ) { this.meshoptDecoder = meshoptDecoder; return this; }, register: function ( callback ) { if ( this.pluginCallbacks.indexOf( callback ) === - 1 ) { this.pluginCallbacks.push( callback ); } return this; }, unregister: function ( callback ) { if ( this.pluginCallbacks.indexOf( callback ) !== - 1 ) { this.pluginCallbacks.splice( this.pluginCallbacks.indexOf( callback ), 1 ); } return this; }, parse: function ( data, path, onLoad, onError ) { var content; var extensions = {}; var plugins = {}; if ( typeof data === 'string' ) { content = data; } else { var magic = THREE.LoaderUtils.decodeText( new Uint8Array( data, 0, 4 ) ); if ( magic === BINARY_EXTENSION_HEADER_MAGIC ) { try { extensions[ EXTENSIONS.KHR_BINARY_GLTF ] = new GLTFBinaryExtension( data ); } catch ( error ) { if ( onError ) onError( error ); return; } content = extensions[ EXTENSIONS.KHR_BINARY_GLTF ].content; } else { content = THREE.LoaderUtils.decodeText( new Uint8Array( data ) ); } } var json = JSON.parse( content ); if ( json.asset === undefined || json.asset.version[ 0 ] < 2 ) { if ( onError ) onError( new Error( 'THREE.GLTFLoader: Unsupported asset. glTF versions >=2.0 are supported.' ) ); return; } var parser = new GLTFParser( json, { path: path || this.resourcePath || '', crossOrigin: this.crossOrigin, manager: this.manager, ktx2Loader: this.ktx2Loader, meshoptDecoder: this.meshoptDecoder } ); parser.fileLoader.setRequestHeader( this.requestHeader ); for ( var i = 0; i < this.pluginCallbacks.length; i ++ ) { var plugin = this.pluginCallbacks[ i ]( parser ); plugins[ plugin.name ] = plugin; // Workaround to avoid determining as unknown extension // in addUnknownExtensionsToUserData(). // Remove this workaround if we move all the existing // extension handlers to plugin system extensions[ plugin.name ] = true; } if ( json.extensionsUsed ) { for ( var i = 0; i < json.extensionsUsed.length; ++ i ) { var extensionName = json.extensionsUsed[ i ]; var extensionsRequired = json.extensionsRequired || []; switch ( extensionName ) { case EXTENSIONS.KHR_MATERIALS_UNLIT: extensions[ extensionName ] = new GLTFMaterialsUnlitExtension(); break; case EXTENSIONS.KHR_MATERIALS_PBR_SPECULAR_GLOSSINESS: extensions[ extensionName ] = new GLTFMaterialsPbrSpecularGlossinessExtension(); break; case EXTENSIONS.KHR_DRACO_MESH_COMPRESSION: extensions[ extensionName ] = new GLTFDracoMeshCompressionExtension( json, this.dracoLoader ); break; case EXTENSIONS.MSFT_TEXTURE_DDS: extensions[ extensionName ] = new GLTFTextureDDSExtension( this.ddsLoader ); break; case EXTENSIONS.KHR_TEXTURE_TRANSFORM: extensions[ extensionName ] = new GLTFTextureTransformExtension(); break; case EXTENSIONS.KHR_MESH_QUANTIZATION: extensions[ extensionName ] = new GLTFMeshQuantizationExtension(); break; default: if ( extensionsRequired.indexOf( extensionName ) >= 0 && plugins[ extensionName ] === undefined ) { console.warn( 'THREE.GLTFLoader: Unknown extension "' + extensionName + '".' ); } } } } parser.setExtensions( extensions ); parser.setPlugins( plugins ); parser.parse( onLoad, onError ); } } ); /* GLTFREGISTRY */ function GLTFRegistry() { var objects = {}; return { get: function ( key ) { return objects[ key ]; }, add: function ( key, object ) { objects[ key ] = object; }, remove: function ( key ) { delete objects[ key ]; }, removeAll: function () { objects = {}; } }; } /*********************************/ /********** EXTENSIONS ***********/ /*********************************/ var EXTENSIONS = { KHR_BINARY_GLTF: 'KHR_binary_glTF', KHR_DRACO_MESH_COMPRESSION: 'KHR_draco_mesh_compression', KHR_LIGHTS_PUNCTUAL: 'KHR_lights_punctual', KHR_MATERIALS_CLEARCOAT: 'KHR_materials_clearcoat', KHR_MATERIALS_PBR_SPECULAR_GLOSSINESS: 'KHR_materials_pbrSpecularGlossiness', KHR_MATERIALS_TRANSMISSION: 'KHR_materials_transmission', KHR_MATERIALS_UNLIT: 'KHR_materials_unlit', KHR_TEXTURE_BASISU: 'KHR_texture_basisu', KHR_TEXTURE_TRANSFORM: 'KHR_texture_transform', KHR_MESH_QUANTIZATION: 'KHR_mesh_quantization', EXT_TEXTURE_WEBP: 'EXT_texture_webp', EXT_MESHOPT_COMPRESSION: 'EXT_meshopt_compression', MSFT_TEXTURE_DDS: 'MSFT_texture_dds' }; /** * DDS Texture Extension * * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Vendor/MSFT_texture_dds * */ function GLTFTextureDDSExtension( ddsLoader ) { if ( ! ddsLoader ) { throw new Error( 'THREE.GLTFLoader: Attempting to load .dds texture without importing THREE.DDSLoader' ); } this.name = EXTENSIONS.MSFT_TEXTURE_DDS; this.ddsLoader = ddsLoader; } /** * Punctual Lights Extension * * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_lights_punctual */ function GLTFLightsExtension( parser ) { this.parser = parser; this.name = EXTENSIONS.KHR_LIGHTS_PUNCTUAL; // Object3D instance caches this.cache = { refs: {}, uses: {} }; } GLTFLightsExtension.prototype._markDefs = function () { var parser = this.parser; var nodeDefs = this.parser.json.nodes || []; for ( var nodeIndex = 0, nodeLength = nodeDefs.length; nodeIndex < nodeLength; nodeIndex ++ ) { var nodeDef = nodeDefs[ nodeIndex ]; if ( nodeDef.extensions && nodeDef.extensions[ this.name ] && nodeDef.extensions[ this.name ].light !== undefined ) { parser._addNodeRef( this.cache, nodeDef.extensions[ this.name ].light ); } } }; GLTFLightsExtension.prototype._loadLight = function ( lightIndex ) { var parser = this.parser; var cacheKey = 'light:' + lightIndex; var dependency = parser.cache.get( cacheKey ); if ( dependency ) return dependency; var json = parser.json; var extensions = ( json.extensions && json.extensions[ this.name ] ) || {}; var lightDefs = extensions.lights || []; var lightDef = lightDefs[ lightIndex ]; var lightNode; var color = new THREE.Color( 0xffffff ); if ( lightDef.color !== undefined ) color.fromArray( lightDef.color ); var range = lightDef.range !== undefined ? lightDef.range : 0; switch ( lightDef.type ) { case 'directional': lightNode = new THREE.DirectionalLight( color ); lightNode.target.position.set( 0, 0, - 1 ); lightNode.add( lightNode.target ); break; case 'point': lightNode = new THREE.PointLight( color ); lightNode.distance = range; break; case 'spot': lightNode = new THREE.SpotLight( color ); lightNode.distance = range; // Handle spotlight properties. lightDef.spot = lightDef.spot || {}; lightDef.spot.innerConeAngle = lightDef.spot.innerConeAngle !== undefined ? lightDef.spot.innerConeAngle : 0; lightDef.spot.outerConeAngle = lightDef.spot.outerConeAngle !== undefined ? lightDef.spot.outerConeAngle : Math.PI / 4.0; lightNode.angle = lightDef.spot.outerConeAngle; lightNode.penumbra = 1.0 - lightDef.spot.innerConeAngle / lightDef.spot.outerConeAngle; lightNode.target.position.set( 0, 0, - 1 ); lightNode.add( lightNode.target ); break; default: throw new Error( 'THREE.GLTFLoader: Unexpected light type: ' + lightDef.type ); } // Some lights (e.g. spot) default to a position other than the origin. Reset the position // here, because node-level parsing will only override position if explicitly specified. lightNode.position.set( 0, 0, 0 ); lightNode.decay = 2; if ( lightDef.intensity !== undefined ) lightNode.intensity = lightDef.intensity; lightNode.name = parser.createUniqueName( lightDef.name || ( 'light_' + lightIndex ) ); dependency = Promise.resolve( lightNode ); parser.cache.add( cacheKey, dependency ); return dependency; }; GLTFLightsExtension.prototype.createNodeAttachment = function ( nodeIndex ) { var self = this; var parser = this.parser; var json = parser.json; var nodeDef = json.nodes[ nodeIndex ]; var lightDef = ( nodeDef.extensions && nodeDef.extensions[ this.name ] ) || {}; var lightIndex = lightDef.light; if ( lightIndex === undefined ) return null; return this._loadLight( lightIndex ).then( function ( light ) { return parser._getNodeRef( self.cache, lightIndex, light ); } ); }; /** * Unlit Materials Extension * * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_materials_unlit */ function GLTFMaterialsUnlitExtension() { this.name = EXTENSIONS.KHR_MATERIALS_UNLIT; } GLTFMaterialsUnlitExtension.prototype.getMaterialType = function () { return THREE.MeshBasicMaterial; }; GLTFMaterialsUnlitExtension.prototype.extendParams = function ( materialParams, materialDef, parser ) { var pending = []; materialParams.color = new THREE.Color( 1.0, 1.0, 1.0 ); materialParams.opacity = 1.0; var metallicRoughness = materialDef.pbrMetallicRoughness; if ( metallicRoughness ) { if ( Array.isArray( metallicRoughness.baseColorFactor ) ) { var array = metallicRoughness.baseColorFactor; materialParams.color.fromArray( array ); materialParams.opacity = array[ 3 ]; } if ( metallicRoughness.baseColorTexture !== undefined ) { pending.push( parser.assignTexture( materialParams, 'map', metallicRoughness.baseColorTexture ) ); } } return Promise.all( pending ); }; /** * Clearcoat Materials Extension * * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_materials_clearcoat */ function GLTFMaterialsClearcoatExtension( parser ) { this.parser = parser; this.name = EXTENSIONS.KHR_MATERIALS_CLEARCOAT; } GLTFMaterialsClearcoatExtension.prototype.getMaterialType = function ( materialIndex ) { var parser = this.parser; var materialDef = parser.json.materials[ materialIndex ]; if ( ! materialDef.extensions || ! materialDef.extensions[ this.name ] ) return null; return THREE.MeshPhysicalMaterial; }; GLTFMaterialsClearcoatExtension.prototype.extendMaterialParams = function ( materialIndex, materialParams ) { var parser = this.parser; var materialDef = parser.json.materials[ materialIndex ]; if ( ! materialDef.extensions || ! materialDef.extensions[ this.name ] ) { return Promise.resolve(); } var pending = []; var extension = materialDef.extensions[ this.name ]; if ( extension.clearcoatFactor !== undefined ) { materialParams.clearcoat = extension.clearcoatFactor; } if ( extension.clearcoatTexture !== undefined ) { pending.push( parser.assignTexture( materialParams, 'clearcoatMap', extension.clearcoatTexture ) ); } if ( extension.clearcoatRoughnessFactor !== undefined ) { materialParams.clearcoatRoughness = extension.clearcoatRoughnessFactor; } if ( extension.clearcoatRoughnessTexture !== undefined ) { pending.push( parser.assignTexture( materialParams, 'clearcoatRoughnessMap', extension.clearcoatRoughnessTexture ) ); } if ( extension.clearcoatNormalTexture !== undefined ) { pending.push( parser.assignTexture( materialParams, 'clearcoatNormalMap', extension.clearcoatNormalTexture ) ); if ( extension.clearcoatNormalTexture.scale !== undefined ) { var scale = extension.clearcoatNormalTexture.scale; // https://github.com/mrdoob/three.js/issues/11438#issuecomment-507003995 materialParams.clearcoatNormalScale = new THREE.Vector2( scale, -scale ); } } return Promise.all( pending ); }; /** * Transmission Materials Extension * * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_materials_transmission * Draft: https://github.com/KhronosGroup/glTF/pull/1698 */ function GLTFMaterialsTransmissionExtension( parser ) { this.parser = parser; this.name = EXTENSIONS.KHR_MATERIALS_TRANSMISSION; } GLTFMaterialsTransmissionExtension.prototype.getMaterialType = function ( materialIndex ) { var parser = this.parser; var materialDef = parser.json.materials[ materialIndex ]; if ( ! materialDef.extensions || ! materialDef.extensions[ this.name ] ) return null; return THREE.MeshPhysicalMaterial; }; GLTFMaterialsTransmissionExtension.prototype.extendMaterialParams = function ( materialIndex, materialParams ) { var parser = this.parser; var materialDef = parser.json.materials[ materialIndex ]; if ( ! materialDef.extensions || ! materialDef.extensions[ this.name ] ) { return Promise.resolve(); } var pending = []; var extension = materialDef.extensions[ this.name ]; if ( extension.transmissionFactor !== undefined ) { materialParams.transmission = extension.transmissionFactor; } if ( extension.transmissionTexture !== undefined ) { pending.push( parser.assignTexture( materialParams, 'transmissionMap', extension.transmissionTexture ) ); } return Promise.all( pending ); }; /** * BasisU Texture Extension * * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_texture_basisu */ function GLTFTextureBasisUExtension( parser ) { this.parser = parser; this.name = EXTENSIONS.KHR_TEXTURE_BASISU; } GLTFTextureBasisUExtension.prototype.loadTexture = function ( textureIndex ) { var parser = this.parser; var json = parser.json; var textureDef = json.textures[ textureIndex ]; if ( ! textureDef.extensions || ! textureDef.extensions[ this.name ] ) { return null; } var extension = textureDef.extensions[ this.name ]; var source = json.images[ extension.source ]; var loader = parser.options.ktx2Loader; if ( ! loader ) { if ( json.extensionsRequired && json.extensionsRequired.indexOf( this.name ) >= 0 ) { throw new Error( 'THREE.GLTFLoader: setKTX2Loader must be called before loading KTX2 textures' ); } else { // Assumes that the extension is optional and that a fallback texture is present return null; } } return parser.loadTextureImage( textureIndex, source, loader ); }; /** * WebP Texture Extension * * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Vendor/EXT_texture_webp */ function GLTFTextureWebPExtension( parser ) { this.parser = parser; this.name = EXTENSIONS.EXT_TEXTURE_WEBP; this.isSupported = null; } GLTFTextureWebPExtension.prototype.loadTexture = function ( textureIndex ) { var name = this.name; var parser = this.parser; var json = parser.json; var textureDef = json.textures[ textureIndex ]; if ( ! textureDef.extensions || ! textureDef.extensions[ name ] ) { return null; } var extension = textureDef.extensions[ name ]; var source = json.images[ extension.source ]; var loader = source.uri ? parser.options.manager.getHandler( source.uri ) : parser.textureLoader; return this.detectSupport().then( function ( isSupported ) { if ( isSupported ) return parser.loadTextureImage( textureIndex, source, loader ); if ( json.extensionsRequired && json.extensionsRequired.indexOf( name ) >= 0 ) { throw new Error( 'THREE.GLTFLoader: WebP required by asset but unsupported.' ); } // Fall back to PNG or JPEG. return parser.loadTexture( textureIndex ); } ); }; GLTFTextureWebPExtension.prototype.detectSupport = function () { if ( ! this.isSupported ) { this.isSupported = new Promise( function ( resolve ) { var image = new Image(); // Lossy test image. Support for lossy images doesn't guarantee support for all // WebP images, unfortunately. image.src = 'data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA'; image.onload = image.onerror = function () { resolve( image.height === 1 ); }; } ); } return this.isSupported; }; /** * meshopt BufferView Compression Extension * * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Vendor/EXT_meshopt_compression */ function GLTFMeshoptCompression( parser ) { this.name = EXTENSIONS.EXT_MESHOPT_COMPRESSION; this.parser = parser; } GLTFMeshoptCompression.prototype.loadBufferView = function ( index ) { var json = this.parser.json; var bufferView = json.bufferViews[ index ]; if ( bufferView.extensions && bufferView.extensions[ this.name ] ) { var extensionDef = bufferView.extensions[ this.name ]; var buffer = this.parser.getDependency( 'buffer', extensionDef.buffer ); var decoder = this.parser.options.meshoptDecoder; if ( ! decoder || ! decoder.supported ) { if ( json.extensionsRequired && json.extensionsRequired.indexOf( this.name ) >= 0 ) { throw new Error( 'THREE.GLTFLoader: setMeshoptDecoder must be called before loading compressed files' ); } else { // Assumes that the extension is optional and that fallback buffer data is present return null; } } return Promise.all( [ buffer, decoder.ready ] ).then( function ( res ) { var byteOffset = extensionDef.byteOffset || 0; var byteLength = extensionDef.byteLength || 0; var count = extensionDef.count; var stride = extensionDef.byteStride; var result = new ArrayBuffer( count * stride ); var source = new Uint8Array( res[ 0 ], byteOffset, byteLength ); decoder.decodeGltfBuffer( new Uint8Array( result ), count, stride, source, extensionDef.mode, extensionDef.filter ); return result; } ); } else { return null; } }; /* BINARY EXTENSION */ var BINARY_EXTENSION_HEADER_MAGIC = 'glTF'; var BINARY_EXTENSION_HEADER_LENGTH = 12; var BINARY_EXTENSION_CHUNK_TYPES = { JSON: 0x4E4F534A, BIN: 0x004E4942 }; function GLTFBinaryExtension( data ) { this.name = EXTENSIONS.KHR_BINARY_GLTF; this.content = null; this.body = null; var headerView = new DataView( data, 0, BINARY_EXTENSION_HEADER_LENGTH ); this.header = { magic: THREE.LoaderUtils.decodeText( new Uint8Array( data.slice( 0, 4 ) ) ), version: headerView.getUint32( 4, true ), length: headerView.getUint32( 8, true ) }; if ( this.header.magic !== BINARY_EXTENSION_HEADER_MAGIC ) { throw new Error( 'THREE.GLTFLoader: Unsupported glTF-Binary header.' ); } else if ( this.header.version < 2.0 ) { throw new Error( 'THREE.GLTFLoader: Legacy binary file detected.' ); } var chunkContentsLength = this.header.length - BINARY_EXTENSION_HEADER_LENGTH; var chunkView = new DataView( data, BINARY_EXTENSION_HEADER_LENGTH ); var chunkIndex = 0; while ( chunkIndex < chunkContentsLength ) { var chunkLength = chunkView.getUint32( chunkIndex, true ); chunkIndex += 4; var chunkType = chunkView.getUint32( chunkIndex, true ); chunkIndex += 4; if ( chunkType === BINARY_EXTENSION_CHUNK_TYPES.JSON ) { var contentArray = new Uint8Array( data, BINARY_EXTENSION_HEADER_LENGTH + chunkIndex, chunkLength ); this.content = THREE.LoaderUtils.decodeText( contentArray ); } else if ( chunkType === BINARY_EXTENSION_CHUNK_TYPES.BIN ) { var byteOffset = BINARY_EXTENSION_HEADER_LENGTH + chunkIndex; this.body = data.slice( byteOffset, byteOffset + chunkLength ); } // Clients must ignore chunks with unknown types. chunkIndex += chunkLength; } if ( this.content === null ) { throw new Error( 'THREE.GLTFLoader: JSON content not found.' ); } } /** * DRACO Mesh Compression Extension * * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_draco_mesh_compression */ function GLTFDracoMeshCompressionExtension( json, dracoLoader ) { if ( ! dracoLoader ) { throw new Error( 'THREE.GLTFLoader: No DRACOLoader instance provided.' ); } this.name = EXTENSIONS.KHR_DRACO_MESH_COMPRESSION; this.json = json; this.dracoLoader = dracoLoader; this.dracoLoader.preload(); } GLTFDracoMeshCompressionExtension.prototype.decodePrimitive = function ( primitive, parser ) { var json = this.json; var dracoLoader = this.dracoLoader; var bufferViewIndex = primitive.extensions[ this.name ].bufferView; var gltfAttributeMap = primitive.extensions[ this.name ].attributes; var threeAttributeMap = {}; var attributeNormalizedMap = {}; var attributeTypeMap = {}; for ( var attributeName in gltfAttributeMap ) { var threeAttributeName = ATTRIBUTES[ attributeName ] || attributeName.toLowerCase(); threeAttributeMap[ threeAttributeName ] = gltfAttributeMap[ attributeName ]; } for ( attributeName in primitive.attributes ) { var threeAttributeName = ATTRIBUTES[ attributeName ] || attributeName.toLowerCase(); if ( gltfAttributeMap[ attributeName ] !== undefined ) { var accessorDef = json.accessors[ primitive.attributes[ attributeName ] ]; var componentType = WEBGL_COMPONENT_TYPES[ accessorDef.componentType ]; attributeTypeMap[ threeAttributeName ] = componentType; attributeNormalizedMap[ threeAttributeName ] = accessorDef.normalized === true; } } return parser.getDependency( 'bufferView', bufferViewIndex ).then( function ( bufferView ) { return new Promise( function ( resolve ) { dracoLoader.decodeDracoFile( bufferView, function ( geometry ) { for ( var attributeName in geometry.attributes ) { var attribute = geometry.attributes[ attributeName ]; var normalized = attributeNormalizedMap[ attributeName ]; if ( normalized !== undefined ) attribute.normalized = normalized; } resolve( geometry ); }, threeAttributeMap, attributeTypeMap ); } ); } ); }; /** * Texture Transform Extension * * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_texture_transform */ function GLTFTextureTransformExtension() { this.name = EXTENSIONS.KHR_TEXTURE_TRANSFORM; } GLTFTextureTransformExtension.prototype.extendTexture = function ( texture, transform ) { texture = texture.clone(); if ( transform.offset !== undefined ) { texture.offset.fromArray( transform.offset ); } if ( transform.rotation !== undefined ) { texture.rotation = transform.rotation; } if ( transform.scale !== undefined ) { texture.repeat.fromArray( transform.scale ); } if ( transform.texCoord !== undefined ) { console.warn( 'THREE.GLTFLoader: Custom UV sets in "' + this.name + '" extension not yet supported.' ); } texture.needsUpdate = true; return texture; }; /** * Specular-Glossiness Extension * * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_materials_pbrSpecularGlossiness */ /** * A sub class of THREE.StandardMaterial with some of the functionality * changed via the `onBeforeCompile` callback * @pailhead */ function GLTFMeshStandardSGMaterial( params ) { THREE.MeshStandardMaterial.call( this ); this.isGLTFSpecularGlossinessMaterial = true; //various chunks that need replacing var specularMapParsFragmentChunk = [ '#ifdef USE_SPECULARMAP', ' uniform sampler2D specularMap;', '#endif' ].join( '\n' ); var glossinessMapParsFragmentChunk = [ '#ifdef USE_GLOSSINESSMAP', ' uniform sampler2D glossinessMap;', '#endif' ].join( '\n' ); var specularMapFragmentChunk = [ 'vec3 specularFactor = specular;', '#ifdef USE_SPECULARMAP', ' vec4 texelSpecular = texture2D( specularMap, vUv );', ' texelSpecular = sRGBToLinear( texelSpecular );', ' // reads channel RGB, compatible with a glTF Specular-Glossiness (RGBA) texture', ' specularFactor *= texelSpecular.rgb;', '#endif' ].join( '\n' ); var glossinessMapFragmentChunk = [ 'float glossinessFactor = glossiness;', '#ifdef USE_GLOSSINESSMAP', ' vec4 texelGlossiness = texture2D( glossinessMap, vUv );', ' // reads channel A, compatible with a glTF Specular-Glossiness (RGBA) texture', ' glossinessFactor *= texelGlossiness.a;', '#endif' ].join( '\n' ); var lightPhysicalFragmentChunk = [ 'PhysicalMaterial material;', 'material.diffuseColor = diffuseColor.rgb * ( 1. - max( specularFactor.r, max( specularFactor.g, specularFactor.b ) ) );', 'vec3 dxy = max( abs( dFdx( geometryNormal ) ), abs( dFdy( geometryNormal ) ) );', 'float geometryRoughness = max( max( dxy.x, dxy.y ), dxy.z );', 'material.specularRoughness = max( 1.0 - glossinessFactor, 0.0525 ); // 0.0525 corresponds to the base mip of a 256 cubemap.', 'material.specularRoughness += geometryRoughness;', 'material.specularRoughness = min( material.specularRoughness, 1.0 );', 'material.specularColor = specularFactor;', ].join( '\n' ); var uniforms = { specular: { value: new THREE.Color().setHex( 0xffffff ) }, glossiness: { value: 1 }, specularMap: { value: null }, glossinessMap: { value: null } }; this._extraUniforms = uniforms; this.onBeforeCompile = function ( shader ) { for ( var uniformName in uniforms ) { shader.uniforms[ uniformName ] = uniforms[ uniformName ]; } shader.fragmentShader = shader.fragmentShader .replace( 'uniform float roughness;', 'uniform vec3 specular;' ) .replace( 'uniform float metalness;', 'uniform float glossiness;' ) .replace( '#include <roughnessmap_pars_fragment>', specularMapParsFragmentChunk ) .replace( '#include <metalnessmap_pars_fragment>', glossinessMapParsFragmentChunk ) .replace( '#include <roughnessmap_fragment>', specularMapFragmentChunk ) .replace( '#include <metalnessmap_fragment>', glossinessMapFragmentChunk ) .replace( '#include <lights_physical_fragment>', lightPhysicalFragmentChunk ); }; Object.defineProperties( this, { specular: { get: function () { return uniforms.specular.value; }, set: function ( v ) { uniforms.specular.value = v; } }, specularMap: { get: function () { return uniforms.specularMap.value; }, set: function ( v ) { uniforms.specularMap.value = v; if ( v ) { this.defines.USE_SPECULARMAP = ''; // USE_UV is set by the renderer for specular maps } else { delete this.defines.USE_SPECULARMAP; } } }, glossiness: { get: function () { return uniforms.glossiness.value; }, set: function ( v ) { uniforms.glossiness.value = v; } }, glossinessMap: { get: function () { return uniforms.glossinessMap.value; }, set: function ( v ) { uniforms.glossinessMap.value = v; if ( v ) { this.defines.USE_GLOSSINESSMAP = ''; this.defines.USE_UV = ''; } else { delete this.defines.USE_GLOSSINESSMAP; delete this.defines.USE_UV; } } } } ); delete this.metalness; delete this.roughness; delete this.metalnessMap; delete this.roughnessMap; this.setValues( params ); } GLTFMeshStandardSGMaterial.prototype = Object.create( THREE.MeshStandardMaterial.prototype ); GLTFMeshStandardSGMaterial.prototype.constructor = GLTFMeshStandardSGMaterial; GLTFMeshStandardSGMaterial.prototype.copy = function ( source ) { THREE.MeshStandardMaterial.prototype.copy.call( this, source ); this.specularMap = source.specularMap; this.specular.copy( source.specular ); this.glossinessMap = source.glossinessMap; this.glossiness = source.glossiness; delete this.metalness; delete this.roughness; delete this.metalnessMap; delete this.roughnessMap; return this; }; function GLTFMaterialsPbrSpecularGlossinessExtension() { return { name: EXTENSIONS.KHR_MATERIALS_PBR_SPECULAR_GLOSSINESS, specularGlossinessParams: [ 'color', 'map', 'lightMap', 'lightMapIntensity', 'aoMap', 'aoMapIntensity', 'emissive', 'emissiveIntensity', 'emissiveMap', 'bumpMap', 'bumpScale', 'normalMap', 'normalMapType', 'displacementMap', 'displacementScale', 'displacementBias', 'specularMap', 'specular', 'glossinessMap', 'glossiness', 'alphaMap', 'envMap', 'envMapIntensity', 'refractionRatio', ], getMaterialType: function () { return GLTFMeshStandardSGMaterial; }, extendParams: function ( materialParams, materialDef, parser ) { var pbrSpecularGlossiness = materialDef.extensions[ this.name ]; materialParams.color = new THREE.Color( 1.0, 1.0, 1.0 ); materialParams.opacity = 1.0; var pending = []; if ( Array.isArray( pbrSpecularGlossiness.diffuseFactor ) ) { var array = pbrSpecularGlossiness.diffuseFactor; materialParams.color.fromArray( array ); materialParams.opacity = array[ 3 ]; } if ( pbrSpecularGlossiness.diffuseTexture !== undefined ) { pending.push( parser.assignTexture( materialParams, 'map', pbrSpecularGlossiness.diffuseTexture ) ); } materialParams.emissive = new THREE.Color( 0.0, 0.0, 0.0 ); materialParams.glossiness = pbrSpecularGlossiness.glossinessFactor !== undefined ? pbrSpecularGlossiness.glossinessFactor : 1.0; materialParams.specular = new THREE.Color( 1.0, 1.0, 1.0 ); if ( Array.isArray( pbrSpecularGlossiness.specularFactor ) ) { materialParams.specular.fromArray( pbrSpecularGlossiness.specularFactor ); } if ( pbrSpecularGlossiness.specularGlossinessTexture !== undefined ) { var specGlossMapDef = pbrSpecularGlossiness.specularGlossinessTexture; pending.push( parser.assignTexture( materialParams, 'glossinessMap', specGlossMapDef ) ); pending.push( parser.assignTexture( materialParams, 'specularMap', specGlossMapDef ) ); } return Promise.all( pending ); }, createMaterial: function ( materialParams ) { var material = new GLTFMeshStandardSGMaterial( materialParams ); material.fog = true; material.color = materialParams.color; material.map = materialParams.map === undefined ? null : materialParams.map; material.lightMap = null; material.lightMapIntensity = 1.0; material.aoMap = materialParams.aoMap === undefined ? null : materialParams.aoMap; material.aoMapIntensity = 1.0; material.emissive = materialParams.emissive; material.emissiveIntensity = 1.0; material.emissiveMap = materialParams.emissiveMap === undefined ? null : materialParams.emissiveMap; material.bumpMap = materialParams.bumpMap === undefined ? null : materialParams.bumpMap; material.bumpScale = 1; material.normalMap = materialParams.normalMap === undefined ? null : materialParams.normalMap; material.normalMapType = THREE.TangentSpaceNormalMap; if ( materialParams.normalScale ) material.normalScale = materialParams.normalScale; material.displacementMap = null; material.displacementScale = 1; material.displacementBias = 0; material.specularMap = materialParams.specularMap === undefined ? null : materialParams.specularMap; material.specular = materialParams.specular; material.glossinessMap = materialParams.glossinessMap === undefined ? null : materialParams.glossinessMap; material.glossiness = materialParams.glossiness; material.alphaMap = null; material.envMap = materialParams.envMap === undefined ? null : materialParams.envMap; material.envMapIntensity = 1.0; material.refractionRatio = 0.98; return material; }, }; } /** * Mesh Quantization Extension * * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_mesh_quantization */ function GLTFMeshQuantizationExtension() { this.name = EXTENSIONS.KHR_MESH_QUANTIZATION; } /*********************************/ /********** INTERPOLATION ********/ /*********************************/ // Spline Interpolation // Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#appendix-c-spline-interpolation function GLTFCubicSplineInterpolant( parameterPositions, sampleValues, sampleSize, resultBuffer ) { THREE.Interpolant.call( this, parameterPositions, sampleValues, sampleSize, resultBuffer ); } GLTFCubicSplineInterpolant.prototype = Object.create( THREE.Interpolant.prototype ); GLTFCubicSplineInterpolant.prototype.constructor = GLTFCubicSplineInterpolant; GLTFCubicSplineInterpolant.prototype.copySampleValue_ = function ( index ) { // Copies a sample value to the result buffer. See description of glTF // CUBICSPLINE values layout in interpolate_() function below. var result = this.resultBuffer, values = this.sampleValues, valueSize = this.valueSize, offset = index * valueSize * 3 + valueSize; for ( var i = 0; i !== valueSize; i ++ ) { result[ i ] = values[ offset + i ]; } return result; }; GLTFCubicSplineInterpolant.prototype.beforeStart_ = GLTFCubicSplineInterpolant.prototype.copySampleValue_; GLTFCubicSplineInterpolant.prototype.afterEnd_ = GLTFCubicSplineInterpolant.prototype.copySampleValue_; GLTFCubicSplineInterpolant.prototype.interpolate_ = function ( i1, t0, t, t1 ) { var result = this.resultBuffer; var values = this.sampleValues; var stride = this.valueSize; var stride2 = stride * 2; var stride3 = stride * 3; var td = t1 - t0; var p = ( t - t0 ) / td; var pp = p * p; var ppp = pp * p; var offset1 = i1 * stride3; var offset0 = offset1 - stride3; var s2 = - 2 * ppp + 3 * pp; var s3 = ppp - pp; var s0 = 1 - s2; var s1 = s3 - pp + p; // Layout of keyframe output values for CUBICSPLINE animations: // [ inTangent_1, splineVertex_1, outTangent_1, inTangent_2, splineVertex_2, ... ] for ( var i = 0; i !== stride; i ++ ) { var p0 = values[ offset0 + i + stride ]; // splineVertex_k var m0 = values[ offset0 + i + stride2 ] * td; // outTangent_k * (t_k+1 - t_k) var p1 = values[ offset1 + i + stride ]; // splineVertex_k+1 var m1 = values[ offset1 + i ] * td; // inTangent_k+1 * (t_k+1 - t_k) result[ i ] = s0 * p0 + s1 * m0 + s2 * p1 + s3 * m1; } return result; }; /*********************************/ /********** INTERNALS ************/ /*********************************/ /* CONSTANTS */ var WEBGL_CONSTANTS = { FLOAT: 5126, //FLOAT_MAT2: 35674, FLOAT_MAT3: 35675, FLOAT_MAT4: 35676, FLOAT_VEC2: 35664, FLOAT_VEC3: 35665, FLOAT_VEC4: 35666, LINEAR: 9729, REPEAT: 10497, SAMPLER_2D: 35678, POINTS: 0, LINES: 1, LINE_LOOP: 2, LINE_STRIP: 3, TRIANGLES: 4, TRIANGLE_STRIP: 5, TRIANGLE_FAN: 6, UNSIGNED_BYTE: 5121, UNSIGNED_SHORT: 5123 }; var WEBGL_COMPONENT_TYPES = { 5120: Int8Array, 5121: Uint8Array, 5122: Int16Array, 5123: Uint16Array, 5125: Uint32Array, 5126: Float32Array }; var WEBGL_FILTERS = { 9728: THREE.NearestFilter, 9729: THREE.LinearFilter, 9984: THREE.NearestMipmapNearestFilter, 9985: THREE.LinearMipmapNearestFilter, 9986: THREE.NearestMipmapLinearFilter, 9987: THREE.LinearMipmapLinearFilter }; var WEBGL_WRAPPINGS = { 33071: THREE.ClampToEdgeWrapping, 33648: THREE.MirroredRepeatWrapping, 10497: THREE.RepeatWrapping }; var WEBGL_TYPE_SIZES = { 'SCALAR': 1, 'VEC2': 2, 'VEC3': 3, 'VEC4': 4, 'MAT2': 4, 'MAT3': 9, 'MAT4': 16 }; var ATTRIBUTES = { POSITION: 'position', NORMAL: 'normal', TANGENT: 'tangent', TEXCOORD_0: 'uv', TEXCOORD_1: 'uv2', COLOR_0: 'color', WEIGHTS_0: 'skinWeight', JOINTS_0: 'skinIndex', }; var PATH_PROPERTIES = { scale: 'scale', translation: 'position', rotation: 'quaternion', weights: 'morphTargetInfluences' }; var INTERPOLATION = { CUBICSPLINE: undefined, // We use a custom interpolant (GLTFCubicSplineInterpolation) for CUBICSPLINE tracks. Each // keyframe track will be initialized with a default interpolation type, then modified. LINEAR: THREE.InterpolateLinear, STEP: THREE.InterpolateDiscrete }; var ALPHA_MODES = { OPAQUE: 'OPAQUE', MASK: 'MASK', BLEND: 'BLEND' }; /* UTILITY FUNCTIONS */ function resolveURL( url, path ) { // Invalid URL if ( typeof url !== 'string' || url === '' ) return ''; // Host Relative URL if ( /^https?:\/\//i.test( path ) && /^\//.test( url ) ) { path = path.replace( /(^https?:\/\/[^\/]+).*/i, '$1' ); } // Absolute URL http://,https://,// if ( /^(https?:)?\/\//i.test( url ) ) return url; // Data URI if ( /^data:.*,.*$/i.test( url ) ) return url; // Blob URL if ( /^blob:.*$/i.test( url ) ) return url; // Relative URL return path + url; } /** * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#default-material */ function createDefaultMaterial( cache ) { if ( cache[ 'DefaultMaterial' ] === undefined ) { cache[ 'DefaultMaterial' ] = new THREE.MeshStandardMaterial( { color: 0xFFFFFF, emissive: 0x000000, metalness: 1, roughness: 1, transparent: false, depthTest: true, side: THREE.FrontSide } ); } return cache[ 'DefaultMaterial' ]; } function addUnknownExtensionsToUserData( knownExtensions, object, objectDef ) { // Add unknown glTF extensions to an object's userData. for ( var name in objectDef.extensions ) { if ( knownExtensions[ name ] === undefined ) { object.userData.gltfExtensions = object.userData.gltfExtensions || {}; object.userData.gltfExtensions[ name ] = objectDef.extensions[ name ]; } } } /** * @param {THREE.Object3D|THREE.Material|THREE.BufferGeometry} object * @param {GLTF.definition} gltfDef */ function assignExtrasToUserData( object, gltfDef ) { if ( gltfDef.extras !== undefined ) { if ( typeof gltfDef.extras === 'object' ) { Object.assign( object.userData, gltfDef.extras ); } else { console.warn( 'THREE.GLTFLoader: Ignoring primitive type .extras, ' + gltfDef.extras ); } } } /** * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#morph-targets * * @param {THREE.BufferGeometry} geometry * @param {Array<GLTF.Target>} targets * @param {GLTFParser} parser * @return {Promise<THREE.BufferGeometry>} */ function addMorphTargets( geometry, targets, parser ) { var hasMorphPosition = false; var hasMorphNormal = false; for ( var i = 0, il = targets.length; i < il; i ++ ) { var target = targets[ i ]; if ( target.POSITION !== undefined ) hasMorphPosition = true; if ( target.NORMAL !== undefined ) hasMorphNormal = true; if ( hasMorphPosition && hasMorphNormal ) break; } if ( ! hasMorphPosition && ! hasMorphNormal ) return Promise.resolve( geometry ); var pendingPositionAccessors = []; var pendingNormalAccessors = []; for ( var i = 0, il = targets.length; i < il; i ++ ) { var target = targets[ i ]; if ( hasMorphPosition ) { var pendingAccessor = target.POSITION !== undefined ? parser.getDependency( 'accessor', target.POSITION ) : geometry.attributes.position; pendingPositionAccessors.push( pendingAccessor ); } if ( hasMorphNormal ) { var pendingAccessor = target.NORMAL !== undefined ? parser.getDependency( 'accessor', target.NORMAL ) : geometry.attributes.normal; pendingNormalAccessors.push( pendingAccessor ); } } return Promise.all( [ Promise.all( pendingPositionAccessors ), Promise.all( pendingNormalAccessors ) ] ).then( function ( accessors ) { var morphPositions = accessors[ 0 ]; var morphNormals = accessors[ 1 ]; if ( hasMorphPosition ) geometry.morphAttributes.position = morphPositions; if ( hasMorphNormal ) geometry.morphAttributes.normal = morphNormals; geometry.morphTargetsRelative = true; return geometry; } ); } /** * @param {THREE.Mesh} mesh * @param {GLTF.Mesh} meshDef */ function updateMorphTargets( mesh, meshDef ) { mesh.updateMorphTargets(); if ( meshDef.weights !== undefined ) { for ( var i = 0, il = meshDef.weights.length; i < il; i ++ ) { mesh.morphTargetInfluences[ i ] = meshDef.weights[ i ]; } } // .extras has user-defined data, so check that .extras.targetNames is an array. if ( meshDef.extras && Array.isArray( meshDef.extras.targetNames ) ) { var targetNames = meshDef.extras.targetNames; if ( mesh.morphTargetInfluences.length === targetNames.length ) { mesh.morphTargetDictionary = {}; for ( var i = 0, il = targetNames.length; i < il; i ++ ) { mesh.morphTargetDictionary[ targetNames[ i ] ] = i; } } else { console.warn( 'THREE.GLTFLoader: Invalid extras.targetNames length. Ignoring names.' ); } } } function createPrimitiveKey( primitiveDef ) { var dracoExtension = primitiveDef.extensions && primitiveDef.extensions[ EXTENSIONS.KHR_DRACO_MESH_COMPRESSION ]; var geometryKey; if ( dracoExtension ) { geometryKey = 'draco:' + dracoExtension.bufferView + ':' + dracoExtension.indices + ':' + createAttributesKey( dracoExtension.attributes ); } else { geometryKey = primitiveDef.indices + ':' + createAttributesKey( primitiveDef.attributes ) + ':' + primitiveDef.mode; } return geometryKey; } function createAttributesKey( attributes ) { var attributesKey = ''; var keys = Object.keys( attributes ).sort(); for ( var i = 0, il = keys.length; i < il; i ++ ) { attributesKey += keys[ i ] + ':' + attributes[ keys[ i ] ] + ';'; } return attributesKey; } /* GLTF PARSER */ function GLTFParser( json, options ) { this.json = json || {}; this.extensions = {}; this.plugins = {}; this.options = options || {}; // loader object cache this.cache = new GLTFRegistry(); // associations between Three.js objects and glTF elements this.associations = new Map(); // BufferGeometry caching this.primitiveCache = {}; // Object3D instance caches this.meshCache = { refs: {}, uses: {} }; this.cameraCache = { refs: {}, uses: {} }; this.lightCache = { refs: {}, uses: {} }; // Track node names, to ensure no duplicates this.nodeNamesUsed = {}; // Use an ImageBitmapLoader if imageBitmaps are supported. Moves much of the // expensive work of uploading a texture to the GPU off the main thread. if ( typeof createImageBitmap !== 'undefined' && /Firefox/.test( navigator.userAgent ) === false ) { this.textureLoader = new THREE.ImageBitmapLoader( this.options.manager ); } else { this.textureLoader = new THREE.TextureLoader( this.options.manager ); } this.textureLoader.setCrossOrigin( this.options.crossOrigin ); this.fileLoader = new THREE.FileLoader( this.options.manager ); this.fileLoader.setResponseType( 'arraybuffer' ); if ( this.options.crossOrigin === 'use-credentials' ) { this.fileLoader.setWithCredentials( true ); } } GLTFParser.prototype.setExtensions = function ( extensions ) { this.extensions = extensions; }; GLTFParser.prototype.setPlugins = function ( plugins ) { this.plugins = plugins; }; GLTFParser.prototype.parse = function ( onLoad, onError ) { var parser = this; var json = this.json; var extensions = this.extensions; // Clear the loader cache this.cache.removeAll(); // Mark the special nodes/meshes in json for efficient parse this._invokeAll( function ( ext ) { return ext._markDefs && ext._markDefs(); } ); Promise.all( [ this.getDependencies( 'scene' ), this.getDependencies( 'animation' ), this.getDependencies( 'camera' ), ] ).then( function ( dependencies ) { var result = { scene: dependencies[ 0 ][ json.scene || 0 ], scenes: dependencies[ 0 ], animations: dependencies[ 1 ], cameras: dependencies[ 2 ], asset: json.asset, parser: parser, userData: {} }; addUnknownExtensionsToUserData( extensions, result, json ); assignExtrasToUserData( result, json ); onLoad( result ); } ).catch( onError ); }; /** * Marks the special nodes/meshes in json for efficient parse. */ GLTFParser.prototype._markDefs = function () { var nodeDefs = this.json.nodes || []; var skinDefs = this.json.skins || []; var meshDefs = this.json.meshes || []; // Nothing in the node definition indicates whether it is a Bone or an // Object3D. Use the skins' joint references to mark bones. for ( var skinIndex = 0, skinLength = skinDefs.length; skinIndex < skinLength; skinIndex ++ ) { var joints = skinDefs[ skinIndex ].joints; for ( var i = 0, il = joints.length; i < il; i ++ ) { nodeDefs[ joints[ i ] ].isBone = true; } } // Iterate over all nodes, marking references to shared resources, // as well as skeleton joints. for ( var nodeIndex = 0, nodeLength = nodeDefs.length; nodeIndex < nodeLength; nodeIndex ++ ) { var nodeDef = nodeDefs[ nodeIndex ]; if ( nodeDef.mesh !== undefined ) { this._addNodeRef( this.meshCache, nodeDef.mesh ); // Nothing in the mesh definition indicates whether it is // a SkinnedMesh or Mesh. Use the node's mesh reference // to mark SkinnedMesh if node has skin. if ( nodeDef.skin !== undefined ) { meshDefs[ nodeDef.mesh ].isSkinnedMesh = true; } } if ( nodeDef.camera !== undefined ) { this._addNodeRef( this.cameraCache, nodeDef.camera ); } } }; /** * Counts references to shared node / Object3D resources. These resources * can be reused, or "instantiated", at multiple nodes in the scene * hierarchy. Mesh, Camera, and Light instances are instantiated and must * be marked. Non-scenegraph resources (like Materials, Geometries, and * Textures) can be reused directly and are not marked here. * * Example: CesiumMilkTruck sample model reuses "Wheel" meshes. */ GLTFParser.prototype._addNodeRef = function ( cache, index ) { if ( index === undefined ) return; if ( cache.refs[ index ] === undefined ) { cache.refs[ index ] = cache.uses[ index ] = 0; } cache.refs[ index ] ++; }; /** Returns a reference to a shared resource, cloning it if necessary. */ GLTFParser.prototype._getNodeRef = function ( cache, index, object ) { if ( cache.refs[ index ] <= 1 ) return object; var ref = object.clone(); ref.name += '_instance_' + ( cache.uses[ index ] ++ ); return ref; }; GLTFParser.prototype._invokeOne = function ( func ) { var extensions = Object.values( this.plugins ); extensions.push( this ); for ( var i = 0; i < extensions.length; i ++ ) { var result = func( extensions[ i ] ); if ( result ) return result; } }; GLTFParser.prototype._invokeAll = function ( func ) { var extensions = Object.values( this.plugins ); extensions.unshift( this ); var pending = []; for ( var i = 0; i < extensions.length; i ++ ) { var result = func( extensions[ i ] ); if ( result ) pending.push( result ); } return pending; }; /** * Requests the specified dependency asynchronously, with caching. * @param {string} type * @param {number} index * @return {Promise<THREE.Object3D|THREE.Material|THREE.Texture|THREE.AnimationClip|ArrayBuffer|Object>} */ GLTFParser.prototype.getDependency = function ( type, index ) { var cacheKey = type + ':' + index; var dependency = this.cache.get( cacheKey ); if ( ! dependency ) { switch ( type ) { case 'scene': dependency = this.loadScene( index ); break; case 'node': dependency = this.loadNode( index ); break; case 'mesh': dependency = this._invokeOne( function ( ext ) { return ext.loadMesh && ext.loadMesh( index ); } ); break; case 'accessor': dependency = this.loadAccessor( index ); break; case 'bufferView': dependency = this._invokeOne( function ( ext ) { return ext.loadBufferView && ext.loadBufferView( index ); } ); break; case 'buffer': dependency = this.loadBuffer( index ); break; case 'material': dependency = this._invokeOne( function ( ext ) { return ext.loadMaterial && ext.loadMaterial( index ); } ); break; case 'texture': dependency = this._invokeOne( function ( ext ) { return ext.loadTexture && ext.loadTexture( index ); } ); break; case 'skin': dependency = this.loadSkin( index ); break; case 'animation': dependency = this.loadAnimation( index ); break; case 'camera': dependency = this.loadCamera( index ); break; default: throw new Error( 'Unknown type: ' + type ); } this.cache.add( cacheKey, dependency ); } return dependency; }; /** * Requests all dependencies of the specified type asynchronously, with caching. * @param {string} type * @return {Promise<Array<Object>>} */ GLTFParser.prototype.getDependencies = function ( type ) { var dependencies = this.cache.get( type ); if ( ! dependencies ) { var parser = this; var defs = this.json[ type + ( type === 'mesh' ? 'es' : 's' ) ] || []; dependencies = Promise.all( defs.map( function ( def, index ) { return parser.getDependency( type, index ); } ) ); this.cache.add( type, dependencies ); } return dependencies; }; /** * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#buffers-and-buffer-views * @param {number} bufferIndex * @return {Promise<ArrayBuffer>} */ GLTFParser.prototype.loadBuffer = function ( bufferIndex ) { var bufferDef = this.json.buffers[ bufferIndex ]; var loader = this.fileLoader; if ( bufferDef.type && bufferDef.type !== 'arraybuffer' ) { throw new Error( 'THREE.GLTFLoader: ' + bufferDef.type + ' buffer type is not supported.' ); } // If present, GLB container is required to be the first buffer. if ( bufferDef.uri === undefined && bufferIndex === 0 ) { return Promise.resolve( this.extensions[ EXTENSIONS.KHR_BINARY_GLTF ].body ); } var options = this.options; return new Promise( function ( resolve, reject ) { loader.load( resolveURL( bufferDef.uri, options.path ), resolve, undefined, function () { reject( new Error( 'THREE.GLTFLoader: Failed to load buffer "' + bufferDef.uri + '".' ) ); } ); } ); }; /** * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#buffers-and-buffer-views * @param {number} bufferViewIndex * @return {Promise<ArrayBuffer>} */ GLTFParser.prototype.loadBufferView = function ( bufferViewIndex ) { var bufferViewDef = this.json.bufferViews[ bufferViewIndex ]; return this.getDependency( 'buffer', bufferViewDef.buffer ).then( function ( buffer ) { var byteLength = bufferViewDef.byteLength || 0; var byteOffset = bufferViewDef.byteOffset || 0; return buffer.slice( byteOffset, byteOffset + byteLength ); } ); }; /** * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#accessors * @param {number} accessorIndex * @return {Promise<THREE.BufferAttribute|THREE.InterleavedBufferAttribute>} */ GLTFParser.prototype.loadAccessor = function ( accessorIndex ) { var parser = this; var json = this.json; var accessorDef = this.json.accessors[ accessorIndex ]; if ( accessorDef.bufferView === undefined && accessorDef.sparse === undefined ) { // Ignore empty accessors, which may be used to declare runtime // information about attributes coming from another source (e.g. Draco // compression extension). return Promise.resolve( null ); } var pendingBufferViews = []; if ( accessorDef.bufferView !== undefined ) { pendingBufferViews.push( this.getDependency( 'bufferView', accessorDef.bufferView ) ); } else { pendingBufferViews.push( null ); } if ( accessorDef.sparse !== undefined ) { pendingBufferViews.push( this.getDependency( 'bufferView', accessorDef.sparse.indices.bufferView ) ); pendingBufferViews.push( this.getDependency( 'bufferView', accessorDef.sparse.values.bufferView ) ); } return Promise.all( pendingBufferViews ).then( function ( bufferViews ) { var bufferView = bufferViews[ 0 ]; var itemSize = WEBGL_TYPE_SIZES[ accessorDef.type ]; var TypedArray = WEBGL_COMPONENT_TYPES[ accessorDef.componentType ]; // For VEC3: itemSize is 3, elementBytes is 4, itemBytes is 12. var elementBytes = TypedArray.BYTES_PER_ELEMENT; var itemBytes = elementBytes * itemSize; var byteOffset = accessorDef.byteOffset || 0; var byteStride = accessorDef.bufferView !== undefined ? json.bufferViews[ accessorDef.bufferView ].byteStride : undefined; var normalized = accessorDef.normalized === true; var array, bufferAttribute; // The buffer is not interleaved if the stride is the item size in bytes. if ( byteStride && byteStride !== itemBytes ) { // Each "slice" of the buffer, as defined by 'count' elements of 'byteStride' bytes, gets its own InterleavedBuffer // This makes sure that IBA.count reflects accessor.count properly var ibSlice = Math.floor( byteOffset / byteStride ); var ibCacheKey = 'InterleavedBuffer:' + accessorDef.bufferView + ':' + accessorDef.componentType + ':' + ibSlice + ':' + accessorDef.count; var ib = parser.cache.get( ibCacheKey ); if ( ! ib ) { array = new TypedArray( bufferView, ibSlice * byteStride, accessorDef.count * byteStride / elementBytes ); // Integer parameters to IB/IBA are in array elements, not bytes. ib = new THREE.InterleavedBuffer( array, byteStride / elementBytes ); parser.cache.add( ibCacheKey, ib ); } bufferAttribute = new THREE.InterleavedBufferAttribute( ib, itemSize, ( byteOffset % byteStride ) / elementBytes, normalized ); } else { if ( bufferView === null ) { array = new TypedArray( accessorDef.count * itemSize ); } else { array = new TypedArray( bufferView, byteOffset, accessorDef.count * itemSize ); } bufferAttribute = new THREE.BufferAttribute( array, itemSize, normalized ); } // https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#sparse-accessors if ( accessorDef.sparse !== undefined ) { var itemSizeIndices = WEBGL_TYPE_SIZES.SCALAR; var TypedArrayIndices = WEBGL_COMPONENT_TYPES[ accessorDef.sparse.indices.componentType ]; var byteOffsetIndices = accessorDef.sparse.indices.byteOffset || 0; var byteOffsetValues = accessorDef.sparse.values.byteOffset || 0; var sparseIndices = new TypedArrayIndices( bufferViews[ 1 ], byteOffsetIndices, accessorDef.sparse.count * itemSizeIndices ); var sparseValues = new TypedArray( bufferViews[ 2 ], byteOffsetValues, accessorDef.sparse.count * itemSize ); if ( bufferView !== null ) { // Avoid modifying the original ArrayBuffer, if the bufferView wasn't initialized with zeroes. bufferAttribute = new THREE.BufferAttribute( bufferAttribute.array.slice(), bufferAttribute.itemSize, bufferAttribute.normalized ); } for ( var i = 0, il = sparseIndices.length; i < il; i ++ ) { var index = sparseIndices[ i ]; bufferAttribute.setX( index, sparseValues[ i * itemSize ] ); if ( itemSize >= 2 ) bufferAttribute.setY( index, sparseValues[ i * itemSize + 1 ] ); if ( itemSize >= 3 ) bufferAttribute.setZ( index, sparseValues[ i * itemSize + 2 ] ); if ( itemSize >= 4 ) bufferAttribute.setW( index, sparseValues[ i * itemSize + 3 ] ); if ( itemSize >= 5 ) throw new Error( 'THREE.GLTFLoader: Unsupported itemSize in sparse BufferAttribute.' ); } } return bufferAttribute; } ); }; /** * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#textures * @param {number} textureIndex * @return {Promise<THREE.Texture>} */ GLTFParser.prototype.loadTexture = function ( textureIndex ) { var parser = this; var json = this.json; var options = this.options; var textureDef = json.textures[ textureIndex ]; var textureExtensions = textureDef.extensions || {}; var source; if ( textureExtensions[ EXTENSIONS.MSFT_TEXTURE_DDS ] ) { source = json.images[ textureExtensions[ EXTENSIONS.MSFT_TEXTURE_DDS ].source ]; } else { source = json.images[ textureDef.source ]; } var loader; if ( source.uri ) { loader = options.manager.getHandler( source.uri ); } if ( ! loader ) { loader = textureExtensions[ EXTENSIONS.MSFT_TEXTURE_DDS ] ? parser.extensions[ EXTENSIONS.MSFT_TEXTURE_DDS ].ddsLoader : this.textureLoader; } return this.loadTextureImage( textureIndex, source, loader ); }; GLTFParser.prototype.loadTextureImage = function ( textureIndex, source, loader ) { var parser = this; var json = this.json; var options = this.options; var textureDef = json.textures[ textureIndex ]; var URL = self.URL || self.webkitURL; var sourceURI = source.uri; var isObjectURL = false; var hasAlpha = true; if ( source.mimeType === 'image/jpeg' ) hasAlpha = false; if ( source.bufferView !== undefined ) { // Load binary image data from bufferView, if provided. sourceURI = parser.getDependency( 'bufferView', source.bufferView ).then( function ( bufferView ) { if ( source.mimeType === 'image/png' ) { // Inspect the PNG 'IHDR' chunk to determine whether the image could have an // alpha channel. This check is conservative — the image could have an alpha // channel with all values == 1, and the indexed type (colorType == 3) only // sometimes contains alpha. // // https://en.wikipedia.org/wiki/Portable_Network_Graphics#File_header var colorType = new DataView( bufferView, 25, 1 ).getUint8( 0, false ); hasAlpha = colorType === 6 || colorType === 4 || colorType === 3; } isObjectURL = true; var blob = new Blob( [ bufferView ], { type: source.mimeType } ); sourceURI = URL.createObjectURL( blob ); return sourceURI; } ); } return Promise.resolve( sourceURI ).then( function ( sourceURI ) { return new Promise( function ( resolve, reject ) { var onLoad = resolve; if ( loader.isImageBitmapLoader === true ) { onLoad = function ( imageBitmap ) { resolve( new THREE.CanvasTexture( imageBitmap ) ); }; } loader.load( resolveURL( sourceURI, options.path ), onLoad, undefined, reject ); } ); } ).then( function ( texture ) { // Clean up resources and configure Texture. if ( isObjectURL === true ) { URL.revokeObjectURL( sourceURI ); } texture.flipY = false; if ( textureDef.name ) texture.name = textureDef.name; // When there is definitely no alpha channel in the texture, set RGBFormat to save space. if ( ! hasAlpha ) texture.format = THREE.RGBFormat; var samplers = json.samplers || {}; var sampler = samplers[ textureDef.sampler ] || {}; texture.magFilter = WEBGL_FILTERS[ sampler.magFilter ] || THREE.LinearFilter; texture.minFilter = WEBGL_FILTERS[ sampler.minFilter ] || THREE.LinearMipmapLinearFilter; texture.wrapS = WEBGL_WRAPPINGS[ sampler.wrapS ] || THREE.RepeatWrapping; texture.wrapT = WEBGL_WRAPPINGS[ sampler.wrapT ] || THREE.RepeatWrapping; parser.associations.set( texture, { type: 'textures', index: textureIndex } ); return texture; } ); }; /** * Asynchronously assigns a texture to the given material parameters. * @param {Object} materialParams * @param {string} mapName * @param {Object} mapDef * @return {Promise} */ GLTFParser.prototype.assignTexture = function ( materialParams, mapName, mapDef ) { var parser = this; return this.getDependency( 'texture', mapDef.index ).then( function ( texture ) { // Materials sample aoMap from UV set 1 and other maps from UV set 0 - this can't be configured // However, we will copy UV set 0 to UV set 1 on demand for aoMap if ( mapDef.texCoord !== undefined && mapDef.texCoord != 0 && ! ( mapName === 'aoMap' && mapDef.texCoord == 1 ) ) { console.warn( 'THREE.GLTFLoader: Custom UV set ' + mapDef.texCoord + ' for texture ' + mapName + ' not yet supported.' ); } if ( parser.extensions[ EXTENSIONS.KHR_TEXTURE_TRANSFORM ] ) { var transform = mapDef.extensions !== undefined ? mapDef.extensions[ EXTENSIONS.KHR_TEXTURE_TRANSFORM ] : undefined; if ( transform ) { var gltfReference = parser.associations.get( texture ); texture = parser.extensions[ EXTENSIONS.KHR_TEXTURE_TRANSFORM ].extendTexture( texture, transform ); parser.associations.set( texture, gltfReference ); } } materialParams[ mapName ] = texture; } ); }; /** * Assigns final material to a Mesh, Line, or Points instance. The instance * already has a material (generated from the glTF material options alone) * but reuse of the same glTF material may require multiple threejs materials * to accomodate different primitive types, defines, etc. New materials will * be created if necessary, and reused from a cache. * @param {THREE.Object3D} mesh Mesh, Line, or Points instance. */ GLTFParser.prototype.assignFinalMaterial = function ( mesh ) { var geometry = mesh.geometry; var material = mesh.material; var useVertexTangents = geometry.attributes.tangent !== undefined; var useVertexColors = geometry.attributes.color !== undefined; var useFlatShading = geometry.attributes.normal === undefined; var useSkinning = mesh.isSkinnedMesh === true; var useMorphTargets = Object.keys( geometry.morphAttributes ).length > 0; var useMorphNormals = useMorphTargets && geometry.morphAttributes.normal !== undefined; if ( mesh.isPoints ) { var cacheKey = 'PointsMaterial:' + material.uuid; var pointsMaterial = this.cache.get( cacheKey ); if ( ! pointsMaterial ) { pointsMaterial = new THREE.PointsMaterial(); THREE.Material.prototype.copy.call( pointsMaterial, material ); pointsMaterial.color.copy( material.color ); pointsMaterial.map = material.map; pointsMaterial.sizeAttenuation = false; // glTF spec says points should be 1px this.cache.add( cacheKey, pointsMaterial ); } material = pointsMaterial; } else if ( mesh.isLine ) { var cacheKey = 'LineBasicMaterial:' + material.uuid; var lineMaterial = this.cache.get( cacheKey ); if ( ! lineMaterial ) { lineMaterial = new THREE.LineBasicMaterial(); THREE.Material.prototype.copy.call( lineMaterial, material ); lineMaterial.color.copy( material.color ); this.cache.add( cacheKey, lineMaterial ); } material = lineMaterial; } // Clone the material if it will be modified if ( useVertexTangents || useVertexColors || useFlatShading || useSkinning || useMorphTargets ) { var cacheKey = 'ClonedMaterial:' + material.uuid + ':'; if ( material.isGLTFSpecularGlossinessMaterial ) cacheKey += 'specular-glossiness:'; if ( useSkinning ) cacheKey += 'skinning:'; if ( useVertexTangents ) cacheKey += 'vertex-tangents:'; if ( useVertexColors ) cacheKey += 'vertex-colors:'; if ( useFlatShading ) cacheKey += 'flat-shading:'; if ( useMorphTargets ) cacheKey += 'morph-targets:'; if ( useMorphNormals ) cacheKey += 'morph-normals:'; var cachedMaterial = this.cache.get( cacheKey ); if ( ! cachedMaterial ) { cachedMaterial = material.clone(); if ( useSkinning ) cachedMaterial.skinning = true; if ( useVertexColors ) cachedMaterial.vertexColors = true; if ( useFlatShading ) cachedMaterial.flatShading = true; if ( useMorphTargets ) cachedMaterial.morphTargets = true; if ( useMorphNormals ) cachedMaterial.morphNormals = true; if ( useVertexTangents ) { cachedMaterial.vertexTangents = true; // https://github.com/mrdoob/three.js/issues/11438#issuecomment-507003995 if ( material.normalScale ) material.normalScale.y *= -1; if ( material.clearcoatNormalScale ) material.clearcoatNormalScale.y *= -1; } this.cache.add( cacheKey, cachedMaterial ); this.associations.set( cachedMaterial, this.associations.get( material ) ); } material = cachedMaterial; } // workarounds for mesh and geometry if ( material.aoMap && geometry.attributes.uv2 === undefined && geometry.attributes.uv !== undefined ) { geometry.setAttribute( 'uv2', geometry.attributes.uv ); } mesh.material = material; }; GLTFParser.prototype.getMaterialType = function ( /* materialIndex */ ) { return THREE.MeshStandardMaterial; }; /** * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#materials * @param {number} materialIndex * @return {Promise<THREE.Material>} */ GLTFParser.prototype.loadMaterial = function ( materialIndex ) { var parser = this; var json = this.json; var extensions = this.extensions; var materialDef = json.materials[ materialIndex ]; var materialType; var materialParams = {}; var materialExtensions = materialDef.extensions || {}; var pending = []; if ( materialExtensions[ EXTENSIONS.KHR_MATERIALS_PBR_SPECULAR_GLOSSINESS ] ) { var sgExtension = extensions[ EXTENSIONS.KHR_MATERIALS_PBR_SPECULAR_GLOSSINESS ]; materialType = sgExtension.getMaterialType(); pending.push( sgExtension.extendParams( materialParams, materialDef, parser ) ); } else if ( materialExtensions[ EXTENSIONS.KHR_MATERIALS_UNLIT ] ) { var kmuExtension = extensions[ EXTENSIONS.KHR_MATERIALS_UNLIT ]; materialType = kmuExtension.getMaterialType(); pending.push( kmuExtension.extendParams( materialParams, materialDef, parser ) ); } else { // Specification: // https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#metallic-roughness-material var metallicRoughness = materialDef.pbrMetallicRoughness || {}; materialParams.color = new THREE.Color( 1.0, 1.0, 1.0 ); materialParams.opacity = 1.0; if ( Array.isArray( metallicRoughness.baseColorFactor ) ) { var array = metallicRoughness.baseColorFactor; materialParams.color.fromArray( array ); materialParams.opacity = array[ 3 ]; } if ( metallicRoughness.baseColorTexture !== undefined ) { pending.push( parser.assignTexture( materialParams, 'map', metallicRoughness.baseColorTexture ) ); } materialParams.metalness = metallicRoughness.metallicFactor !== undefined ? metallicRoughness.metallicFactor : 1.0; materialParams.roughness = metallicRoughness.roughnessFactor !== undefined ? metallicRoughness.roughnessFactor : 1.0; if ( metallicRoughness.metallicRoughnessTexture !== undefined ) { pending.push( parser.assignTexture( materialParams, 'metalnessMap', metallicRoughness.metallicRoughnessTexture ) ); pending.push( parser.assignTexture( materialParams, 'roughnessMap', metallicRoughness.metallicRoughnessTexture ) ); } materialType = this._invokeOne( function ( ext ) { return ext.getMaterialType && ext.getMaterialType( materialIndex ); } ); pending.push( Promise.all( this._invokeAll( function ( ext ) { return ext.extendMaterialParams && ext.extendMaterialParams( materialIndex, materialParams ); } ) ) ); } if ( materialDef.doubleSided === true ) { materialParams.side = THREE.DoubleSide; } var alphaMode = materialDef.alphaMode || ALPHA_MODES.OPAQUE; if ( alphaMode === ALPHA_MODES.BLEND ) { materialParams.transparent = true; // See: https://github.com/mrdoob/three.js/issues/17706 materialParams.depthWrite = false; } else { materialParams.transparent = false; if ( alphaMode === ALPHA_MODES.MASK ) { materialParams.alphaTest = materialDef.alphaCutoff !== undefined ? materialDef.alphaCutoff : 0.5; } } if ( materialDef.normalTexture !== undefined && materialType !== THREE.MeshBasicMaterial ) { pending.push( parser.assignTexture( materialParams, 'normalMap', materialDef.normalTexture ) ); // https://github.com/mrdoob/three.js/issues/11438#issuecomment-507003995 materialParams.normalScale = new THREE.Vector2( 1, -1 ); if ( materialDef.normalTexture.scale !== undefined ) { materialParams.normalScale.set( materialDef.normalTexture.scale, -materialDef.normalTexture.scale ); } } if ( materialDef.occlusionTexture !== undefined && materialType !== THREE.MeshBasicMaterial ) { pending.push( parser.assignTexture( materialParams, 'aoMap', materialDef.occlusionTexture ) ); if ( materialDef.occlusionTexture.strength !== undefined ) { materialParams.aoMapIntensity = materialDef.occlusionTexture.strength; } } if ( materialDef.emissiveFactor !== undefined && materialType !== THREE.MeshBasicMaterial ) { materialParams.emissive = new THREE.Color().fromArray( materialDef.emissiveFactor ); } if ( materialDef.emissiveTexture !== undefined && materialType !== THREE.MeshBasicMaterial ) { pending.push( parser.assignTexture( materialParams, 'emissiveMap', materialDef.emissiveTexture ) ); } return Promise.all( pending ).then( function () { var material; if ( materialType === GLTFMeshStandardSGMaterial ) { material = extensions[ EXTENSIONS.KHR_MATERIALS_PBR_SPECULAR_GLOSSINESS ].createMaterial( materialParams ); } else { material = new materialType( materialParams ); } if ( materialDef.name ) material.name = materialDef.name; // baseColorTexture, emissiveTexture, and specularGlossinessTexture use sRGB encoding. if ( material.map ) material.map.encoding = THREE.sRGBEncoding; if ( material.emissiveMap ) material.emissiveMap.encoding = THREE.sRGBEncoding; assignExtrasToUserData( material, materialDef ); parser.associations.set( material, { type: 'materials', index: materialIndex } ); if ( materialDef.extensions ) addUnknownExtensionsToUserData( extensions, material, materialDef ); return material; } ); }; /** When Object3D instances are targeted by animation, they need unique names. */ GLTFParser.prototype.createUniqueName = function ( originalName ) { var sanitizedName = THREE.PropertyBinding.sanitizeNodeName( originalName || '' ); var name = sanitizedName; for ( var i = 1; this.nodeNamesUsed[ name ]; ++ i ) { name = sanitizedName + '_' + i; } this.nodeNamesUsed[ name ] = true; return name; }; /** * @param {THREE.BufferGeometry} geometry * @param {GLTF.Primitive} primitiveDef * @param {GLTFParser} parser */ function computeBounds( geometry, primitiveDef, parser ) { var attributes = primitiveDef.attributes; var box = new THREE.Box3(); if ( attributes.POSITION !== undefined ) { var accessor = parser.json.accessors[ attributes.POSITION ]; var min = accessor.min; var max = accessor.max; // glTF requires 'min' and 'max', but VRM (which extends glTF) currently ignores that requirement. if ( min !== undefined && max !== undefined ) { box.set( new THREE.Vector3( min[ 0 ], min[ 1 ], min[ 2 ] ), new THREE.Vector3( max[ 0 ], max[ 1 ], max[ 2 ] ) ); } else { console.warn( 'THREE.GLTFLoader: Missing min/max properties for accessor POSITION.' ); return; } } else { return; } var targets = primitiveDef.targets; if ( targets !== undefined ) { var maxDisplacement = new THREE.Vector3(); var vector = new THREE.Vector3(); for ( var i = 0, il = targets.length; i < il; i ++ ) { var target = targets[ i ]; if ( target.POSITION !== undefined ) { var accessor = parser.json.accessors[ target.POSITION ]; var min = accessor.min; var max = accessor.max; // glTF requires 'min' and 'max', but VRM (which extends glTF) currently ignores that requirement. if ( min !== undefined && max !== undefined ) { // we need to get max of absolute components because target weight is [-1,1] vector.setX( Math.max( Math.abs( min[ 0 ] ), Math.abs( max[ 0 ] ) ) ); vector.setY( Math.max( Math.abs( min[ 1 ] ), Math.abs( max[ 1 ] ) ) ); vector.setZ( Math.max( Math.abs( min[ 2 ] ), Math.abs( max[ 2 ] ) ) ); // Note: this assumes that the sum of all weights is at most 1. This isn't quite correct - it's more conservative // to assume that each target can have a max weight of 1. However, for some use cases - notably, when morph targets // are used to implement key-frame animations and as such only two are active at a time - this results in very large // boxes. So for now we make a box that's sometimes a touch too small but is hopefully mostly of reasonable size. maxDisplacement.max( vector ); } else { console.warn( 'THREE.GLTFLoader: Missing min/max properties for accessor POSITION.' ); } } } // As per comment above this box isn't conservative, but has a reasonable size for a very large number of morph targets. box.expandByVector( maxDisplacement ); } geometry.boundingBox = box; var sphere = new THREE.Sphere(); box.getCenter( sphere.center ); sphere.radius = box.min.distanceTo( box.max ) / 2; geometry.boundingSphere = sphere; } /** * @param {THREE.BufferGeometry} geometry * @param {GLTF.Primitive} primitiveDef * @param {GLTFParser} parser * @return {Promise<THREE.BufferGeometry>} */ function addPrimitiveAttributes( geometry, primitiveDef, parser ) { var attributes = primitiveDef.attributes; var pending = []; function assignAttributeAccessor( accessorIndex, attributeName ) { return parser.getDependency( 'accessor', accessorIndex ) .then( function ( accessor ) { geometry.setAttribute( attributeName, accessor ); } ); } for ( var gltfAttributeName in attributes ) { var threeAttributeName = ATTRIBUTES[ gltfAttributeName ] || gltfAttributeName.toLowerCase(); // Skip attributes already provided by e.g. Draco extension. if ( threeAttributeName in geometry.attributes ) continue; pending.push( assignAttributeAccessor( attributes[ gltfAttributeName ], threeAttributeName ) ); } if ( primitiveDef.indices !== undefined && ! geometry.index ) { var accessor = parser.getDependency( 'accessor', primitiveDef.indices ).then( function ( accessor ) { geometry.setIndex( accessor ); } ); pending.push( accessor ); } assignExtrasToUserData( geometry, primitiveDef ); computeBounds( geometry, primitiveDef, parser ); return Promise.all( pending ).then( function () { return primitiveDef.targets !== undefined ? addMorphTargets( geometry, primitiveDef.targets, parser ) : geometry; } ); } /** * @param {THREE.BufferGeometry} geometry * @param {Number} drawMode * @return {THREE.BufferGeometry} */ function toTrianglesDrawMode( geometry, drawMode ) { var index = geometry.getIndex(); // generate index if not present if ( index === null ) { var indices = []; var position = geometry.getAttribute( 'position' ); if ( position !== undefined ) { for ( var i = 0; i < position.count; i ++ ) { indices.push( i ); } geometry.setIndex( indices ); index = geometry.getIndex(); } else { console.error( 'THREE.GLTFLoader.toTrianglesDrawMode(): Undefined position attribute. Processing not possible.' ); return geometry; } } // var numberOfTriangles = index.count - 2; var newIndices = []; if ( drawMode === THREE.TriangleFanDrawMode ) { // gl.TRIANGLE_FAN for ( var i = 1; i <= numberOfTriangles; i ++ ) { newIndices.push( index.getX( 0 ) ); newIndices.push( index.getX( i ) ); newIndices.push( index.getX( i + 1 ) ); } } else { // gl.TRIANGLE_STRIP for ( var i = 0; i < numberOfTriangles; i ++ ) { if ( i % 2 === 0 ) { newIndices.push( index.getX( i ) ); newIndices.push( index.getX( i + 1 ) ); newIndices.push( index.getX( i + 2 ) ); } else { newIndices.push( index.getX( i + 2 ) ); newIndices.push( index.getX( i + 1 ) ); newIndices.push( index.getX( i ) ); } } } if ( ( newIndices.length / 3 ) !== numberOfTriangles ) { console.error( 'THREE.GLTFLoader.toTrianglesDrawMode(): Unable to generate correct amount of triangles.' ); } // build final geometry var newGeometry = geometry.clone(); newGeometry.setIndex( newIndices ); return newGeometry; } /** * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#geometry * * Creates BufferGeometries from primitives. * * @param {Array<GLTF.Primitive>} primitives * @return {Promise<Array<THREE.BufferGeometry>>} */ GLTFParser.prototype.loadGeometries = function ( primitives ) { var parser = this; var extensions = this.extensions; var cache = this.primitiveCache; function createDracoPrimitive( primitive ) { return extensions[ EXTENSIONS.KHR_DRACO_MESH_COMPRESSION ] .decodePrimitive( primitive, parser ) .then( function ( geometry ) { return addPrimitiveAttributes( geometry, primitive, parser ); } ); } var pending = []; for ( var i = 0, il = primitives.length; i < il; i ++ ) { var primitive = primitives[ i ]; var cacheKey = createPrimitiveKey( primitive ); // See if we've already created this geometry var cached = cache[ cacheKey ]; if ( cached ) { // Use the cached geometry if it exists pending.push( cached.promise ); } else { var geometryPromise; if ( primitive.extensions && primitive.extensions[ EXTENSIONS.KHR_DRACO_MESH_COMPRESSION ] ) { // Use DRACO geometry if available geometryPromise = createDracoPrimitive( primitive ); } else { // Otherwise create a new geometry geometryPromise = addPrimitiveAttributes( new THREE.BufferGeometry(), primitive, parser ); } // Cache this geometry cache[ cacheKey ] = { primitive: primitive, promise: geometryPromise }; pending.push( geometryPromise ); } } return Promise.all( pending ); }; /** * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#meshes * @param {number} meshIndex * @return {Promise<THREE.Group|THREE.Mesh|THREE.SkinnedMesh>} */ GLTFParser.prototype.loadMesh = function ( meshIndex ) { var parser = this; var json = this.json; var extensions = this.extensions; var meshDef = json.meshes[ meshIndex ]; var primitives = meshDef.primitives; var pending = []; for ( var i = 0, il = primitives.length; i < il; i ++ ) { var material = primitives[ i ].material === undefined ? createDefaultMaterial( this.cache ) : this.getDependency( 'material', primitives[ i ].material ); pending.push( material ); } pending.push( parser.loadGeometries( primitives ) ); return Promise.all( pending ).then( function ( results ) { var materials = results.slice( 0, results.length - 1 ); var geometries = results[ results.length - 1 ]; var meshes = []; for ( var i = 0, il = geometries.length; i < il; i ++ ) { var geometry = geometries[ i ]; var primitive = primitives[ i ]; // 1. create Mesh var mesh; var material = materials[ i ]; if ( primitive.mode === WEBGL_CONSTANTS.TRIANGLES || primitive.mode === WEBGL_CONSTANTS.TRIANGLE_STRIP || primitive.mode === WEBGL_CONSTANTS.TRIANGLE_FAN || primitive.mode === undefined ) { // .isSkinnedMesh isn't in glTF spec. See ._markDefs() mesh = meshDef.isSkinnedMesh === true ? new THREE.SkinnedMesh( geometry, material ) : new THREE.Mesh( geometry, material ); // Fix double sided rendered models on certain mobile devices, see https://github.com/mrdoob/three.js/issues/20997#issuecomment-756082184 if ( material.isMeshStandardMaterial === true && material.side === THREE.DoubleSide && geometry.getIndex() !== null && geometry.hasAttribute( 'position' ) === true && geometry.hasAttribute( 'normal' ) === true && geometry.hasAttribute( 'uv' ) === true && geometry.hasAttribute( 'tangent' ) === false ) { geometry.computeTangents(); material.vertexTangents = true; } if ( mesh.isSkinnedMesh === true && ! mesh.geometry.attributes.skinWeight.normalized ) { // we normalize floating point skin weight array to fix malformed assets (see #15319) // it's important to skip this for non-float32 data since normalizeSkinWeights assumes non-normalized inputs mesh.normalizeSkinWeights(); } if ( primitive.mode === WEBGL_CONSTANTS.TRIANGLE_STRIP ) { mesh.geometry = toTrianglesDrawMode( mesh.geometry, THREE.TriangleStripDrawMode ); } else if ( primitive.mode === WEBGL_CONSTANTS.TRIANGLE_FAN ) { mesh.geometry = toTrianglesDrawMode( mesh.geometry, THREE.TriangleFanDrawMode ); } } else if ( primitive.mode === WEBGL_CONSTANTS.LINES ) { mesh = new THREE.LineSegments( geometry, material ); } else if ( primitive.mode === WEBGL_CONSTANTS.LINE_STRIP ) { mesh = new THREE.Line( geometry, material ); } else if ( primitive.mode === WEBGL_CONSTANTS.LINE_LOOP ) { mesh = new THREE.LineLoop( geometry, material ); } else if ( primitive.mode === WEBGL_CONSTANTS.POINTS ) { mesh = new THREE.Points( geometry, material ); } else { throw new Error( 'THREE.GLTFLoader: Primitive mode unsupported: ' + primitive.mode ); } if ( Object.keys( mesh.geometry.morphAttributes ).length > 0 ) { updateMorphTargets( mesh, meshDef ); } mesh.name = parser.createUniqueName( meshDef.name || ( 'mesh_' + meshIndex ) ); assignExtrasToUserData( mesh, meshDef ); if ( primitive.extensions ) addUnknownExtensionsToUserData( extensions, mesh, primitive ); parser.assignFinalMaterial( mesh ); meshes.push( mesh ); } if ( meshes.length === 1 ) { return meshes[ 0 ]; } var group = new THREE.Group(); for ( var i = 0, il = meshes.length; i < il; i ++ ) { group.add( meshes[ i ] ); } return group; } ); }; /** * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#cameras * @param {number} cameraIndex * @return {Promise<THREE.Camera>} */ GLTFParser.prototype.loadCamera = function ( cameraIndex ) { var camera; var cameraDef = this.json.cameras[ cameraIndex ]; var params = cameraDef[ cameraDef.type ]; if ( ! params ) { console.warn( 'THREE.GLTFLoader: Missing camera parameters.' ); return; } if ( cameraDef.type === 'perspective' ) { camera = new THREE.PerspectiveCamera( THREE.MathUtils.radToDeg( params.yfov ), params.aspectRatio || 1, params.znear || 1, params.zfar || 2e6 ); } else if ( cameraDef.type === 'orthographic' ) { camera = new THREE.OrthographicCamera( - params.xmag, params.xmag, params.ymag, - params.ymag, params.znear, params.zfar ); } if ( cameraDef.name ) camera.name = this.createUniqueName( cameraDef.name ); assignExtrasToUserData( camera, cameraDef ); return Promise.resolve( camera ); }; /** * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#skins * @param {number} skinIndex * @return {Promise<Object>} */ GLTFParser.prototype.loadSkin = function ( skinIndex ) { var skinDef = this.json.skins[ skinIndex ]; var skinEntry = { joints: skinDef.joints }; if ( skinDef.inverseBindMatrices === undefined ) { return Promise.resolve( skinEntry ); } return this.getDependency( 'accessor', skinDef.inverseBindMatrices ).then( function ( accessor ) { skinEntry.inverseBindMatrices = accessor; return skinEntry; } ); }; /** * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#animations * @param {number} animationIndex * @return {Promise<THREE.AnimationClip>} */ GLTFParser.prototype.loadAnimation = function ( animationIndex ) { var json = this.json; var animationDef = json.animations[ animationIndex ]; var pendingNodes = []; var pendingInputAccessors = []; var pendingOutputAccessors = []; var pendingSamplers = []; var pendingTargets = []; for ( var i = 0, il = animationDef.channels.length; i < il; i ++ ) { var channel = animationDef.channels[ i ]; var sampler = animationDef.samplers[ channel.sampler ]; var target = channel.target; var name = target.node !== undefined ? target.node : target.id; // NOTE: target.id is deprecated. var input = animationDef.parameters !== undefined ? animationDef.parameters[ sampler.input ] : sampler.input; var output = animationDef.parameters !== undefined ? animationDef.parameters[ sampler.output ] : sampler.output; pendingNodes.push( this.getDependency( 'node', name ) ); pendingInputAccessors.push( this.getDependency( 'accessor', input ) ); pendingOutputAccessors.push( this.getDependency( 'accessor', output ) ); pendingSamplers.push( sampler ); pendingTargets.push( target ); } return Promise.all( [ Promise.all( pendingNodes ), Promise.all( pendingInputAccessors ), Promise.all( pendingOutputAccessors ), Promise.all( pendingSamplers ), Promise.all( pendingTargets ) ] ).then( function ( dependencies ) { var nodes = dependencies[ 0 ]; var inputAccessors = dependencies[ 1 ]; var outputAccessors = dependencies[ 2 ]; var samplers = dependencies[ 3 ]; var targets = dependencies[ 4 ]; var tracks = []; for ( var i = 0, il = nodes.length; i < il; i ++ ) { var node = nodes[ i ]; var inputAccessor = inputAccessors[ i ]; var outputAccessor = outputAccessors[ i ]; var sampler = samplers[ i ]; var target = targets[ i ]; if ( node === undefined ) continue; node.updateMatrix(); node.matrixAutoUpdate = true; var TypedKeyframeTrack; switch ( PATH_PROPERTIES[ target.path ] ) { case PATH_PROPERTIES.weights: TypedKeyframeTrack = THREE.NumberKeyframeTrack; break; case PATH_PROPERTIES.rotation: TypedKeyframeTrack = THREE.QuaternionKeyframeTrack; break; case PATH_PROPERTIES.position: case PATH_PROPERTIES.scale: default: TypedKeyframeTrack = THREE.VectorKeyframeTrack; break; } var targetName = node.name ? node.name : node.uuid; var interpolation = sampler.interpolation !== undefined ? INTERPOLATION[ sampler.interpolation ] : THREE.InterpolateLinear; var targetNames = []; if ( PATH_PROPERTIES[ target.path ] === PATH_PROPERTIES.weights ) { // Node may be a THREE.Group (glTF mesh with several primitives) or a THREE.Mesh. node.traverse( function ( object ) { if ( object.isMesh === true && object.morphTargetInfluences ) { targetNames.push( object.name ? object.name : object.uuid ); } } ); } else { targetNames.push( targetName ); } var outputArray = outputAccessor.array; if ( outputAccessor.normalized ) { var scale; if ( outputArray.constructor === Int8Array ) { scale = 1 / 127; } else if ( outputArray.constructor === Uint8Array ) { scale = 1 / 255; } else if ( outputArray.constructor == Int16Array ) { scale = 1 / 32767; } else if ( outputArray.constructor === Uint16Array ) { scale = 1 / 65535; } else { throw new Error( 'THREE.GLTFLoader: Unsupported output accessor component type.' ); } var scaled = new Float32Array( outputArray.length ); for ( var j = 0, jl = outputArray.length; j < jl; j ++ ) { scaled[ j ] = outputArray[ j ] * scale; } outputArray = scaled; } for ( var j = 0, jl = targetNames.length; j < jl; j ++ ) { var track = new TypedKeyframeTrack( targetNames[ j ] + '.' + PATH_PROPERTIES[ target.path ], inputAccessor.array, outputArray, interpolation ); // Override interpolation with custom factory method. if ( sampler.interpolation === 'CUBICSPLINE' ) { track.createInterpolant = function InterpolantFactoryMethodGLTFCubicSpline( result ) { // A CUBICSPLINE keyframe in glTF has three output values for each input value, // representing inTangent, splineVertex, and outTangent. As a result, track.getValueSize() // must be divided by three to get the interpolant's sampleSize argument. return new GLTFCubicSplineInterpolant( this.times, this.values, this.getValueSize() / 3, result ); }; // Mark as CUBICSPLINE. `track.getInterpolation()` doesn't support custom interpolants. track.createInterpolant.isInterpolantFactoryMethodGLTFCubicSpline = true; } tracks.push( track ); } } var name = animationDef.name ? animationDef.name : 'animation_' + animationIndex; return new THREE.AnimationClip( name, undefined, tracks ); } ); }; /** * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#nodes-and-hierarchy * @param {number} nodeIndex * @return {Promise<THREE.Object3D>} */ GLTFParser.prototype.loadNode = function ( nodeIndex ) { var json = this.json; var extensions = this.extensions; var parser = this; var nodeDef = json.nodes[ nodeIndex ]; // reserve node's name before its dependencies, so the root has the intended name. var nodeName = nodeDef.name ? parser.createUniqueName( nodeDef.name ) : ''; return ( function () { var pending = []; if ( nodeDef.mesh !== undefined ) { pending.push( parser.getDependency( 'mesh', nodeDef.mesh ).then( function ( mesh ) { var node = parser._getNodeRef( parser.meshCache, nodeDef.mesh, mesh ); // if weights are provided on the node, override weights on the mesh. if ( nodeDef.weights !== undefined ) { node.traverse( function ( o ) { if ( ! o.isMesh ) return; for ( var i = 0, il = nodeDef.weights.length; i < il; i ++ ) { o.morphTargetInfluences[ i ] = nodeDef.weights[ i ]; } } ); } return node; } ) ); } if ( nodeDef.camera !== undefined ) { pending.push( parser.getDependency( 'camera', nodeDef.camera ).then( function ( camera ) { return parser._getNodeRef( parser.cameraCache, nodeDef.camera, camera ); } ) ); } parser._invokeAll( function ( ext ) { return ext.createNodeAttachment && ext.createNodeAttachment( nodeIndex ); } ).forEach( function ( promise ) { pending.push( promise ); } ); return Promise.all( pending ); }() ).then( function ( objects ) { var node; // .isBone isn't in glTF spec. See ._markDefs if ( nodeDef.isBone === true ) { node = new THREE.Bone(); } else if ( objects.length > 1 ) { node = new THREE.Group(); } else if ( objects.length === 1 ) { node = objects[ 0 ]; } else { node = new THREE.Object3D(); } if ( node !== objects[ 0 ] ) { for ( var i = 0, il = objects.length; i < il; i ++ ) { node.add( objects[ i ] ); } } if ( nodeDef.name ) { node.userData.name = nodeDef.name; node.name = nodeName; } assignExtrasToUserData( node, nodeDef ); if ( nodeDef.extensions ) addUnknownExtensionsToUserData( extensions, node, nodeDef ); if ( nodeDef.matrix !== undefined ) { var matrix = new THREE.Matrix4(); matrix.fromArray( nodeDef.matrix ); node.applyMatrix4( matrix ); } else { if ( nodeDef.translation !== undefined ) { node.position.fromArray( nodeDef.translation ); } if ( nodeDef.rotation !== undefined ) { node.quaternion.fromArray( nodeDef.rotation ); } if ( nodeDef.scale !== undefined ) { node.scale.fromArray( nodeDef.scale ); } } parser.associations.set( node, { type: 'nodes', index: nodeIndex } ); return node; } ); }; /** * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#scenes * @param {number} sceneIndex * @return {Promise<THREE.Group>} */ GLTFParser.prototype.loadScene = function () { // scene node hierachy builder function buildNodeHierachy( nodeId, parentObject, json, parser ) { var nodeDef = json.nodes[ nodeId ]; return parser.getDependency( 'node', nodeId ).then( function ( node ) { if ( nodeDef.skin === undefined ) return node; // build skeleton here as well var skinEntry; return parser.getDependency( 'skin', nodeDef.skin ).then( function ( skin ) { skinEntry = skin; var pendingJoints = []; for ( var i = 0, il = skinEntry.joints.length; i < il; i ++ ) { pendingJoints.push( parser.getDependency( 'node', skinEntry.joints[ i ] ) ); } return Promise.all( pendingJoints ); } ).then( function ( jointNodes ) { node.traverse( function ( mesh ) { if ( ! mesh.isMesh ) return; var bones = []; var boneInverses = []; for ( var j = 0, jl = jointNodes.length; j < jl; j ++ ) { var jointNode = jointNodes[ j ]; if ( jointNode ) { bones.push( jointNode ); var mat = new THREE.Matrix4(); if ( skinEntry.inverseBindMatrices !== undefined ) { mat.fromArray( skinEntry.inverseBindMatrices.array, j * 16 ); } boneInverses.push( mat ); } else { console.warn( 'THREE.GLTFLoader: Joint "%s" could not be found.', skinEntry.joints[ j ] ); } } mesh.bind( new THREE.Skeleton( bones, boneInverses ), mesh.matrixWorld ); } ); return node; } ); } ).then( function ( node ) { // build node hierachy parentObject.add( node ); var pending = []; if ( nodeDef.children ) { var children = nodeDef.children; for ( var i = 0, il = children.length; i < il; i ++ ) { var child = children[ i ]; pending.push( buildNodeHierachy( child, node, json, parser ) ); } } return Promise.all( pending ); } ); } return function loadScene( sceneIndex ) { var json = this.json; var extensions = this.extensions; var sceneDef = this.json.scenes[ sceneIndex ]; var parser = this; // Loader returns Group, not Scene. // See: https://github.com/mrdoob/three.js/issues/18342#issuecomment-578981172 var scene = new THREE.Group(); if ( sceneDef.name ) scene.name = parser.createUniqueName( sceneDef.name ); assignExtrasToUserData( scene, sceneDef ); if ( sceneDef.extensions ) addUnknownExtensionsToUserData( extensions, scene, sceneDef ); var nodeIds = sceneDef.nodes || []; var pending = []; for ( var i = 0, il = nodeIds.length; i < il; i ++ ) { pending.push( buildNodeHierachy( nodeIds[ i ], scene, json, parser ) ); } return Promise.all( pending ).then( function () { return scene; } ); }; }(); return GLTFLoader; } )(); },{}],40:[function(_dereq_,module,exports){ /** * Loads a Wavefront .mtl file specifying materials */ THREE.MTLLoader = function ( manager ) { THREE.Loader.call( this, manager ); }; THREE.MTLLoader.prototype = Object.assign( Object.create( THREE.Loader.prototype ), { constructor: THREE.MTLLoader, /** * Loads and parses a MTL asset from a URL. * * @param {String} url - URL to the MTL file. * @param {Function} [onLoad] - Callback invoked with the loaded object. * @param {Function} [onProgress] - Callback for download progress. * @param {Function} [onError] - Callback for download errors. * * @see setPath setResourcePath * * @note In order for relative texture references to resolve correctly * you must call setResourcePath() explicitly prior to load. */ load: function ( url, onLoad, onProgress, onError ) { var scope = this; var path = ( this.path === '' ) ? THREE.LoaderUtils.extractUrlBase( url ) : this.path; var loader = new THREE.FileLoader( this.manager ); loader.setPath( this.path ); loader.setRequestHeader( this.requestHeader ); loader.setWithCredentials( this.withCredentials ); loader.load( url, function ( text ) { try { onLoad( scope.parse( text, path ) ); } catch ( e ) { if ( onError ) { onError( e ); } else { console.error( e ); } scope.manager.itemError( url ); } }, onProgress, onError ); }, setMaterialOptions: function ( value ) { this.materialOptions = value; return this; }, /** * Parses a MTL file. * * @param {String} text - Content of MTL file * @return {THREE.MTLLoader.MaterialCreator} * * @see setPath setResourcePath * * @note In order for relative texture references to resolve correctly * you must call setResourcePath() explicitly prior to parse. */ parse: function ( text, path ) { var lines = text.split( '\n' ); var info = {}; var delimiter_pattern = /\s+/; var materialsInfo = {}; for ( var i = 0; i < lines.length; i ++ ) { var line = lines[ i ]; line = line.trim(); if ( line.length === 0 || line.charAt( 0 ) === '#' ) { // Blank line or comment ignore continue; } var pos = line.indexOf( ' ' ); var key = ( pos >= 0 ) ? line.substring( 0, pos ) : line; key = key.toLowerCase(); var value = ( pos >= 0 ) ? line.substring( pos + 1 ) : ''; value = value.trim(); if ( key === 'newmtl' ) { // New material info = { name: value }; materialsInfo[ value ] = info; } else { if ( key === 'ka' || key === 'kd' || key === 'ks' || key === 'ke' ) { var ss = value.split( delimiter_pattern, 3 ); info[ key ] = [ parseFloat( ss[ 0 ] ), parseFloat( ss[ 1 ] ), parseFloat( ss[ 2 ] ) ]; } else { info[ key ] = value; } } } var materialCreator = new THREE.MTLLoader.MaterialCreator( this.resourcePath || path, this.materialOptions ); materialCreator.setCrossOrigin( this.crossOrigin ); materialCreator.setManager( this.manager ); materialCreator.setMaterials( materialsInfo ); return materialCreator; } } ); /** * Create a new THREE.MTLLoader.MaterialCreator * @param baseUrl - Url relative to which textures are loaded * @param options - Set of options on how to construct the materials * side: Which side to apply the material * THREE.FrontSide (default), THREE.BackSide, THREE.DoubleSide * wrap: What type of wrapping to apply for textures * THREE.RepeatWrapping (default), THREE.ClampToEdgeWrapping, THREE.MirroredRepeatWrapping * normalizeRGB: RGBs need to be normalized to 0-1 from 0-255 * Default: false, assumed to be already normalized * ignoreZeroRGBs: Ignore values of RGBs (Ka,Kd,Ks) that are all 0's * Default: false * @constructor */ THREE.MTLLoader.MaterialCreator = function ( baseUrl, options ) { this.baseUrl = baseUrl || ''; this.options = options; this.materialsInfo = {}; this.materials = {}; this.materialsArray = []; this.nameLookup = {}; this.side = ( this.options && this.options.side ) ? this.options.side : THREE.FrontSide; this.wrap = ( this.options && this.options.wrap ) ? this.options.wrap : THREE.RepeatWrapping; }; THREE.MTLLoader.MaterialCreator.prototype = { constructor: THREE.MTLLoader.MaterialCreator, crossOrigin: 'anonymous', setCrossOrigin: function ( value ) { this.crossOrigin = value; return this; }, setManager: function ( value ) { this.manager = value; }, setMaterials: function ( materialsInfo ) { this.materialsInfo = this.convert( materialsInfo ); this.materials = {}; this.materialsArray = []; this.nameLookup = {}; }, convert: function ( materialsInfo ) { if ( ! this.options ) return materialsInfo; var converted = {}; for ( var mn in materialsInfo ) { // Convert materials info into normalized form based on options var mat = materialsInfo[ mn ]; var covmat = {}; converted[ mn ] = covmat; for ( var prop in mat ) { var save = true; var value = mat[ prop ]; var lprop = prop.toLowerCase(); switch ( lprop ) { case 'kd': case 'ka': case 'ks': // Diffuse color (color under white light) using RGB values if ( this.options && this.options.normalizeRGB ) { value = [ value[ 0 ] / 255, value[ 1 ] / 255, value[ 2 ] / 255 ]; } if ( this.options && this.options.ignoreZeroRGBs ) { if ( value[ 0 ] === 0 && value[ 1 ] === 0 && value[ 2 ] === 0 ) { // ignore save = false; } } break; default: break; } if ( save ) { covmat[ lprop ] = value; } } } return converted; }, preload: function () { for ( var mn in this.materialsInfo ) { this.create( mn ); } }, getIndex: function ( materialName ) { return this.nameLookup[ materialName ]; }, getAsArray: function () { var index = 0; for ( var mn in this.materialsInfo ) { this.materialsArray[ index ] = this.create( mn ); this.nameLookup[ mn ] = index; index ++; } return this.materialsArray; }, create: function ( materialName ) { if ( this.materials[ materialName ] === undefined ) { this.createMaterial_( materialName ); } return this.materials[ materialName ]; }, createMaterial_: function ( materialName ) { // Create material var scope = this; var mat = this.materialsInfo[ materialName ]; var params = { name: materialName, side: this.side }; function resolveURL( baseUrl, url ) { if ( typeof url !== 'string' || url === '' ) return ''; // Absolute URL if ( /^https?:\/\//i.test( url ) ) return url; return baseUrl + url; } function setMapForType( mapType, value ) { if ( params[ mapType ] ) return; // Keep the first encountered texture var texParams = scope.getTextureParams( value, params ); var map = scope.loadTexture( resolveURL( scope.baseUrl, texParams.url ) ); map.repeat.copy( texParams.scale ); map.offset.copy( texParams.offset ); map.wrapS = scope.wrap; map.wrapT = scope.wrap; params[ mapType ] = map; } for ( var prop in mat ) { var value = mat[ prop ]; var n; if ( value === '' ) continue; switch ( prop.toLowerCase() ) { // Ns is material specular exponent case 'kd': // Diffuse color (color under white light) using RGB values params.color = new THREE.Color().fromArray( value ); break; case 'ks': // Specular color (color when light is reflected from shiny surface) using RGB values params.specular = new THREE.Color().fromArray( value ); break; case 'ke': // Emissive using RGB values params.emissive = new THREE.Color().fromArray( value ); break; case 'map_kd': // Diffuse texture map setMapForType( 'map', value ); break; case 'map_ks': // Specular map setMapForType( 'specularMap', value ); break; case 'map_ke': // Emissive map setMapForType( 'emissiveMap', value ); break; case 'norm': setMapForType( 'normalMap', value ); break; case 'map_bump': case 'bump': // Bump texture map setMapForType( 'bumpMap', value ); break; case 'map_d': // Alpha map setMapForType( 'alphaMap', value ); params.transparent = true; break; case 'ns': // The specular exponent (defines the focus of the specular highlight) // A high exponent results in a tight, concentrated highlight. Ns values normally range from 0 to 1000. params.shininess = parseFloat( value ); break; case 'd': n = parseFloat( value ); if ( n < 1 ) { params.opacity = n; params.transparent = true; } break; case 'tr': n = parseFloat( value ); if ( this.options && this.options.invertTrProperty ) n = 1 - n; if ( n > 0 ) { params.opacity = 1 - n; params.transparent = true; } break; default: break; } } this.materials[ materialName ] = new THREE.MeshPhongMaterial( params ); return this.materials[ materialName ]; }, getTextureParams: function ( value, matParams ) { var texParams = { scale: new THREE.Vector2( 1, 1 ), offset: new THREE.Vector2( 0, 0 ) }; var items = value.split( /\s+/ ); var pos; pos = items.indexOf( '-bm' ); if ( pos >= 0 ) { matParams.bumpScale = parseFloat( items[ pos + 1 ] ); items.splice( pos, 2 ); } pos = items.indexOf( '-s' ); if ( pos >= 0 ) { texParams.scale.set( parseFloat( items[ pos + 1 ] ), parseFloat( items[ pos + 2 ] ) ); items.splice( pos, 4 ); // we expect 3 parameters here! } pos = items.indexOf( '-o' ); if ( pos >= 0 ) { texParams.offset.set( parseFloat( items[ pos + 1 ] ), parseFloat( items[ pos + 2 ] ) ); items.splice( pos, 4 ); // we expect 3 parameters here! } texParams.url = items.join( ' ' ).trim(); return texParams; }, loadTexture: function ( url, mapping, onLoad, onProgress, onError ) { var texture; var manager = ( this.manager !== undefined ) ? this.manager : THREE.DefaultLoadingManager; var loader = manager.getHandler( url ); if ( loader === null ) { loader = new THREE.TextureLoader( manager ); } if ( loader.setCrossOrigin ) loader.setCrossOrigin( this.crossOrigin ); texture = loader.load( url, onLoad, onProgress, onError ); if ( mapping !== undefined ) texture.mapping = mapping; return texture; } }; },{}],41:[function(_dereq_,module,exports){ THREE.OBJLoader = ( function () { // o object_name | g group_name var object_pattern = /^[og]\s*(.+)?/; // mtllib file_reference var material_library_pattern = /^mtllib /; // usemtl material_name var material_use_pattern = /^usemtl /; // usemap map_name var map_use_pattern = /^usemap /; var vA = new THREE.Vector3(); var vB = new THREE.Vector3(); var vC = new THREE.Vector3(); var ab = new THREE.Vector3(); var cb = new THREE.Vector3(); function ParserState() { var state = { objects: [], object: {}, vertices: [], normals: [], colors: [], uvs: [], materials: {}, materialLibraries: [], startObject: function ( name, fromDeclaration ) { // If the current object (initial from reset) is not from a g/o declaration in the parsed // file. We need to use it for the first parsed g/o to keep things in sync. if ( this.object && this.object.fromDeclaration === false ) { this.object.name = name; this.object.fromDeclaration = ( fromDeclaration !== false ); return; } var previousMaterial = ( this.object && typeof this.object.currentMaterial === 'function' ? this.object.currentMaterial() : undefined ); if ( this.object && typeof this.object._finalize === 'function' ) { this.object._finalize( true ); } this.object = { name: name || '', fromDeclaration: ( fromDeclaration !== false ), geometry: { vertices: [], normals: [], colors: [], uvs: [], hasUVIndices: false }, materials: [], smooth: true, startMaterial: function ( name, libraries ) { var previous = this._finalize( false ); // New usemtl declaration overwrites an inherited material, except if faces were declared // after the material, then it must be preserved for proper MultiMaterial continuation. if ( previous && ( previous.inherited || previous.groupCount <= 0 ) ) { this.materials.splice( previous.index, 1 ); } var material = { index: this.materials.length, name: name || '', mtllib: ( Array.isArray( libraries ) && libraries.length > 0 ? libraries[ libraries.length - 1 ] : '' ), smooth: ( previous !== undefined ? previous.smooth : this.smooth ), groupStart: ( previous !== undefined ? previous.groupEnd : 0 ), groupEnd: - 1, groupCount: - 1, inherited: false, clone: function ( index ) { var cloned = { index: ( typeof index === 'number' ? index : this.index ), name: this.name, mtllib: this.mtllib, smooth: this.smooth, groupStart: 0, groupEnd: - 1, groupCount: - 1, inherited: false }; cloned.clone = this.clone.bind( cloned ); return cloned; } }; this.materials.push( material ); return material; }, currentMaterial: function () { if ( this.materials.length > 0 ) { return this.materials[ this.materials.length - 1 ]; } return undefined; }, _finalize: function ( end ) { var lastMultiMaterial = this.currentMaterial(); if ( lastMultiMaterial && lastMultiMaterial.groupEnd === - 1 ) { lastMultiMaterial.groupEnd = this.geometry.vertices.length / 3; lastMultiMaterial.groupCount = lastMultiMaterial.groupEnd - lastMultiMaterial.groupStart; lastMultiMaterial.inherited = false; } // Ignore objects tail materials if no face declarations followed them before a new o/g started. if ( end && this.materials.length > 1 ) { for ( var mi = this.materials.length - 1; mi >= 0; mi -- ) { if ( this.materials[ mi ].groupCount <= 0 ) { this.materials.splice( mi, 1 ); } } } // Guarantee at least one empty material, this makes the creation later more straight forward. if ( end && this.materials.length === 0 ) { this.materials.push( { name: '', smooth: this.smooth } ); } return lastMultiMaterial; } }; // Inherit previous objects material. // Spec tells us that a declared material must be set to all objects until a new material is declared. // If a usemtl declaration is encountered while this new object is being parsed, it will // overwrite the inherited material. Exception being that there was already face declarations // to the inherited material, then it will be preserved for proper MultiMaterial continuation. if ( previousMaterial && previousMaterial.name && typeof previousMaterial.clone === 'function' ) { var declared = previousMaterial.clone( 0 ); declared.inherited = true; this.object.materials.push( declared ); } this.objects.push( this.object ); }, finalize: function () { if ( this.object && typeof this.object._finalize === 'function' ) { this.object._finalize( true ); } }, parseVertexIndex: function ( value, len ) { var index = parseInt( value, 10 ); return ( index >= 0 ? index - 1 : index + len / 3 ) * 3; }, parseNormalIndex: function ( value, len ) { var index = parseInt( value, 10 ); return ( index >= 0 ? index - 1 : index + len / 3 ) * 3; }, parseUVIndex: function ( value, len ) { var index = parseInt( value, 10 ); return ( index >= 0 ? index - 1 : index + len / 2 ) * 2; }, addVertex: function ( a, b, c ) { var src = this.vertices; var dst = this.object.geometry.vertices; dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] ); dst.push( src[ b + 0 ], src[ b + 1 ], src[ b + 2 ] ); dst.push( src[ c + 0 ], src[ c + 1 ], src[ c + 2 ] ); }, addVertexPoint: function ( a ) { var src = this.vertices; var dst = this.object.geometry.vertices; dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] ); }, addVertexLine: function ( a ) { var src = this.vertices; var dst = this.object.geometry.vertices; dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] ); }, addNormal: function ( a, b, c ) { var src = this.normals; var dst = this.object.geometry.normals; dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] ); dst.push( src[ b + 0 ], src[ b + 1 ], src[ b + 2 ] ); dst.push( src[ c + 0 ], src[ c + 1 ], src[ c + 2 ] ); }, addFaceNormal: function ( a, b, c ) { var src = this.vertices; var dst = this.object.geometry.normals; vA.fromArray( src, a ); vB.fromArray( src, b ); vC.fromArray( src, c ); cb.subVectors( vC, vB ); ab.subVectors( vA, vB ); cb.cross( ab ); cb.normalize(); dst.push( cb.x, cb.y, cb.z ); dst.push( cb.x, cb.y, cb.z ); dst.push( cb.x, cb.y, cb.z ); }, addColor: function ( a, b, c ) { var src = this.colors; var dst = this.object.geometry.colors; if ( src[ a ] !== undefined ) dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] ); if ( src[ b ] !== undefined ) dst.push( src[ b + 0 ], src[ b + 1 ], src[ b + 2 ] ); if ( src[ c ] !== undefined ) dst.push( src[ c + 0 ], src[ c + 1 ], src[ c + 2 ] ); }, addUV: function ( a, b, c ) { var src = this.uvs; var dst = this.object.geometry.uvs; dst.push( src[ a + 0 ], src[ a + 1 ] ); dst.push( src[ b + 0 ], src[ b + 1 ] ); dst.push( src[ c + 0 ], src[ c + 1 ] ); }, addDefaultUV: function () { var dst = this.object.geometry.uvs; dst.push( 0, 0 ); dst.push( 0, 0 ); dst.push( 0, 0 ); }, addUVLine: function ( a ) { var src = this.uvs; var dst = this.object.geometry.uvs; dst.push( src[ a + 0 ], src[ a + 1 ] ); }, addFace: function ( a, b, c, ua, ub, uc, na, nb, nc ) { var vLen = this.vertices.length; var ia = this.parseVertexIndex( a, vLen ); var ib = this.parseVertexIndex( b, vLen ); var ic = this.parseVertexIndex( c, vLen ); this.addVertex( ia, ib, ic ); this.addColor( ia, ib, ic ); // normals if ( na !== undefined && na !== '' ) { var nLen = this.normals.length; ia = this.parseNormalIndex( na, nLen ); ib = this.parseNormalIndex( nb, nLen ); ic = this.parseNormalIndex( nc, nLen ); this.addNormal( ia, ib, ic ); } else { this.addFaceNormal( ia, ib, ic ); } // uvs if ( ua !== undefined && ua !== '' ) { var uvLen = this.uvs.length; ia = this.parseUVIndex( ua, uvLen ); ib = this.parseUVIndex( ub, uvLen ); ic = this.parseUVIndex( uc, uvLen ); this.addUV( ia, ib, ic ); this.object.geometry.hasUVIndices = true; } else { // add placeholder values (for inconsistent face definitions) this.addDefaultUV(); } }, addPointGeometry: function ( vertices ) { this.object.geometry.type = 'Points'; var vLen = this.vertices.length; for ( var vi = 0, l = vertices.length; vi < l; vi ++ ) { var index = this.parseVertexIndex( vertices[ vi ], vLen ); this.addVertexPoint( index ); this.addColor( index ); } }, addLineGeometry: function ( vertices, uvs ) { this.object.geometry.type = 'Line'; var vLen = this.vertices.length; var uvLen = this.uvs.length; for ( var vi = 0, l = vertices.length; vi < l; vi ++ ) { this.addVertexLine( this.parseVertexIndex( vertices[ vi ], vLen ) ); } for ( var uvi = 0, l = uvs.length; uvi < l; uvi ++ ) { this.addUVLine( this.parseUVIndex( uvs[ uvi ], uvLen ) ); } } }; state.startObject( '', false ); return state; } // function OBJLoader( manager ) { THREE.Loader.call( this, manager ); this.materials = null; } OBJLoader.prototype = Object.assign( Object.create( THREE.Loader.prototype ), { constructor: OBJLoader, load: function ( url, onLoad, onProgress, onError ) { var scope = this; var loader = new THREE.FileLoader( this.manager ); loader.setPath( this.path ); loader.setRequestHeader( this.requestHeader ); loader.setWithCredentials( this.withCredentials ); loader.load( url, function ( text ) { try { onLoad( scope.parse( text ) ); } catch ( e ) { if ( onError ) { onError( e ); } else { console.error( e ); } scope.manager.itemError( url ); } }, onProgress, onError ); }, setMaterials: function ( materials ) { this.materials = materials; return this; }, parse: function ( text ) { var state = new ParserState(); if ( text.indexOf( '\r\n' ) !== - 1 ) { // This is faster than String.split with regex that splits on both text = text.replace( /\r\n/g, '\n' ); } if ( text.indexOf( '\\\n' ) !== - 1 ) { // join lines separated by a line continuation character (\) text = text.replace( /\\\n/g, '' ); } var lines = text.split( '\n' ); var line = '', lineFirstChar = ''; var lineLength = 0; var result = []; // Faster to just trim left side of the line. Use if available. var trimLeft = ( typeof ''.trimLeft === 'function' ); for ( var i = 0, l = lines.length; i < l; i ++ ) { line = lines[ i ]; line = trimLeft ? line.trimLeft() : line.trim(); lineLength = line.length; if ( lineLength === 0 ) continue; lineFirstChar = line.charAt( 0 ); // @todo invoke passed in handler if any if ( lineFirstChar === '#' ) continue; if ( lineFirstChar === 'v' ) { var data = line.split( /\s+/ ); switch ( data[ 0 ] ) { case 'v': state.vertices.push( parseFloat( data[ 1 ] ), parseFloat( data[ 2 ] ), parseFloat( data[ 3 ] ) ); if ( data.length >= 7 ) { state.colors.push( parseFloat( data[ 4 ] ), parseFloat( data[ 5 ] ), parseFloat( data[ 6 ] ) ); } else { // if no colors are defined, add placeholders so color and vertex indices match state.colors.push( undefined, undefined, undefined ); } break; case 'vn': state.normals.push( parseFloat( data[ 1 ] ), parseFloat( data[ 2 ] ), parseFloat( data[ 3 ] ) ); break; case 'vt': state.uvs.push( parseFloat( data[ 1 ] ), parseFloat( data[ 2 ] ) ); break; } } else if ( lineFirstChar === 'f' ) { var lineData = line.substr( 1 ).trim(); var vertexData = lineData.split( /\s+/ ); var faceVertices = []; // Parse the face vertex data into an easy to work with format for ( var j = 0, jl = vertexData.length; j < jl; j ++ ) { var vertex = vertexData[ j ]; if ( vertex.length > 0 ) { var vertexParts = vertex.split( '/' ); faceVertices.push( vertexParts ); } } // Draw an edge between the first vertex and all subsequent vertices to form an n-gon var v1 = faceVertices[ 0 ]; for ( var j = 1, jl = faceVertices.length - 1; j < jl; j ++ ) { var v2 = faceVertices[ j ]; var v3 = faceVertices[ j + 1 ]; state.addFace( v1[ 0 ], v2[ 0 ], v3[ 0 ], v1[ 1 ], v2[ 1 ], v3[ 1 ], v1[ 2 ], v2[ 2 ], v3[ 2 ] ); } } else if ( lineFirstChar === 'l' ) { var lineParts = line.substring( 1 ).trim().split( ' ' ); var lineVertices = [], lineUVs = []; if ( line.indexOf( '/' ) === - 1 ) { lineVertices = lineParts; } else { for ( var li = 0, llen = lineParts.length; li < llen; li ++ ) { var parts = lineParts[ li ].split( '/' ); if ( parts[ 0 ] !== '' ) lineVertices.push( parts[ 0 ] ); if ( parts[ 1 ] !== '' ) lineUVs.push( parts[ 1 ] ); } } state.addLineGeometry( lineVertices, lineUVs ); } else if ( lineFirstChar === 'p' ) { var lineData = line.substr( 1 ).trim(); var pointData = lineData.split( ' ' ); state.addPointGeometry( pointData ); } else if ( ( result = object_pattern.exec( line ) ) !== null ) { // o object_name // or // g group_name // WORKAROUND: https://bugs.chromium.org/p/v8/issues/detail?id=2869 // var name = result[ 0 ].substr( 1 ).trim(); var name = ( ' ' + result[ 0 ].substr( 1 ).trim() ).substr( 1 ); state.startObject( name ); } else if ( material_use_pattern.test( line ) ) { // material state.object.startMaterial( line.substring( 7 ).trim(), state.materialLibraries ); } else if ( material_library_pattern.test( line ) ) { // mtl file state.materialLibraries.push( line.substring( 7 ).trim() ); } else if ( map_use_pattern.test( line ) ) { // the line is parsed but ignored since the loader assumes textures are defined MTL files // (according to https://www.okino.com/conv/imp_wave.htm, 'usemap' is the old-style Wavefront texture reference method) console.warn( 'THREE.OBJLoader: Rendering identifier "usemap" not supported. Textures must be defined in MTL files.' ); } else if ( lineFirstChar === 's' ) { result = line.split( ' ' ); // smooth shading // @todo Handle files that have varying smooth values for a set of faces inside one geometry, // but does not define a usemtl for each face set. // This should be detected and a dummy material created (later MultiMaterial and geometry groups). // This requires some care to not create extra material on each smooth value for "normal" obj files. // where explicit usemtl defines geometry groups. // Example asset: examples/models/obj/cerberus/Cerberus.obj /* * http://paulbourke.net/dataformats/obj/ * or * http://www.cs.utah.edu/~boulos/cs3505/obj_spec.pdf * * From chapter "Grouping" Syntax explanation "s group_number": * "group_number is the smoothing group number. To turn off smoothing groups, use a value of 0 or off. * Polygonal elements use group numbers to put elements in different smoothing groups. For free-form * surfaces, smoothing groups are either turned on or off; there is no difference between values greater * than 0." */ if ( result.length > 1 ) { var value = result[ 1 ].trim().toLowerCase(); state.object.smooth = ( value !== '0' && value !== 'off' ); } else { // ZBrush can produce "s" lines #11707 state.object.smooth = true; } var material = state.object.currentMaterial(); if ( material ) material.smooth = state.object.smooth; } else { // Handle null terminated files without exception if ( line === '\0' ) continue; console.warn( 'THREE.OBJLoader: Unexpected line: "' + line + '"' ); } } state.finalize(); var container = new THREE.Group(); container.materialLibraries = [].concat( state.materialLibraries ); var hasPrimitives = ! ( state.objects.length === 1 && state.objects[ 0 ].geometry.vertices.length === 0 ); if ( hasPrimitives === true ) { for ( var i = 0, l = state.objects.length; i < l; i ++ ) { var object = state.objects[ i ]; var geometry = object.geometry; var materials = object.materials; var isLine = ( geometry.type === 'Line' ); var isPoints = ( geometry.type === 'Points' ); var hasVertexColors = false; // Skip o/g line declarations that did not follow with any faces if ( geometry.vertices.length === 0 ) continue; var buffergeometry = new THREE.BufferGeometry(); buffergeometry.setAttribute( 'position', new THREE.Float32BufferAttribute( geometry.vertices, 3 ) ); if ( geometry.normals.length > 0 ) { buffergeometry.setAttribute( 'normal', new THREE.Float32BufferAttribute( geometry.normals, 3 ) ); } if ( geometry.colors.length > 0 ) { hasVertexColors = true; buffergeometry.setAttribute( 'color', new THREE.Float32BufferAttribute( geometry.colors, 3 ) ); } if ( geometry.hasUVIndices === true ) { buffergeometry.setAttribute( 'uv', new THREE.Float32BufferAttribute( geometry.uvs, 2 ) ); } // Create materials var createdMaterials = []; for ( var mi = 0, miLen = materials.length; mi < miLen; mi ++ ) { var sourceMaterial = materials[ mi ]; var materialHash = sourceMaterial.name + '_' + sourceMaterial.smooth + '_' + hasVertexColors; var material = state.materials[ materialHash ]; if ( this.materials !== null ) { material = this.materials.create( sourceMaterial.name ); // mtl etc. loaders probably can't create line materials correctly, copy properties to a line material. if ( isLine && material && ! ( material instanceof THREE.LineBasicMaterial ) ) { var materialLine = new THREE.LineBasicMaterial(); THREE.Material.prototype.copy.call( materialLine, material ); materialLine.color.copy( material.color ); material = materialLine; } else if ( isPoints && material && ! ( material instanceof THREE.PointsMaterial ) ) { var materialPoints = new THREE.PointsMaterial( { size: 10, sizeAttenuation: false } ); THREE.Material.prototype.copy.call( materialPoints, material ); materialPoints.color.copy( material.color ); materialPoints.map = material.map; material = materialPoints; } } if ( material === undefined ) { if ( isLine ) { material = new THREE.LineBasicMaterial(); } else if ( isPoints ) { material = new THREE.PointsMaterial( { size: 1, sizeAttenuation: false } ); } else { material = new THREE.MeshPhongMaterial(); } material.name = sourceMaterial.name; material.flatShading = sourceMaterial.smooth ? false : true; material.vertexColors = hasVertexColors; state.materials[ materialHash ] = material; } createdMaterials.push( material ); } // Create mesh var mesh; if ( createdMaterials.length > 1 ) { for ( var mi = 0, miLen = materials.length; mi < miLen; mi ++ ) { var sourceMaterial = materials[ mi ]; buffergeometry.addGroup( sourceMaterial.groupStart, sourceMaterial.groupCount, mi ); } if ( isLine ) { mesh = new THREE.LineSegments( buffergeometry, createdMaterials ); } else if ( isPoints ) { mesh = new THREE.Points( buffergeometry, createdMaterials ); } else { mesh = new THREE.Mesh( buffergeometry, createdMaterials ); } } else { if ( isLine ) { mesh = new THREE.LineSegments( buffergeometry, createdMaterials[ 0 ] ); } else if ( isPoints ) { mesh = new THREE.Points( buffergeometry, createdMaterials[ 0 ] ); } else { mesh = new THREE.Mesh( buffergeometry, createdMaterials[ 0 ] ); } } mesh.name = object.name; container.add( mesh ); } } else { // if there is only the default parser state object with no geometry data, interpret data as point cloud if ( state.vertices.length > 0 ) { var material = new THREE.PointsMaterial( { size: 1, sizeAttenuation: false } ); var buffergeometry = new THREE.BufferGeometry(); buffergeometry.setAttribute( 'position', new THREE.Float32BufferAttribute( state.vertices, 3 ) ); if ( state.colors.length > 0 && state.colors[ 0 ] !== undefined ) { buffergeometry.setAttribute( 'color', new THREE.Float32BufferAttribute( state.colors, 3 ) ); material.vertexColors = true; } var points = new THREE.Points( buffergeometry, material ); container.add( points ); } } return container; } } ); return OBJLoader; } )(); },{}],42:[function(_dereq_,module,exports){ THREE.BufferGeometryUtils = { computeTangents: function ( geometry ) { geometry.computeTangents(); console.warn( 'THREE.BufferGeometryUtils: .computeTangents() has been removed. Use BufferGeometry.computeTangents() instead.' ); }, /** * @param {Array<THREE.BufferGeometry>} geometries * @param {Boolean} useGroups * @return {THREE.BufferGeometry} */ mergeBufferGeometries: function ( geometries, useGroups ) { var isIndexed = geometries[ 0 ].index !== null; var attributesUsed = new Set( Object.keys( geometries[ 0 ].attributes ) ); var morphAttributesUsed = new Set( Object.keys( geometries[ 0 ].morphAttributes ) ); var attributes = {}; var morphAttributes = {}; var morphTargetsRelative = geometries[ 0 ].morphTargetsRelative; var mergedGeometry = new THREE.BufferGeometry(); var offset = 0; for ( var i = 0; i < geometries.length; ++ i ) { var geometry = geometries[ i ]; var attributesCount = 0; // ensure that all geometries are indexed, or none if ( isIndexed !== ( geometry.index !== null ) ) { console.error( 'THREE.BufferGeometryUtils: .mergeBufferGeometries() failed with geometry at index ' + i + '. All geometries must have compatible attributes; make sure index attribute exists among all geometries, or in none of them.' ); return null; } // gather attributes, exit early if they're different for ( var name in geometry.attributes ) { if ( ! attributesUsed.has( name ) ) { console.error( 'THREE.BufferGeometryUtils: .mergeBufferGeometries() failed with geometry at index ' + i + '. All geometries must have compatible attributes; make sure "' + name + '" attribute exists among all geometries, or in none of them.' ); return null; } if ( attributes[ name ] === undefined ) attributes[ name ] = []; attributes[ name ].push( geometry.attributes[ name ] ); attributesCount ++; } // ensure geometries have the same number of attributes if ( attributesCount !== attributesUsed.size ) { console.error( 'THREE.BufferGeometryUtils: .mergeBufferGeometries() failed with geometry at index ' + i + '. Make sure all geometries have the same number of attributes.' ); return null; } // gather morph attributes, exit early if they're different if ( morphTargetsRelative !== geometry.morphTargetsRelative ) { console.error( 'THREE.BufferGeometryUtils: .mergeBufferGeometries() failed with geometry at index ' + i + '. .morphTargetsRelative must be consistent throughout all geometries.' ); return null; } for ( var name in geometry.morphAttributes ) { if ( ! morphAttributesUsed.has( name ) ) { console.error( 'THREE.BufferGeometryUtils: .mergeBufferGeometries() failed with geometry at index ' + i + '. .morphAttributes must be consistent throughout all geometries.' ); return null; } if ( morphAttributes[ name ] === undefined ) morphAttributes[ name ] = []; morphAttributes[ name ].push( geometry.morphAttributes[ name ] ); } // gather .userData mergedGeometry.userData.mergedUserData = mergedGeometry.userData.mergedUserData || []; mergedGeometry.userData.mergedUserData.push( geometry.userData ); if ( useGroups ) { var count; if ( isIndexed ) { count = geometry.index.count; } else if ( geometry.attributes.position !== undefined ) { count = geometry.attributes.position.count; } else { console.error( 'THREE.BufferGeometryUtils: .mergeBufferGeometries() failed with geometry at index ' + i + '. The geometry must have either an index or a position attribute' ); return null; } mergedGeometry.addGroup( offset, count, i ); offset += count; } } // merge indices if ( isIndexed ) { var indexOffset = 0; var mergedIndex = []; for ( var i = 0; i < geometries.length; ++ i ) { var index = geometries[ i ].index; for ( var j = 0; j < index.count; ++ j ) { mergedIndex.push( index.getX( j ) + indexOffset ); } indexOffset += geometries[ i ].attributes.position.count; } mergedGeometry.setIndex( mergedIndex ); } // merge attributes for ( var name in attributes ) { var mergedAttribute = this.mergeBufferAttributes( attributes[ name ] ); if ( ! mergedAttribute ) { console.error( 'THREE.BufferGeometryUtils: .mergeBufferGeometries() failed while trying to merge the ' + name + ' attribute.' ); return null; } mergedGeometry.setAttribute( name, mergedAttribute ); } // merge morph attributes for ( var name in morphAttributes ) { var numMorphTargets = morphAttributes[ name ][ 0 ].length; if ( numMorphTargets === 0 ) break; mergedGeometry.morphAttributes = mergedGeometry.morphAttributes || {}; mergedGeometry.morphAttributes[ name ] = []; for ( var i = 0; i < numMorphTargets; ++ i ) { var morphAttributesToMerge = []; for ( var j = 0; j < morphAttributes[ name ].length; ++ j ) { morphAttributesToMerge.push( morphAttributes[ name ][ j ][ i ] ); } var mergedMorphAttribute = this.mergeBufferAttributes( morphAttributesToMerge ); if ( ! mergedMorphAttribute ) { console.error( 'THREE.BufferGeometryUtils: .mergeBufferGeometries() failed while trying to merge the ' + name + ' morphAttribute.' ); return null; } mergedGeometry.morphAttributes[ name ].push( mergedMorphAttribute ); } } return mergedGeometry; }, /** * @param {Array<THREE.BufferAttribute>} attributes * @return {THREE.BufferAttribute} */ mergeBufferAttributes: function ( attributes ) { var TypedArray; var itemSize; var normalized; var arrayLength = 0; for ( var i = 0; i < attributes.length; ++ i ) { var attribute = attributes[ i ]; if ( attribute.isInterleavedBufferAttribute ) { console.error( 'THREE.BufferGeometryUtils: .mergeBufferAttributes() failed. InterleavedBufferAttributes are not supported.' ); return null; } if ( TypedArray === undefined ) TypedArray = attribute.array.constructor; if ( TypedArray !== attribute.array.constructor ) { console.error( 'THREE.BufferGeometryUtils: .mergeBufferAttributes() failed. BufferAttribute.array must be of consistent array types across matching attributes.' ); return null; } if ( itemSize === undefined ) itemSize = attribute.itemSize; if ( itemSize !== attribute.itemSize ) { console.error( 'THREE.BufferGeometryUtils: .mergeBufferAttributes() failed. BufferAttribute.itemSize must be consistent across matching attributes.' ); return null; } if ( normalized === undefined ) normalized = attribute.normalized; if ( normalized !== attribute.normalized ) { console.error( 'THREE.BufferGeometryUtils: .mergeBufferAttributes() failed. BufferAttribute.normalized must be consistent across matching attributes.' ); return null; } arrayLength += attribute.array.length; } var array = new TypedArray( arrayLength ); var offset = 0; for ( var i = 0; i < attributes.length; ++ i ) { array.set( attributes[ i ].array, offset ); offset += attributes[ i ].array.length; } return new THREE.BufferAttribute( array, itemSize, normalized ); }, /** * @param {Array<THREE.BufferAttribute>} attributes * @return {Array<THREE.InterleavedBufferAttribute>} */ interleaveAttributes: function ( attributes ) { // Interleaves the provided attributes into an InterleavedBuffer and returns // a set of InterleavedBufferAttributes for each attribute var TypedArray; var arrayLength = 0; var stride = 0; // calculate the the length and type of the interleavedBuffer for ( var i = 0, l = attributes.length; i < l; ++ i ) { var attribute = attributes[ i ]; if ( TypedArray === undefined ) TypedArray = attribute.array.constructor; if ( TypedArray !== attribute.array.constructor ) { console.error( 'AttributeBuffers of different types cannot be interleaved' ); return null; } arrayLength += attribute.array.length; stride += attribute.itemSize; } // Create the set of buffer attributes var interleavedBuffer = new THREE.InterleavedBuffer( new TypedArray( arrayLength ), stride ); var offset = 0; var res = []; var getters = [ 'getX', 'getY', 'getZ', 'getW' ]; var setters = [ 'setX', 'setY', 'setZ', 'setW' ]; for ( var j = 0, l = attributes.length; j < l; j ++ ) { var attribute = attributes[ j ]; var itemSize = attribute.itemSize; var count = attribute.count; var iba = new THREE.InterleavedBufferAttribute( interleavedBuffer, itemSize, offset, attribute.normalized ); res.push( iba ); offset += itemSize; // Move the data for each attribute into the new interleavedBuffer // at the appropriate offset for ( var c = 0; c < count; c ++ ) { for ( var k = 0; k < itemSize; k ++ ) { iba[ setters[ k ] ]( c, attribute[ getters[ k ] ]( c ) ); } } } return res; }, /** * @param {Array<THREE.BufferGeometry>} geometry * @return {number} */ estimateBytesUsed: function ( geometry ) { // Return the estimated memory used by this geometry in bytes // Calculate using itemSize, count, and BYTES_PER_ELEMENT to account // for InterleavedBufferAttributes. var mem = 0; for ( var name in geometry.attributes ) { var attr = geometry.getAttribute( name ); mem += attr.count * attr.itemSize * attr.array.BYTES_PER_ELEMENT; } var indices = geometry.getIndex(); mem += indices ? indices.count * indices.itemSize * indices.array.BYTES_PER_ELEMENT : 0; return mem; }, /** * @param {THREE.BufferGeometry} geometry * @param {number} tolerance * @return {THREE.BufferGeometry>} */ mergeVertices: function ( geometry, tolerance = 1e-4 ) { tolerance = Math.max( tolerance, Number.EPSILON ); // Generate an index buffer if the geometry doesn't have one, or optimize it // if it's already available. var hashToIndex = {}; var indices = geometry.getIndex(); var positions = geometry.getAttribute( 'position' ); var vertexCount = indices ? indices.count : positions.count; // next value for triangle indices var nextIndex = 0; // attributes and new attribute arrays var attributeNames = Object.keys( geometry.attributes ); var attrArrays = {}; var morphAttrsArrays = {}; var newIndices = []; var getters = [ 'getX', 'getY', 'getZ', 'getW' ]; // initialize the arrays for ( var i = 0, l = attributeNames.length; i < l; i ++ ) { var name = attributeNames[ i ]; attrArrays[ name ] = []; var morphAttr = geometry.morphAttributes[ name ]; if ( morphAttr ) { morphAttrsArrays[ name ] = new Array( morphAttr.length ).fill().map( () => [] ); } } // convert the error tolerance to an amount of decimal places to truncate to var decimalShift = Math.log10( 1 / tolerance ); var shiftMultiplier = Math.pow( 10, decimalShift ); for ( var i = 0; i < vertexCount; i ++ ) { var index = indices ? indices.getX( i ) : i; // Generate a hash for the vertex attributes at the current index 'i' var hash = ''; for ( var j = 0, l = attributeNames.length; j < l; j ++ ) { var name = attributeNames[ j ]; var attribute = geometry.getAttribute( name ); var itemSize = attribute.itemSize; for ( var k = 0; k < itemSize; k ++ ) { // double tilde truncates the decimal value hash += `${ ~ ~ ( attribute[ getters[ k ] ]( index ) * shiftMultiplier ) },`; } } // Add another reference to the vertex if it's already // used by another index if ( hash in hashToIndex ) { newIndices.push( hashToIndex[ hash ] ); } else { // copy data to the new index in the attribute arrays for ( var j = 0, l = attributeNames.length; j < l; j ++ ) { var name = attributeNames[ j ]; var attribute = geometry.getAttribute( name ); var morphAttr = geometry.morphAttributes[ name ]; var itemSize = attribute.itemSize; var newarray = attrArrays[ name ]; var newMorphArrays = morphAttrsArrays[ name ]; for ( var k = 0; k < itemSize; k ++ ) { var getterFunc = getters[ k ]; newarray.push( attribute[ getterFunc ]( index ) ); if ( morphAttr ) { for ( var m = 0, ml = morphAttr.length; m < ml; m ++ ) { newMorphArrays[ m ].push( morphAttr[ m ][ getterFunc ]( index ) ); } } } } hashToIndex[ hash ] = nextIndex; newIndices.push( nextIndex ); nextIndex ++; } } // Generate typed arrays from new attribute arrays and update // the attributeBuffers const result = geometry.clone(); for ( var i = 0, l = attributeNames.length; i < l; i ++ ) { var name = attributeNames[ i ]; var oldAttribute = geometry.getAttribute( name ); var buffer = new oldAttribute.array.constructor( attrArrays[ name ] ); var attribute = new THREE.BufferAttribute( buffer, oldAttribute.itemSize, oldAttribute.normalized ); result.setAttribute( name, attribute ); // Update the attribute arrays if ( name in morphAttrsArrays ) { for ( var j = 0; j < morphAttrsArrays[ name ].length; j ++ ) { var oldMorphAttribute = geometry.morphAttributes[ name ][ j ]; var buffer = new oldMorphAttribute.array.constructor( morphAttrsArrays[ name ][ j ] ); var morphAttribute = new THREE.BufferAttribute( buffer, oldMorphAttribute.itemSize, oldMorphAttribute.normalized ); result.morphAttributes[ name ][ j ] = morphAttribute; } } } // indices result.setIndex( newIndices ); return result; }, /** * @param {THREE.BufferGeometry} geometry * @param {number} drawMode * @return {THREE.BufferGeometry>} */ toTrianglesDrawMode: function ( geometry, drawMode ) { if ( drawMode === THREE.TrianglesDrawMode ) { console.warn( 'THREE.BufferGeometryUtils.toTrianglesDrawMode(): Geometry already defined as triangles.' ); return geometry; } if ( drawMode === THREE.TriangleFanDrawMode || drawMode === THREE.TriangleStripDrawMode ) { var index = geometry.getIndex(); // generate index if not present if ( index === null ) { var indices = []; var position = geometry.getAttribute( 'position' ); if ( position !== undefined ) { for ( var i = 0; i < position.count; i ++ ) { indices.push( i ); } geometry.setIndex( indices ); index = geometry.getIndex(); } else { console.error( 'THREE.BufferGeometryUtils.toTrianglesDrawMode(): Undefined position attribute. Processing not possible.' ); return geometry; } } // var numberOfTriangles = index.count - 2; var newIndices = []; if ( drawMode === THREE.TriangleFanDrawMode ) { // gl.TRIANGLE_FAN for ( var i = 1; i <= numberOfTriangles; i ++ ) { newIndices.push( index.getX( 0 ) ); newIndices.push( index.getX( i ) ); newIndices.push( index.getX( i + 1 ) ); } } else { // gl.TRIANGLE_STRIP for ( var i = 0; i < numberOfTriangles; i ++ ) { if ( i % 2 === 0 ) { newIndices.push( index.getX( i ) ); newIndices.push( index.getX( i + 1 ) ); newIndices.push( index.getX( i + 2 ) ); } else { newIndices.push( index.getX( i + 2 ) ); newIndices.push( index.getX( i + 1 ) ); newIndices.push( index.getX( i ) ); } } } if ( ( newIndices.length / 3 ) !== numberOfTriangles ) { console.error( 'THREE.BufferGeometryUtils.toTrianglesDrawMode(): Unable to generate correct amount of triangles.' ); } // build final geometry var newGeometry = geometry.clone(); newGeometry.setIndex( newIndices ); newGeometry.clearGroups(); return newGeometry; } else { console.error( 'THREE.BufferGeometryUtils.toTrianglesDrawMode(): Unknown draw mode:', drawMode ); return geometry; } }, /** * Calculates the morphed attributes of a morphed/skinned BufferGeometry. * Helpful for Raytracing or Decals. * @param {Mesh | Line | Points} object An instance of Mesh, Line or Points. * @return {Object} An Object with original position/normal attributes and morphed ones. */ computeMorphedAttributes: function ( object ) { if ( object.geometry.isBufferGeometry !== true ) { console.error( 'THREE.BufferGeometryUtils: Geometry is not of type THREE.BufferGeometry.' ); return null; } var _vA = new THREE.Vector3(); var _vB = new THREE.Vector3(); var _vC = new THREE.Vector3(); var _tempA = new THREE.Vector3(); var _tempB = new THREE.Vector3(); var _tempC = new THREE.Vector3(); var _morphA = new THREE.Vector3(); var _morphB = new THREE.Vector3(); var _morphC = new THREE.Vector3(); function _calculateMorphedAttributeData( object, material, attribute, morphAttribute, morphTargetsRelative, a, b, c, modifiedAttributeArray ) { _vA.fromBufferAttribute( attribute, a ); _vB.fromBufferAttribute( attribute, b ); _vC.fromBufferAttribute( attribute, c ); var morphInfluences = object.morphTargetInfluences; if ( material.morphTargets && morphAttribute && morphInfluences ) { _morphA.set( 0, 0, 0 ); _morphB.set( 0, 0, 0 ); _morphC.set( 0, 0, 0 ); for ( var i = 0, il = morphAttribute.length; i < il; i ++ ) { var influence = morphInfluences[ i ]; var morphAttribute = morphAttribute[ i ]; if ( influence === 0 ) continue; _tempA.fromBufferAttribute( morphAttribute, a ); _tempB.fromBufferAttribute( morphAttribute, b ); _tempC.fromBufferAttribute( morphAttribute, c ); if ( morphTargetsRelative ) { _morphA.addScaledVector( _tempA, influence ); _morphB.addScaledVector( _tempB, influence ); _morphC.addScaledVector( _tempC, influence ); } else { _morphA.addScaledVector( _tempA.sub( _vA ), influence ); _morphB.addScaledVector( _tempB.sub( _vB ), influence ); _morphC.addScaledVector( _tempC.sub( _vC ), influence ); } } _vA.add( _morphA ); _vB.add( _morphB ); _vC.add( _morphC ); } if ( object.isSkinnedMesh ) { object.boneTransform( a, _vA ); object.boneTransform( b, _vB ); object.boneTransform( c, _vC ); } modifiedAttributeArray[ a * 3 + 0 ] = _vA.x; modifiedAttributeArray[ a * 3 + 1 ] = _vA.y; modifiedAttributeArray[ a * 3 + 2 ] = _vA.z; modifiedAttributeArray[ b * 3 + 0 ] = _vB.x; modifiedAttributeArray[ b * 3 + 1 ] = _vB.y; modifiedAttributeArray[ b * 3 + 2 ] = _vB.z; modifiedAttributeArray[ c * 3 + 0 ] = _vC.x; modifiedAttributeArray[ c * 3 + 1 ] = _vC.y; modifiedAttributeArray[ c * 3 + 2 ] = _vC.z; } var geometry = object.geometry; var material = object.material; var a, b, c; var index = geometry.index; var positionAttribute = geometry.attributes.position; var morphPosition = geometry.morphAttributes.position; var morphTargetsRelative = geometry.morphTargetsRelative; var normalAttribute = geometry.attributes.normal; var morphNormal = geometry.morphAttributes.position; var groups = geometry.groups; var drawRange = geometry.drawRange; var i, j, il, jl; var group, groupMaterial; var start, end; var modifiedPosition = new Float32Array( positionAttribute.count * positionAttribute.itemSize ); var modifiedNormal = new Float32Array( normalAttribute.count * normalAttribute.itemSize ); if ( index !== null ) { // indexed buffer geometry if ( Array.isArray( material ) ) { for ( i = 0, il = groups.length; i < il; i ++ ) { group = groups[ i ]; groupMaterial = material[ group.materialIndex ]; start = Math.max( group.start, drawRange.start ); end = Math.min( ( group.start + group.count ), ( drawRange.start + drawRange.count ) ); for ( j = start, jl = end; j < jl; j += 3 ) { a = index.getX( j ); b = index.getX( j + 1 ); c = index.getX( j + 2 ); _calculateMorphedAttributeData( object, groupMaterial, positionAttribute, morphPosition, morphTargetsRelative, a, b, c, modifiedPosition ); _calculateMorphedAttributeData( object, groupMaterial, normalAttribute, morphNormal, morphTargetsRelative, a, b, c, modifiedNormal ); } } } else { start = Math.max( 0, drawRange.start ); end = Math.min( index.count, ( drawRange.start + drawRange.count ) ); for ( i = start, il = end; i < il; i += 3 ) { a = index.getX( i ); b = index.getX( i + 1 ); c = index.getX( i + 2 ); _calculateMorphedAttributeData( object, material, positionAttribute, morphPosition, morphTargetsRelative, a, b, c, modifiedPosition ); _calculateMorphedAttributeData( object, material, normalAttribute, morphNormal, morphTargetsRelative, a, b, c, modifiedNormal ); } } } else if ( positionAttribute !== undefined ) { // non-indexed buffer geometry if ( Array.isArray( material ) ) { for ( i = 0, il = groups.length; i < il; i ++ ) { group = groups[ i ]; groupMaterial = material[ group.materialIndex ]; start = Math.max( group.start, drawRange.start ); end = Math.min( ( group.start + group.count ), ( drawRange.start + drawRange.count ) ); for ( j = start, jl = end; j < jl; j += 3 ) { a = j; b = j + 1; c = j + 2; _calculateMorphedAttributeData( object, groupMaterial, positionAttribute, morphPosition, morphTargetsRelative, a, b, c, modifiedPosition ); _calculateMorphedAttributeData( object, groupMaterial, normalAttribute, morphNormal, morphTargetsRelative, a, b, c, modifiedNormal ); } } } else { start = Math.max( 0, drawRange.start ); end = Math.min( positionAttribute.count, ( drawRange.start + drawRange.count ) ); for ( i = start, il = end; i < il; i += 3 ) { a = i; b = i + 1; c = i + 2; _calculateMorphedAttributeData( object, material, positionAttribute, morphPosition, morphTargetsRelative, a, b, c, modifiedPosition ); _calculateMorphedAttributeData( object, material, normalAttribute, morphNormal, morphTargetsRelative, a, b, c, modifiedNormal ); } } } var morphedPositionAttribute = new THREE.Float32BufferAttribute( modifiedPosition, 3 ); var morphedNormalAttribute = new THREE.Float32BufferAttribute( modifiedNormal, 3 ); return { positionAttribute: positionAttribute, normalAttribute: normalAttribute, morphedPositionAttribute: morphedPositionAttribute, morphedNormalAttribute: morphedNormalAttribute }; } }; },{}],43:[function(_dereq_,module,exports){ var createLayout = _dereq_('layout-bmfont-text') var inherits = _dereq_('inherits') var createIndices = _dereq_('quad-indices') var buffer = _dereq_('three-buffer-vertex-data') var assign = _dereq_('object-assign') var vertices = _dereq_('./lib/vertices') var utils = _dereq_('./lib/utils') var Base = THREE.BufferGeometry module.exports = function createTextGeometry (opt) { return new TextGeometry(opt) } function TextGeometry (opt) { Base.call(this) if (typeof opt === 'string') { opt = { text: opt } } // use these as default values for any subsequent // calls to update() this._opt = assign({}, opt) // also do an initial setup... if (opt) this.update(opt) } inherits(TextGeometry, Base) TextGeometry.prototype.update = function (opt) { if (typeof opt === 'string') { opt = { text: opt } } // use constructor defaults opt = assign({}, this._opt, opt) if (!opt.font) { throw new TypeError('must specify a { font } in options') } this.layout = createLayout(opt) // get vec2 texcoords var flipY = opt.flipY !== false // the desired BMFont data var font = opt.font // determine texture size from font file var texWidth = font.common.scaleW var texHeight = font.common.scaleH // get visible glyphs var glyphs = this.layout.glyphs.filter(function (glyph) { var bitmap = glyph.data return bitmap.width * bitmap.height > 0 }) // provide visible glyphs for convenience this.visibleGlyphs = glyphs // get common vertex data var positions = vertices.positions(glyphs) var uvs = vertices.uvs(glyphs, texWidth, texHeight, flipY) var indices = createIndices({ clockwise: true, type: 'uint16', count: glyphs.length }) // update vertex data buffer.index(this, indices, 1, 'uint16') buffer.attr(this, 'position', positions, 2) buffer.attr(this, 'uv', uvs, 2) // update multipage data if (!opt.multipage && 'page' in this.attributes) { // disable multipage rendering this.removeAttribute('page') } else if (opt.multipage) { var pages = vertices.pages(glyphs) // enable multipage rendering buffer.attr(this, 'page', pages, 1) } } TextGeometry.prototype.computeBoundingSphere = function () { if (this.boundingSphere === null) { this.boundingSphere = new THREE.Sphere() } var positions = this.attributes.position.array var itemSize = this.attributes.position.itemSize if (!positions || !itemSize || positions.length < 2) { this.boundingSphere.radius = 0 this.boundingSphere.center.set(0, 0, 0) return } utils.computeSphere(positions, this.boundingSphere) if (isNaN(this.boundingSphere.radius)) { console.error('THREE.BufferGeometry.computeBoundingSphere(): ' + 'Computed radius is NaN. The ' + '"position" attribute is likely to have NaN values.') } } TextGeometry.prototype.computeBoundingBox = function () { if (this.boundingBox === null) { this.boundingBox = new THREE.Box3() } var bbox = this.boundingBox var positions = this.attributes.position.array var itemSize = this.attributes.position.itemSize if (!positions || !itemSize || positions.length < 2) { bbox.makeEmpty() return } utils.computeBox(positions, bbox) } },{"./lib/utils":44,"./lib/vertices":45,"inherits":19,"layout-bmfont-text":24,"object-assign":27,"quad-indices":35,"three-buffer-vertex-data":46}],44:[function(_dereq_,module,exports){ var itemSize = 2 var box = { min: [0, 0], max: [0, 0] } function bounds (positions) { var count = positions.length / itemSize box.min[0] = positions[0] box.min[1] = positions[1] box.max[0] = positions[0] box.max[1] = positions[1] for (var i = 0; i < count; i++) { var x = positions[i * itemSize + 0] var y = positions[i * itemSize + 1] box.min[0] = Math.min(x, box.min[0]) box.min[1] = Math.min(y, box.min[1]) box.max[0] = Math.max(x, box.max[0]) box.max[1] = Math.max(y, box.max[1]) } } module.exports.computeBox = function (positions, output) { bounds(positions) output.min.set(box.min[0], box.min[1], 0) output.max.set(box.max[0], box.max[1], 0) } module.exports.computeSphere = function (positions, output) { bounds(positions) var minX = box.min[0] var minY = box.min[1] var maxX = box.max[0] var maxY = box.max[1] var width = maxX - minX var height = maxY - minY var length = Math.sqrt(width * width + height * height) output.center.set(minX + width / 2, minY + height / 2, 0) output.radius = length / 2 } },{}],45:[function(_dereq_,module,exports){ module.exports.pages = function pages (glyphs) { var pages = new Float32Array(glyphs.length * 4 * 1) var i = 0 glyphs.forEach(function (glyph) { var id = glyph.data.page || 0 pages[i++] = id pages[i++] = id pages[i++] = id pages[i++] = id }) return pages } module.exports.uvs = function uvs (glyphs, texWidth, texHeight, flipY) { var uvs = new Float32Array(glyphs.length * 4 * 2) var i = 0 glyphs.forEach(function (glyph) { var bitmap = glyph.data var bw = (bitmap.x + bitmap.width) var bh = (bitmap.y + bitmap.height) // top left position var u0 = bitmap.x / texWidth var v1 = bitmap.y / texHeight var u1 = bw / texWidth var v0 = bh / texHeight if (flipY) { v1 = (texHeight - bitmap.y) / texHeight v0 = (texHeight - bh) / texHeight } // BL uvs[i++] = u0 uvs[i++] = v1 // TL uvs[i++] = u0 uvs[i++] = v0 // TR uvs[i++] = u1 uvs[i++] = v0 // BR uvs[i++] = u1 uvs[i++] = v1 }) return uvs } module.exports.positions = function positions (glyphs) { var positions = new Float32Array(glyphs.length * 4 * 2) var i = 0 glyphs.forEach(function (glyph) { var bitmap = glyph.data // bottom left position var x = glyph.position[0] + bitmap.xoffset var y = glyph.position[1] + bitmap.yoffset // quad size var w = bitmap.width var h = bitmap.height // BL positions[i++] = x positions[i++] = y // TL positions[i++] = x positions[i++] = y + h // TR positions[i++] = x + w positions[i++] = y + h // BR positions[i++] = x + w positions[i++] = y }) return positions } },{}],46:[function(_dereq_,module,exports){ var flatten = _dereq_('flatten-vertex-data') var warned = false; module.exports.attr = setAttribute module.exports.index = setIndex function setIndex (geometry, data, itemSize, dtype) { if (typeof itemSize !== 'number') itemSize = 1 if (typeof dtype !== 'string') dtype = 'uint16' var isR69 = !geometry.index && typeof geometry.setIndex !== 'function' var attrib = isR69 ? geometry.getAttribute('index') : geometry.index var newAttrib = updateAttribute(attrib, data, itemSize, dtype) if (newAttrib) { if (isR69) geometry.addAttribute('index', newAttrib) else geometry.index = newAttrib } } function setAttribute (geometry, key, data, itemSize, dtype) { if (typeof itemSize !== 'number') itemSize = 3 if (typeof dtype !== 'string') dtype = 'float32' if (Array.isArray(data) && Array.isArray(data[0]) && data[0].length !== itemSize) { throw new Error('Nested vertex array has unexpected size; expected ' + itemSize + ' but found ' + data[0].length) } var attrib = geometry.getAttribute(key) var newAttrib = updateAttribute(attrib, data, itemSize, dtype) geometry.setAttribute(key, newAttrib) } function updateAttribute (attrib, data, itemSize, dtype) { data = data || [] // create a new array with desired type data = flatten(data, dtype) attrib = new THREE.BufferAttribute(data, itemSize); attrib.itemSize = itemSize; attrib.needsUpdate = true; return attrib } // Test whether the attribute needs to be re-created, // returns false if we can re-use it as-is. function rebuildAttribute (attrib, data, itemSize) { if (attrib.itemSize !== itemSize) return true if (!attrib.array) return true var attribLength = attrib.array.length if (Array.isArray(data) && Array.isArray(data[0])) { // [ [ x, y, z ] ] return attribLength !== data.length * itemSize } else { // [ x, y, z ] return attribLength !== data.length } return false } },{"flatten-vertex-data":15}],47:[function(_dereq_,module,exports){ (function (setImmediate,clearImmediate){ var nextTick = _dereq_('process/browser.js').nextTick; var apply = Function.prototype.apply; var slice = Array.prototype.slice; var immediateIds = {}; var nextImmediateId = 0; // DOM APIs, for completeness exports.setTimeout = function() { return new Timeout(apply.call(setTimeout, window, arguments), clearTimeout); }; exports.setInterval = function() { return new Timeout(apply.call(setInterval, window, arguments), clearInterval); }; exports.clearTimeout = exports.clearInterval = function(timeout) { timeout.close(); }; function Timeout(id, clearFn) { this._id = id; this._clearFn = clearFn; } Timeout.prototype.unref = Timeout.prototype.ref = function() {}; Timeout.prototype.close = function() { this._clearFn.call(window, this._id); }; // Does not start the time, just sets up the members needed. exports.enroll = function(item, msecs) { clearTimeout(item._idleTimeoutId); item._idleTimeout = msecs; }; exports.unenroll = function(item) { clearTimeout(item._idleTimeoutId); item._idleTimeout = -1; }; exports._unrefActive = exports.active = function(item) { clearTimeout(item._idleTimeoutId); var msecs = item._idleTimeout; if (msecs >= 0) { item._idleTimeoutId = setTimeout(function onTimeout() { if (item._onTimeout) item._onTimeout(); }, msecs); } }; // That's not how node.js implements it but the exposed api is the same. exports.setImmediate = typeof setImmediate === "function" ? setImmediate : function(fn) { var id = nextImmediateId++; var args = arguments.length < 2 ? false : slice.call(arguments, 1); immediateIds[id] = true; nextTick(function onNextTick() { if (immediateIds[id]) { // fn.call() is faster so we optimize for the common use-case // @see http://jsperf.com/call-apply-segu if (args) { fn.apply(null, args); } else { fn.call(null); } // Prevent ids from leaking exports.clearImmediate(id); } }); return id; }; exports.clearImmediate = typeof clearImmediate === "function" ? clearImmediate : function(id) { delete immediateIds[id]; }; }).call(this,_dereq_("timers").setImmediate,_dereq_("timers").clearImmediate) },{"process/browser.js":48,"timers":47}],48:[function(_dereq_,module,exports){ arguments[4][5][0].apply(exports,arguments) },{"dup":5}],49:[function(_dereq_,module,exports){ exports = module.exports = trim; function trim(str){ return str.replace(/^\s*|\s*$/g, ''); } exports.left = function(str){ return str.replace(/^\s*/, ''); }; exports.right = function(str){ return str.replace(/\s*$/, ''); }; },{}],50:[function(_dereq_,module,exports){ (function (global){ /** * @license * webvr-polyfill * Copyright (c) 2015-2017 Google * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * @license * cardboard-vr-display * Copyright (c) 2015-2017 Google * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * @license * webvr-polyfill-dpdb * Copyright (c) 2017 Google * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * @license * wglu-preserve-state * Copyright (c) 2016, Brandon Jones. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ /** * @license * nosleep.js * Copyright (c) 2017, Rich Tibbett * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : (global.WebVRPolyfill = factory()); }(this, (function () { 'use strict'; var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}; function unwrapExports (x) { return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x; } function createCommonjsModule(fn, module) { return module = { exports: {} }, fn(module, module.exports), module.exports; } var isMobile = function isMobile() { return (/Android/i.test(navigator.userAgent) || /iPhone|iPad|iPod/i.test(navigator.userAgent) ); }; var copyArray = function copyArray(source, dest) { for (var i = 0, n = source.length; i < n; i++) { dest[i] = source[i]; } }; var extend = function extend(dest, src) { for (var key in src) { if (src.hasOwnProperty(key)) { dest[key] = src[key]; } } return dest; }; var cardboardVrDisplay = createCommonjsModule(function (module, exports) { /** * @license * cardboard-vr-display * Copyright (c) 2015-2017 Google * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * @license * gl-preserve-state * Copyright (c) 2016, Brandon Jones. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ /** * @license * webvr-polyfill-dpdb * Copyright (c) 2015-2017 Google * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * @license * nosleep.js * Copyright (c) 2017, Rich Tibbett * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ (function (global, factory) { module.exports = factory(); }(commonjsGlobal, (function () { var classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }; var createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); var slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }(); var MIN_TIMESTEP = 0.001; var MAX_TIMESTEP = 1; var dataUri = function dataUri(mimeType, svg) { return 'data:' + mimeType + ',' + encodeURIComponent(svg); }; var lerp = function lerp(a, b, t) { return a + (b - a) * t; }; var isIOS = function () { var isIOS = /iPad|iPhone|iPod/.test(navigator.platform); return function () { return isIOS; }; }(); var isWebViewAndroid = function () { var isWebViewAndroid = navigator.userAgent.indexOf('Version') !== -1 && navigator.userAgent.indexOf('Android') !== -1 && navigator.userAgent.indexOf('Chrome') !== -1; return function () { return isWebViewAndroid; }; }(); var isSafari = function () { var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent); return function () { return isSafari; }; }(); var isFirefoxAndroid = function () { var isFirefoxAndroid = navigator.userAgent.indexOf('Firefox') !== -1 && navigator.userAgent.indexOf('Android') !== -1; return function () { return isFirefoxAndroid; }; }(); var getChromeVersion = function () { var match = navigator.userAgent.match(/.*Chrome\/([0-9]+)/); var value = match ? parseInt(match[1], 10) : null; return function () { return value; }; }(); var isSafariWithoutDeviceMotion = function () { var value = false; value = isIOS() && isSafari() && navigator.userAgent.indexOf('13_4') !== -1; return function () { return value; }; }(); var isChromeWithoutDeviceMotion = function () { var value = false; if (getChromeVersion() === 65) { var match = navigator.userAgent.match(/.*Chrome\/([0-9\.]*)/); if (match) { var _match$1$split = match[1].split('.'), _match$1$split2 = slicedToArray(_match$1$split, 4), major = _match$1$split2[0], minor = _match$1$split2[1], branch = _match$1$split2[2], build = _match$1$split2[3]; value = parseInt(branch, 10) === 3325 && parseInt(build, 10) < 148; } } return function () { return value; }; }(); var isR7 = function () { var isR7 = navigator.userAgent.indexOf('R7 Build') !== -1; return function () { return isR7; }; }(); var isLandscapeMode = function isLandscapeMode() { var rtn = window.orientation == 90 || window.orientation == -90; return isR7() ? !rtn : rtn; }; var isTimestampDeltaValid = function isTimestampDeltaValid(timestampDeltaS) { if (isNaN(timestampDeltaS)) { return false; } if (timestampDeltaS <= MIN_TIMESTEP) { return false; } if (timestampDeltaS > MAX_TIMESTEP) { return false; } return true; }; var getScreenWidth = function getScreenWidth() { return Math.max(window.screen.width, window.screen.height) * window.devicePixelRatio; }; var getScreenHeight = function getScreenHeight() { return Math.min(window.screen.width, window.screen.height) * window.devicePixelRatio; }; var requestFullscreen = function requestFullscreen(element) { if (isWebViewAndroid()) { return false; } if (element.requestFullscreen) { element.requestFullscreen(); } else if (element.webkitRequestFullscreen) { element.webkitRequestFullscreen(); } else if (element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if (element.msRequestFullscreen) { element.msRequestFullscreen(); } else { return false; } return true; }; var exitFullscreen = function exitFullscreen() { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } else { return false; } return true; }; var getFullscreenElement = function getFullscreenElement() { return document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement; }; var linkProgram = function linkProgram(gl, vertexSource, fragmentSource, attribLocationMap) { var vertexShader = gl.createShader(gl.VERTEX_SHADER); gl.shaderSource(vertexShader, vertexSource); gl.compileShader(vertexShader); var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); gl.shaderSource(fragmentShader, fragmentSource); gl.compileShader(fragmentShader); var program = gl.createProgram(); gl.attachShader(program, vertexShader); gl.attachShader(program, fragmentShader); for (var attribName in attribLocationMap) { gl.bindAttribLocation(program, attribLocationMap[attribName], attribName); }gl.linkProgram(program); gl.deleteShader(vertexShader); gl.deleteShader(fragmentShader); return program; }; var getProgramUniforms = function getProgramUniforms(gl, program) { var uniforms = {}; var uniformCount = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS); var uniformName = ''; for (var i = 0; i < uniformCount; i++) { var uniformInfo = gl.getActiveUniform(program, i); uniformName = uniformInfo.name.replace('[0]', ''); uniforms[uniformName] = gl.getUniformLocation(program, uniformName); } return uniforms; }; var orthoMatrix = function orthoMatrix(out, left, right, bottom, top, near, far) { var lr = 1 / (left - right), bt = 1 / (bottom - top), nf = 1 / (near - far); out[0] = -2 * lr; out[1] = 0; out[2] = 0; out[3] = 0; out[4] = 0; out[5] = -2 * bt; out[6] = 0; out[7] = 0; out[8] = 0; out[9] = 0; out[10] = 2 * nf; out[11] = 0; out[12] = (left + right) * lr; out[13] = (top + bottom) * bt; out[14] = (far + near) * nf; out[15] = 1; return out; }; var isMobile = function isMobile() { var check = false; (function (a) { if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true; })(navigator.userAgent || navigator.vendor || window.opera); return check; }; var extend = function extend(dest, src) { for (var key in src) { if (src.hasOwnProperty(key)) { dest[key] = src[key]; } } return dest; }; var safariCssSizeWorkaround = function safariCssSizeWorkaround(canvas) { if (isIOS()) { var width = canvas.style.width; var height = canvas.style.height; canvas.style.width = parseInt(width) + 1 + 'px'; canvas.style.height = parseInt(height) + 'px'; setTimeout(function () { canvas.style.width = width; canvas.style.height = height; }, 100); } window.canvas = canvas; }; var frameDataFromPose = function () { var piOver180 = Math.PI / 180.0; var rad45 = Math.PI * 0.25; function mat4_perspectiveFromFieldOfView(out, fov, near, far) { var upTan = Math.tan(fov ? fov.upDegrees * piOver180 : rad45), downTan = Math.tan(fov ? fov.downDegrees * piOver180 : rad45), leftTan = Math.tan(fov ? fov.leftDegrees * piOver180 : rad45), rightTan = Math.tan(fov ? fov.rightDegrees * piOver180 : rad45), xScale = 2.0 / (leftTan + rightTan), yScale = 2.0 / (upTan + downTan); out[0] = xScale; out[1] = 0.0; out[2] = 0.0; out[3] = 0.0; out[4] = 0.0; out[5] = yScale; out[6] = 0.0; out[7] = 0.0; out[8] = -((leftTan - rightTan) * xScale * 0.5); out[9] = (upTan - downTan) * yScale * 0.5; out[10] = far / (near - far); out[11] = -1.0; out[12] = 0.0; out[13] = 0.0; out[14] = far * near / (near - far); out[15] = 0.0; return out; } function mat4_fromRotationTranslation(out, q, v) { var x = q[0], y = q[1], z = q[2], w = q[3], x2 = x + x, y2 = y + y, z2 = z + z, xx = x * x2, xy = x * y2, xz = x * z2, yy = y * y2, yz = y * z2, zz = z * z2, wx = w * x2, wy = w * y2, wz = w * z2; out[0] = 1 - (yy + zz); out[1] = xy + wz; out[2] = xz - wy; out[3] = 0; out[4] = xy - wz; out[5] = 1 - (xx + zz); out[6] = yz + wx; out[7] = 0; out[8] = xz + wy; out[9] = yz - wx; out[10] = 1 - (xx + yy); out[11] = 0; out[12] = v[0]; out[13] = v[1]; out[14] = v[2]; out[15] = 1; return out; } function mat4_translate(out, a, v) { var x = v[0], y = v[1], z = v[2], a00, a01, a02, a03, a10, a11, a12, a13, a20, a21, a22, a23; if (a === out) { out[12] = a[0] * x + a[4] * y + a[8] * z + a[12]; out[13] = a[1] * x + a[5] * y + a[9] * z + a[13]; out[14] = a[2] * x + a[6] * y + a[10] * z + a[14]; out[15] = a[3] * x + a[7] * y + a[11] * z + a[15]; } else { a00 = a[0];a01 = a[1];a02 = a[2];a03 = a[3]; a10 = a[4];a11 = a[5];a12 = a[6];a13 = a[7]; a20 = a[8];a21 = a[9];a22 = a[10];a23 = a[11]; out[0] = a00;out[1] = a01;out[2] = a02;out[3] = a03; out[4] = a10;out[5] = a11;out[6] = a12;out[7] = a13; out[8] = a20;out[9] = a21;out[10] = a22;out[11] = a23; out[12] = a00 * x + a10 * y + a20 * z + a[12]; out[13] = a01 * x + a11 * y + a21 * z + a[13]; out[14] = a02 * x + a12 * y + a22 * z + a[14]; out[15] = a03 * x + a13 * y + a23 * z + a[15]; } return out; } function mat4_invert(out, a) { var a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3], a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7], a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11], a30 = a[12], a31 = a[13], a32 = a[14], a33 = a[15], b00 = a00 * a11 - a01 * a10, b01 = a00 * a12 - a02 * a10, b02 = a00 * a13 - a03 * a10, b03 = a01 * a12 - a02 * a11, b04 = a01 * a13 - a03 * a11, b05 = a02 * a13 - a03 * a12, b06 = a20 * a31 - a21 * a30, b07 = a20 * a32 - a22 * a30, b08 = a20 * a33 - a23 * a30, b09 = a21 * a32 - a22 * a31, b10 = a21 * a33 - a23 * a31, b11 = a22 * a33 - a23 * a32, det = b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06; if (!det) { return null; } det = 1.0 / det; out[0] = (a11 * b11 - a12 * b10 + a13 * b09) * det; out[1] = (a02 * b10 - a01 * b11 - a03 * b09) * det; out[2] = (a31 * b05 - a32 * b04 + a33 * b03) * det; out[3] = (a22 * b04 - a21 * b05 - a23 * b03) * det; out[4] = (a12 * b08 - a10 * b11 - a13 * b07) * det; out[5] = (a00 * b11 - a02 * b08 + a03 * b07) * det; out[6] = (a32 * b02 - a30 * b05 - a33 * b01) * det; out[7] = (a20 * b05 - a22 * b02 + a23 * b01) * det; out[8] = (a10 * b10 - a11 * b08 + a13 * b06) * det; out[9] = (a01 * b08 - a00 * b10 - a03 * b06) * det; out[10] = (a30 * b04 - a31 * b02 + a33 * b00) * det; out[11] = (a21 * b02 - a20 * b04 - a23 * b00) * det; out[12] = (a11 * b07 - a10 * b09 - a12 * b06) * det; out[13] = (a00 * b09 - a01 * b07 + a02 * b06) * det; out[14] = (a31 * b01 - a30 * b03 - a32 * b00) * det; out[15] = (a20 * b03 - a21 * b01 + a22 * b00) * det; return out; } var defaultOrientation = new Float32Array([0, 0, 0, 1]); var defaultPosition = new Float32Array([0, 0, 0]); function updateEyeMatrices(projection, view, pose, fov, offset, vrDisplay) { mat4_perspectiveFromFieldOfView(projection, fov || null, vrDisplay.depthNear, vrDisplay.depthFar); var orientation = pose.orientation || defaultOrientation; var position = pose.position || defaultPosition; mat4_fromRotationTranslation(view, orientation, position); if (offset) mat4_translate(view, view, offset); mat4_invert(view, view); } return function (frameData, pose, vrDisplay) { if (!frameData || !pose) return false; frameData.pose = pose; frameData.timestamp = pose.timestamp; updateEyeMatrices(frameData.leftProjectionMatrix, frameData.leftViewMatrix, pose, vrDisplay._getFieldOfView("left"), vrDisplay._getEyeOffset("left"), vrDisplay); updateEyeMatrices(frameData.rightProjectionMatrix, frameData.rightViewMatrix, pose, vrDisplay._getFieldOfView("right"), vrDisplay._getEyeOffset("right"), vrDisplay); return true; }; }(); var isInsideCrossOriginIFrame = function isInsideCrossOriginIFrame() { var isFramed = window.self !== window.top; var refOrigin = getOriginFromUrl(document.referrer); var thisOrigin = getOriginFromUrl(window.location.href); return isFramed && refOrigin !== thisOrigin; }; var getOriginFromUrl = function getOriginFromUrl(url) { var domainIdx; var protoSepIdx = url.indexOf("://"); if (protoSepIdx !== -1) { domainIdx = protoSepIdx + 3; } else { domainIdx = 0; } var domainEndIdx = url.indexOf('/', domainIdx); if (domainEndIdx === -1) { domainEndIdx = url.length; } return url.substring(0, domainEndIdx); }; var getQuaternionAngle = function getQuaternionAngle(quat) { if (quat.w > 1) { console.warn('getQuaternionAngle: w > 1'); return 0; } var angle = 2 * Math.acos(quat.w); return angle; }; var warnOnce = function () { var observedWarnings = {}; return function (key, message) { if (observedWarnings[key] === undefined) { console.warn('webvr-polyfill: ' + message); observedWarnings[key] = true; } }; }(); var deprecateWarning = function deprecateWarning(deprecated, suggested) { var alternative = suggested ? 'Please use ' + suggested + ' instead.' : ''; warnOnce(deprecated, deprecated + ' has been deprecated. ' + 'This may not work on native WebVR displays. ' + alternative); }; function WGLUPreserveGLState(gl, bindings, callback) { if (!bindings) { callback(gl); return; } var boundValues = []; var activeTexture = null; for (var i = 0; i < bindings.length; ++i) { var binding = bindings[i]; switch (binding) { case gl.TEXTURE_BINDING_2D: case gl.TEXTURE_BINDING_CUBE_MAP: var textureUnit = bindings[++i]; if (textureUnit < gl.TEXTURE0 || textureUnit > gl.TEXTURE31) { console.error("TEXTURE_BINDING_2D or TEXTURE_BINDING_CUBE_MAP must be followed by a valid texture unit"); boundValues.push(null, null); break; } if (!activeTexture) { activeTexture = gl.getParameter(gl.ACTIVE_TEXTURE); } gl.activeTexture(textureUnit); boundValues.push(gl.getParameter(binding), null); break; case gl.ACTIVE_TEXTURE: activeTexture = gl.getParameter(gl.ACTIVE_TEXTURE); boundValues.push(null); break; default: boundValues.push(gl.getParameter(binding)); break; } } callback(gl); for (var i = 0; i < bindings.length; ++i) { var binding = bindings[i]; var boundValue = boundValues[i]; switch (binding) { case gl.ACTIVE_TEXTURE: break; case gl.ARRAY_BUFFER_BINDING: gl.bindBuffer(gl.ARRAY_BUFFER, boundValue); break; case gl.COLOR_CLEAR_VALUE: gl.clearColor(boundValue[0], boundValue[1], boundValue[2], boundValue[3]); break; case gl.COLOR_WRITEMASK: gl.colorMask(boundValue[0], boundValue[1], boundValue[2], boundValue[3]); break; case gl.CURRENT_PROGRAM: gl.useProgram(boundValue); break; case gl.ELEMENT_ARRAY_BUFFER_BINDING: gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, boundValue); break; case gl.FRAMEBUFFER_BINDING: gl.bindFramebuffer(gl.FRAMEBUFFER, boundValue); break; case gl.RENDERBUFFER_BINDING: gl.bindRenderbuffer(gl.RENDERBUFFER, boundValue); break; case gl.TEXTURE_BINDING_2D: var textureUnit = bindings[++i]; if (textureUnit < gl.TEXTURE0 || textureUnit > gl.TEXTURE31) break; gl.activeTexture(textureUnit); gl.bindTexture(gl.TEXTURE_2D, boundValue); break; case gl.TEXTURE_BINDING_CUBE_MAP: var textureUnit = bindings[++i]; if (textureUnit < gl.TEXTURE0 || textureUnit > gl.TEXTURE31) break; gl.activeTexture(textureUnit); gl.bindTexture(gl.TEXTURE_CUBE_MAP, boundValue); break; case gl.VIEWPORT: gl.viewport(boundValue[0], boundValue[1], boundValue[2], boundValue[3]); break; case gl.BLEND: case gl.CULL_FACE: case gl.DEPTH_TEST: case gl.SCISSOR_TEST: case gl.STENCIL_TEST: if (boundValue) { gl.enable(binding); } else { gl.disable(binding); } break; default: console.log("No GL restore behavior for 0x" + binding.toString(16)); break; } if (activeTexture) { gl.activeTexture(activeTexture); } } } var glPreserveState = WGLUPreserveGLState; var distortionVS = ['attribute vec2 position;', 'attribute vec3 texCoord;', 'varying vec2 vTexCoord;', 'uniform vec4 viewportOffsetScale[2];', 'void main() {', ' vec4 viewport = viewportOffsetScale[int(texCoord.z)];', ' vTexCoord = (texCoord.xy * viewport.zw) + viewport.xy;', ' gl_Position = vec4( position, 1.0, 1.0 );', '}'].join('\n'); var distortionFS = ['precision mediump float;', 'uniform sampler2D diffuse;', 'varying vec2 vTexCoord;', 'void main() {', ' gl_FragColor = texture2D(diffuse, vTexCoord);', '}'].join('\n'); function CardboardDistorter(gl, cardboardUI, bufferScale, dirtySubmitFrameBindings) { this.gl = gl; this.cardboardUI = cardboardUI; this.bufferScale = bufferScale; this.dirtySubmitFrameBindings = dirtySubmitFrameBindings; this.ctxAttribs = gl.getContextAttributes(); this.instanceExt = gl.getExtension('ANGLE_instanced_arrays'); this.meshWidth = 20; this.meshHeight = 20; this.bufferWidth = gl.drawingBufferWidth; this.bufferHeight = gl.drawingBufferHeight; this.realBindFramebuffer = gl.bindFramebuffer; this.realEnable = gl.enable; this.realDisable = gl.disable; this.realColorMask = gl.colorMask; this.realClearColor = gl.clearColor; this.realViewport = gl.viewport; if (!isIOS()) { this.realCanvasWidth = Object.getOwnPropertyDescriptor(gl.canvas.__proto__, 'width'); this.realCanvasHeight = Object.getOwnPropertyDescriptor(gl.canvas.__proto__, 'height'); } this.isPatched = false; this.lastBoundFramebuffer = null; this.cullFace = false; this.depthTest = false; this.blend = false; this.scissorTest = false; this.stencilTest = false; this.viewport = [0, 0, 0, 0]; this.colorMask = [true, true, true, true]; this.clearColor = [0, 0, 0, 0]; this.attribs = { position: 0, texCoord: 1 }; this.program = linkProgram(gl, distortionVS, distortionFS, this.attribs); this.uniforms = getProgramUniforms(gl, this.program); this.viewportOffsetScale = new Float32Array(8); this.setTextureBounds(); this.vertexBuffer = gl.createBuffer(); this.indexBuffer = gl.createBuffer(); this.indexCount = 0; this.renderTarget = gl.createTexture(); this.framebuffer = gl.createFramebuffer(); this.depthStencilBuffer = null; this.depthBuffer = null; this.stencilBuffer = null; if (this.ctxAttribs.depth && this.ctxAttribs.stencil) { this.depthStencilBuffer = gl.createRenderbuffer(); } else if (this.ctxAttribs.depth) { this.depthBuffer = gl.createRenderbuffer(); } else if (this.ctxAttribs.stencil) { this.stencilBuffer = gl.createRenderbuffer(); } this.patch(); this.onResize(); } CardboardDistorter.prototype.destroy = function () { var gl = this.gl; this.unpatch(); gl.deleteProgram(this.program); gl.deleteBuffer(this.vertexBuffer); gl.deleteBuffer(this.indexBuffer); gl.deleteTexture(this.renderTarget); gl.deleteFramebuffer(this.framebuffer); if (this.depthStencilBuffer) { gl.deleteRenderbuffer(this.depthStencilBuffer); } if (this.depthBuffer) { gl.deleteRenderbuffer(this.depthBuffer); } if (this.stencilBuffer) { gl.deleteRenderbuffer(this.stencilBuffer); } if (this.cardboardUI) { this.cardboardUI.destroy(); } }; CardboardDistorter.prototype.onResize = function () { var gl = this.gl; var self = this; var glState = [gl.RENDERBUFFER_BINDING, gl.TEXTURE_BINDING_2D, gl.TEXTURE0]; glPreserveState(gl, glState, function (gl) { self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, null); if (self.scissorTest) { self.realDisable.call(gl, gl.SCISSOR_TEST); } self.realColorMask.call(gl, true, true, true, true); self.realViewport.call(gl, 0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight); self.realClearColor.call(gl, 0, 0, 0, 1); gl.clear(gl.COLOR_BUFFER_BIT); self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, self.framebuffer); gl.bindTexture(gl.TEXTURE_2D, self.renderTarget); gl.texImage2D(gl.TEXTURE_2D, 0, self.ctxAttribs.alpha ? gl.RGBA : gl.RGB, self.bufferWidth, self.bufferHeight, 0, self.ctxAttribs.alpha ? gl.RGBA : gl.RGB, gl.UNSIGNED_BYTE, null); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, self.renderTarget, 0); if (self.ctxAttribs.depth && self.ctxAttribs.stencil) { gl.bindRenderbuffer(gl.RENDERBUFFER, self.depthStencilBuffer); gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_STENCIL, self.bufferWidth, self.bufferHeight); gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_STENCIL_ATTACHMENT, gl.RENDERBUFFER, self.depthStencilBuffer); } else if (self.ctxAttribs.depth) { gl.bindRenderbuffer(gl.RENDERBUFFER, self.depthBuffer); gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_COMPONENT16, self.bufferWidth, self.bufferHeight); gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, self.depthBuffer); } else if (self.ctxAttribs.stencil) { gl.bindRenderbuffer(gl.RENDERBUFFER, self.stencilBuffer); gl.renderbufferStorage(gl.RENDERBUFFER, gl.STENCIL_INDEX8, self.bufferWidth, self.bufferHeight); gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.STENCIL_ATTACHMENT, gl.RENDERBUFFER, self.stencilBuffer); } if (!gl.checkFramebufferStatus(gl.FRAMEBUFFER) === gl.FRAMEBUFFER_COMPLETE) { console.error('Framebuffer incomplete!'); } self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, self.lastBoundFramebuffer); if (self.scissorTest) { self.realEnable.call(gl, gl.SCISSOR_TEST); } self.realColorMask.apply(gl, self.colorMask); self.realViewport.apply(gl, self.viewport); self.realClearColor.apply(gl, self.clearColor); }); if (this.cardboardUI) { this.cardboardUI.onResize(); } }; CardboardDistorter.prototype.patch = function () { if (this.isPatched) { return; } var self = this; var canvas = this.gl.canvas; var gl = this.gl; if (!isIOS()) { canvas.width = getScreenWidth() * this.bufferScale; canvas.height = getScreenHeight() * this.bufferScale; Object.defineProperty(canvas, 'width', { configurable: true, enumerable: true, get: function get() { return self.bufferWidth; }, set: function set(value) { self.bufferWidth = value; self.realCanvasWidth.set.call(canvas, value); self.onResize(); } }); Object.defineProperty(canvas, 'height', { configurable: true, enumerable: true, get: function get() { return self.bufferHeight; }, set: function set(value) { self.bufferHeight = value; self.realCanvasHeight.set.call(canvas, value); self.onResize(); } }); } this.lastBoundFramebuffer = gl.getParameter(gl.FRAMEBUFFER_BINDING); if (this.lastBoundFramebuffer == null) { this.lastBoundFramebuffer = this.framebuffer; this.gl.bindFramebuffer(gl.FRAMEBUFFER, this.framebuffer); } this.gl.bindFramebuffer = function (target, framebuffer) { self.lastBoundFramebuffer = framebuffer ? framebuffer : self.framebuffer; self.realBindFramebuffer.call(gl, target, self.lastBoundFramebuffer); }; this.cullFace = gl.getParameter(gl.CULL_FACE); this.depthTest = gl.getParameter(gl.DEPTH_TEST); this.blend = gl.getParameter(gl.BLEND); this.scissorTest = gl.getParameter(gl.SCISSOR_TEST); this.stencilTest = gl.getParameter(gl.STENCIL_TEST); gl.enable = function (pname) { switch (pname) { case gl.CULL_FACE: self.cullFace = true;break; case gl.DEPTH_TEST: self.depthTest = true;break; case gl.BLEND: self.blend = true;break; case gl.SCISSOR_TEST: self.scissorTest = true;break; case gl.STENCIL_TEST: self.stencilTest = true;break; } self.realEnable.call(gl, pname); }; gl.disable = function (pname) { switch (pname) { case gl.CULL_FACE: self.cullFace = false;break; case gl.DEPTH_TEST: self.depthTest = false;break; case gl.BLEND: self.blend = false;break; case gl.SCISSOR_TEST: self.scissorTest = false;break; case gl.STENCIL_TEST: self.stencilTest = false;break; } self.realDisable.call(gl, pname); }; this.colorMask = gl.getParameter(gl.COLOR_WRITEMASK); gl.colorMask = function (r, g, b, a) { self.colorMask[0] = r; self.colorMask[1] = g; self.colorMask[2] = b; self.colorMask[3] = a; self.realColorMask.call(gl, r, g, b, a); }; this.clearColor = gl.getParameter(gl.COLOR_CLEAR_VALUE); gl.clearColor = function (r, g, b, a) { self.clearColor[0] = r; self.clearColor[1] = g; self.clearColor[2] = b; self.clearColor[3] = a; self.realClearColor.call(gl, r, g, b, a); }; this.viewport = gl.getParameter(gl.VIEWPORT); gl.viewport = function (x, y, w, h) { self.viewport[0] = x; self.viewport[1] = y; self.viewport[2] = w; self.viewport[3] = h; self.realViewport.call(gl, x, y, w, h); }; this.isPatched = true; safariCssSizeWorkaround(canvas); }; CardboardDistorter.prototype.unpatch = function () { if (!this.isPatched) { return; } var gl = this.gl; var canvas = this.gl.canvas; if (!isIOS()) { Object.defineProperty(canvas, 'width', this.realCanvasWidth); Object.defineProperty(canvas, 'height', this.realCanvasHeight); } canvas.width = this.bufferWidth; canvas.height = this.bufferHeight; gl.bindFramebuffer = this.realBindFramebuffer; gl.enable = this.realEnable; gl.disable = this.realDisable; gl.colorMask = this.realColorMask; gl.clearColor = this.realClearColor; gl.viewport = this.realViewport; if (this.lastBoundFramebuffer == this.framebuffer) { gl.bindFramebuffer(gl.FRAMEBUFFER, null); } this.isPatched = false; setTimeout(function () { safariCssSizeWorkaround(canvas); }, 1); }; CardboardDistorter.prototype.setTextureBounds = function (leftBounds, rightBounds) { if (!leftBounds) { leftBounds = [0, 0, 0.5, 1]; } if (!rightBounds) { rightBounds = [0.5, 0, 0.5, 1]; } this.viewportOffsetScale[0] = leftBounds[0]; this.viewportOffsetScale[1] = leftBounds[1]; this.viewportOffsetScale[2] = leftBounds[2]; this.viewportOffsetScale[3] = leftBounds[3]; this.viewportOffsetScale[4] = rightBounds[0]; this.viewportOffsetScale[5] = rightBounds[1]; this.viewportOffsetScale[6] = rightBounds[2]; this.viewportOffsetScale[7] = rightBounds[3]; }; CardboardDistorter.prototype.submitFrame = function () { var gl = this.gl; var self = this; var glState = []; if (!this.dirtySubmitFrameBindings) { glState.push(gl.CURRENT_PROGRAM, gl.ARRAY_BUFFER_BINDING, gl.ELEMENT_ARRAY_BUFFER_BINDING, gl.TEXTURE_BINDING_2D, gl.TEXTURE0); } glPreserveState(gl, glState, function (gl) { self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, null); var positionDivisor = 0; var texCoordDivisor = 0; if (self.instanceExt) { positionDivisor = gl.getVertexAttrib(self.attribs.position, self.instanceExt.VERTEX_ATTRIB_ARRAY_DIVISOR_ANGLE); texCoordDivisor = gl.getVertexAttrib(self.attribs.texCoord, self.instanceExt.VERTEX_ATTRIB_ARRAY_DIVISOR_ANGLE); } if (self.cullFace) { self.realDisable.call(gl, gl.CULL_FACE); } if (self.depthTest) { self.realDisable.call(gl, gl.DEPTH_TEST); } if (self.blend) { self.realDisable.call(gl, gl.BLEND); } if (self.scissorTest) { self.realDisable.call(gl, gl.SCISSOR_TEST); } if (self.stencilTest) { self.realDisable.call(gl, gl.STENCIL_TEST); } self.realColorMask.call(gl, true, true, true, true); self.realViewport.call(gl, 0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight); if (self.ctxAttribs.alpha || isIOS()) { self.realClearColor.call(gl, 0, 0, 0, 1); gl.clear(gl.COLOR_BUFFER_BIT); } gl.useProgram(self.program); gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, self.indexBuffer); gl.bindBuffer(gl.ARRAY_BUFFER, self.vertexBuffer); gl.enableVertexAttribArray(self.attribs.position); gl.enableVertexAttribArray(self.attribs.texCoord); gl.vertexAttribPointer(self.attribs.position, 2, gl.FLOAT, false, 20, 0); gl.vertexAttribPointer(self.attribs.texCoord, 3, gl.FLOAT, false, 20, 8); if (self.instanceExt) { if (positionDivisor != 0) { self.instanceExt.vertexAttribDivisorANGLE(self.attribs.position, 0); } if (texCoordDivisor != 0) { self.instanceExt.vertexAttribDivisorANGLE(self.attribs.texCoord, 0); } } gl.activeTexture(gl.TEXTURE0); gl.uniform1i(self.uniforms.diffuse, 0); gl.bindTexture(gl.TEXTURE_2D, self.renderTarget); gl.uniform4fv(self.uniforms.viewportOffsetScale, self.viewportOffsetScale); gl.drawElements(gl.TRIANGLES, self.indexCount, gl.UNSIGNED_SHORT, 0); if (self.cardboardUI) { self.cardboardUI.renderNoState(); } self.realBindFramebuffer.call(self.gl, gl.FRAMEBUFFER, self.framebuffer); if (!self.ctxAttribs.preserveDrawingBuffer) { self.realClearColor.call(gl, 0, 0, 0, 0); gl.clear(gl.COLOR_BUFFER_BIT); } if (!self.dirtySubmitFrameBindings) { self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, self.lastBoundFramebuffer); } if (self.cullFace) { self.realEnable.call(gl, gl.CULL_FACE); } if (self.depthTest) { self.realEnable.call(gl, gl.DEPTH_TEST); } if (self.blend) { self.realEnable.call(gl, gl.BLEND); } if (self.scissorTest) { self.realEnable.call(gl, gl.SCISSOR_TEST); } if (self.stencilTest) { self.realEnable.call(gl, gl.STENCIL_TEST); } self.realColorMask.apply(gl, self.colorMask); self.realViewport.apply(gl, self.viewport); if (self.ctxAttribs.alpha || !self.ctxAttribs.preserveDrawingBuffer) { self.realClearColor.apply(gl, self.clearColor); } if (self.instanceExt) { if (positionDivisor != 0) { self.instanceExt.vertexAttribDivisorANGLE(self.attribs.position, positionDivisor); } if (texCoordDivisor != 0) { self.instanceExt.vertexAttribDivisorANGLE(self.attribs.texCoord, texCoordDivisor); } } }); if (isIOS()) { var canvas = gl.canvas; if (canvas.width != self.bufferWidth || canvas.height != self.bufferHeight) { self.bufferWidth = canvas.width; self.bufferHeight = canvas.height; self.onResize(); } } }; CardboardDistorter.prototype.updateDeviceInfo = function (deviceInfo) { var gl = this.gl; var self = this; var glState = [gl.ARRAY_BUFFER_BINDING, gl.ELEMENT_ARRAY_BUFFER_BINDING]; glPreserveState(gl, glState, function (gl) { var vertices = self.computeMeshVertices_(self.meshWidth, self.meshHeight, deviceInfo); gl.bindBuffer(gl.ARRAY_BUFFER, self.vertexBuffer); gl.bufferData(gl.ARRAY_BUFFER, vertices, gl.STATIC_DRAW); if (!self.indexCount) { var indices = self.computeMeshIndices_(self.meshWidth, self.meshHeight); gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, self.indexBuffer); gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, indices, gl.STATIC_DRAW); self.indexCount = indices.length; } }); }; CardboardDistorter.prototype.computeMeshVertices_ = function (width, height, deviceInfo) { var vertices = new Float32Array(2 * width * height * 5); var lensFrustum = deviceInfo.getLeftEyeVisibleTanAngles(); var noLensFrustum = deviceInfo.getLeftEyeNoLensTanAngles(); var viewport = deviceInfo.getLeftEyeVisibleScreenRect(noLensFrustum); var vidx = 0; for (var e = 0; e < 2; e++) { for (var j = 0; j < height; j++) { for (var i = 0; i < width; i++, vidx++) { var u = i / (width - 1); var v = j / (height - 1); var s = u; var t = v; var x = lerp(lensFrustum[0], lensFrustum[2], u); var y = lerp(lensFrustum[3], lensFrustum[1], v); var d = Math.sqrt(x * x + y * y); var r = deviceInfo.distortion.distortInverse(d); var p = x * r / d; var q = y * r / d; u = (p - noLensFrustum[0]) / (noLensFrustum[2] - noLensFrustum[0]); v = (q - noLensFrustum[3]) / (noLensFrustum[1] - noLensFrustum[3]); u = (viewport.x + u * viewport.width - 0.5) * 2.0; v = (viewport.y + v * viewport.height - 0.5) * 2.0; vertices[vidx * 5 + 0] = u; vertices[vidx * 5 + 1] = v; vertices[vidx * 5 + 2] = s; vertices[vidx * 5 + 3] = t; vertices[vidx * 5 + 4] = e; } } var w = lensFrustum[2] - lensFrustum[0]; lensFrustum[0] = -(w + lensFrustum[0]); lensFrustum[2] = w - lensFrustum[2]; w = noLensFrustum[2] - noLensFrustum[0]; noLensFrustum[0] = -(w + noLensFrustum[0]); noLensFrustum[2] = w - noLensFrustum[2]; viewport.x = 1 - (viewport.x + viewport.width); } return vertices; }; CardboardDistorter.prototype.computeMeshIndices_ = function (width, height) { var indices = new Uint16Array(2 * (width - 1) * (height - 1) * 6); var halfwidth = width / 2; var halfheight = height / 2; var vidx = 0; var iidx = 0; for (var e = 0; e < 2; e++) { for (var j = 0; j < height; j++) { for (var i = 0; i < width; i++, vidx++) { if (i == 0 || j == 0) continue; if (i <= halfwidth == j <= halfheight) { indices[iidx++] = vidx; indices[iidx++] = vidx - width - 1; indices[iidx++] = vidx - width; indices[iidx++] = vidx - width - 1; indices[iidx++] = vidx; indices[iidx++] = vidx - 1; } else { indices[iidx++] = vidx - 1; indices[iidx++] = vidx - width; indices[iidx++] = vidx; indices[iidx++] = vidx - width; indices[iidx++] = vidx - 1; indices[iidx++] = vidx - width - 1; } } } } return indices; }; CardboardDistorter.prototype.getOwnPropertyDescriptor_ = function (proto, attrName) { var descriptor = Object.getOwnPropertyDescriptor(proto, attrName); if (descriptor.get === undefined || descriptor.set === undefined) { descriptor.configurable = true; descriptor.enumerable = true; descriptor.get = function () { return this.getAttribute(attrName); }; descriptor.set = function (val) { this.setAttribute(attrName, val); }; } return descriptor; }; var uiVS = ['attribute vec2 position;', 'uniform mat4 projectionMat;', 'void main() {', ' gl_Position = projectionMat * vec4( position, -1.0, 1.0 );', '}'].join('\n'); var uiFS = ['precision mediump float;', 'uniform vec4 color;', 'void main() {', ' gl_FragColor = color;', '}'].join('\n'); var DEG2RAD = Math.PI / 180.0; var kAnglePerGearSection = 60; var kOuterRimEndAngle = 12; var kInnerRimBeginAngle = 20; var kOuterRadius = 1; var kMiddleRadius = 0.75; var kInnerRadius = 0.3125; var kCenterLineThicknessDp = 4; var kButtonWidthDp = 28; var kTouchSlopFactor = 1.5; function CardboardUI(gl) { this.gl = gl; this.attribs = { position: 0 }; this.program = linkProgram(gl, uiVS, uiFS, this.attribs); this.uniforms = getProgramUniforms(gl, this.program); this.vertexBuffer = gl.createBuffer(); this.gearOffset = 0; this.gearVertexCount = 0; this.arrowOffset = 0; this.arrowVertexCount = 0; this.projMat = new Float32Array(16); this.listener = null; this.onResize(); } CardboardUI.prototype.destroy = function () { var gl = this.gl; if (this.listener) { gl.canvas.removeEventListener('click', this.listener, false); } gl.deleteProgram(this.program); gl.deleteBuffer(this.vertexBuffer); }; CardboardUI.prototype.listen = function (optionsCallback, backCallback) { var canvas = this.gl.canvas; this.listener = function (event) { var midline = canvas.clientWidth / 2; var buttonSize = kButtonWidthDp * kTouchSlopFactor; if (event.clientX > midline - buttonSize && event.clientX < midline + buttonSize && event.clientY > canvas.clientHeight - buttonSize) { optionsCallback(event); } else if (event.clientX < buttonSize && event.clientY < buttonSize) { backCallback(event); } }; canvas.addEventListener('click', this.listener, false); }; CardboardUI.prototype.onResize = function () { var gl = this.gl; var self = this; var glState = [gl.ARRAY_BUFFER_BINDING]; glPreserveState(gl, glState, function (gl) { var vertices = []; var midline = gl.drawingBufferWidth / 2; var physicalPixels = Math.max(screen.width, screen.height) * window.devicePixelRatio; var scalingRatio = gl.drawingBufferWidth / physicalPixels; var dps = scalingRatio * window.devicePixelRatio; var lineWidth = kCenterLineThicknessDp * dps / 2; var buttonSize = kButtonWidthDp * kTouchSlopFactor * dps; var buttonScale = kButtonWidthDp * dps / 2; var buttonBorder = (kButtonWidthDp * kTouchSlopFactor - kButtonWidthDp) * dps; vertices.push(midline - lineWidth, buttonSize); vertices.push(midline - lineWidth, gl.drawingBufferHeight); vertices.push(midline + lineWidth, buttonSize); vertices.push(midline + lineWidth, gl.drawingBufferHeight); self.gearOffset = vertices.length / 2; function addGearSegment(theta, r) { var angle = (90 - theta) * DEG2RAD; var x = Math.cos(angle); var y = Math.sin(angle); vertices.push(kInnerRadius * x * buttonScale + midline, kInnerRadius * y * buttonScale + buttonScale); vertices.push(r * x * buttonScale + midline, r * y * buttonScale + buttonScale); } for (var i = 0; i <= 6; i++) { var segmentTheta = i * kAnglePerGearSection; addGearSegment(segmentTheta, kOuterRadius); addGearSegment(segmentTheta + kOuterRimEndAngle, kOuterRadius); addGearSegment(segmentTheta + kInnerRimBeginAngle, kMiddleRadius); addGearSegment(segmentTheta + (kAnglePerGearSection - kInnerRimBeginAngle), kMiddleRadius); addGearSegment(segmentTheta + (kAnglePerGearSection - kOuterRimEndAngle), kOuterRadius); } self.gearVertexCount = vertices.length / 2 - self.gearOffset; self.arrowOffset = vertices.length / 2; function addArrowVertex(x, y) { vertices.push(buttonBorder + x, gl.drawingBufferHeight - buttonBorder - y); } var angledLineWidth = lineWidth / Math.sin(45 * DEG2RAD); addArrowVertex(0, buttonScale); addArrowVertex(buttonScale, 0); addArrowVertex(buttonScale + angledLineWidth, angledLineWidth); addArrowVertex(angledLineWidth, buttonScale + angledLineWidth); addArrowVertex(angledLineWidth, buttonScale - angledLineWidth); addArrowVertex(0, buttonScale); addArrowVertex(buttonScale, buttonScale * 2); addArrowVertex(buttonScale + angledLineWidth, buttonScale * 2 - angledLineWidth); addArrowVertex(angledLineWidth, buttonScale - angledLineWidth); addArrowVertex(0, buttonScale); addArrowVertex(angledLineWidth, buttonScale - lineWidth); addArrowVertex(kButtonWidthDp * dps, buttonScale - lineWidth); addArrowVertex(angledLineWidth, buttonScale + lineWidth); addArrowVertex(kButtonWidthDp * dps, buttonScale + lineWidth); self.arrowVertexCount = vertices.length / 2 - self.arrowOffset; gl.bindBuffer(gl.ARRAY_BUFFER, self.vertexBuffer); gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vertices), gl.STATIC_DRAW); }); }; CardboardUI.prototype.render = function () { var gl = this.gl; var self = this; var glState = [gl.CULL_FACE, gl.DEPTH_TEST, gl.BLEND, gl.SCISSOR_TEST, gl.STENCIL_TEST, gl.COLOR_WRITEMASK, gl.VIEWPORT, gl.CURRENT_PROGRAM, gl.ARRAY_BUFFER_BINDING]; glPreserveState(gl, glState, function (gl) { gl.disable(gl.CULL_FACE); gl.disable(gl.DEPTH_TEST); gl.disable(gl.BLEND); gl.disable(gl.SCISSOR_TEST); gl.disable(gl.STENCIL_TEST); gl.colorMask(true, true, true, true); gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight); self.renderNoState(); }); }; CardboardUI.prototype.renderNoState = function () { var gl = this.gl; gl.useProgram(this.program); gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer); gl.enableVertexAttribArray(this.attribs.position); gl.vertexAttribPointer(this.attribs.position, 2, gl.FLOAT, false, 8, 0); gl.uniform4f(this.uniforms.color, 1.0, 1.0, 1.0, 1.0); orthoMatrix(this.projMat, 0, gl.drawingBufferWidth, 0, gl.drawingBufferHeight, 0.1, 1024.0); gl.uniformMatrix4fv(this.uniforms.projectionMat, false, this.projMat); gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); gl.drawArrays(gl.TRIANGLE_STRIP, this.gearOffset, this.gearVertexCount); gl.drawArrays(gl.TRIANGLE_STRIP, this.arrowOffset, this.arrowVertexCount); }; function Distortion(coefficients) { this.coefficients = coefficients; } Distortion.prototype.distortInverse = function (radius) { var r0 = 0; var r1 = 1; var dr0 = radius - this.distort(r0); while (Math.abs(r1 - r0) > 0.0001 ) { var dr1 = radius - this.distort(r1); var r2 = r1 - dr1 * ((r1 - r0) / (dr1 - dr0)); r0 = r1; r1 = r2; dr0 = dr1; } return r1; }; Distortion.prototype.distort = function (radius) { var r2 = radius * radius; var ret = 0; for (var i = 0; i < this.coefficients.length; i++) { ret = r2 * (ret + this.coefficients[i]); } return (ret + 1) * radius; }; var degToRad = Math.PI / 180; var radToDeg = 180 / Math.PI; var Vector3 = function Vector3(x, y, z) { this.x = x || 0; this.y = y || 0; this.z = z || 0; }; Vector3.prototype = { constructor: Vector3, set: function set(x, y, z) { this.x = x; this.y = y; this.z = z; return this; }, copy: function copy(v) { this.x = v.x; this.y = v.y; this.z = v.z; return this; }, length: function length() { return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z); }, normalize: function normalize() { var scalar = this.length(); if (scalar !== 0) { var invScalar = 1 / scalar; this.multiplyScalar(invScalar); } else { this.x = 0; this.y = 0; this.z = 0; } return this; }, multiplyScalar: function multiplyScalar(scalar) { this.x *= scalar; this.y *= scalar; this.z *= scalar; }, applyQuaternion: function applyQuaternion(q) { var x = this.x; var y = this.y; var z = this.z; var qx = q.x; var qy = q.y; var qz = q.z; var qw = q.w; var ix = qw * x + qy * z - qz * y; var iy = qw * y + qz * x - qx * z; var iz = qw * z + qx * y - qy * x; var iw = -qx * x - qy * y - qz * z; this.x = ix * qw + iw * -qx + iy * -qz - iz * -qy; this.y = iy * qw + iw * -qy + iz * -qx - ix * -qz; this.z = iz * qw + iw * -qz + ix * -qy - iy * -qx; return this; }, dot: function dot(v) { return this.x * v.x + this.y * v.y + this.z * v.z; }, crossVectors: function crossVectors(a, b) { var ax = a.x, ay = a.y, az = a.z; var bx = b.x, by = b.y, bz = b.z; this.x = ay * bz - az * by; this.y = az * bx - ax * bz; this.z = ax * by - ay * bx; return this; } }; var Quaternion = function Quaternion(x, y, z, w) { this.x = x || 0; this.y = y || 0; this.z = z || 0; this.w = w !== undefined ? w : 1; }; Quaternion.prototype = { constructor: Quaternion, set: function set(x, y, z, w) { this.x = x; this.y = y; this.z = z; this.w = w; return this; }, copy: function copy(quaternion) { this.x = quaternion.x; this.y = quaternion.y; this.z = quaternion.z; this.w = quaternion.w; return this; }, setFromEulerXYZ: function setFromEulerXYZ(x, y, z) { var c1 = Math.cos(x / 2); var c2 = Math.cos(y / 2); var c3 = Math.cos(z / 2); var s1 = Math.sin(x / 2); var s2 = Math.sin(y / 2); var s3 = Math.sin(z / 2); this.x = s1 * c2 * c3 + c1 * s2 * s3; this.y = c1 * s2 * c3 - s1 * c2 * s3; this.z = c1 * c2 * s3 + s1 * s2 * c3; this.w = c1 * c2 * c3 - s1 * s2 * s3; return this; }, setFromEulerYXZ: function setFromEulerYXZ(x, y, z) { var c1 = Math.cos(x / 2); var c2 = Math.cos(y / 2); var c3 = Math.cos(z / 2); var s1 = Math.sin(x / 2); var s2 = Math.sin(y / 2); var s3 = Math.sin(z / 2); this.x = s1 * c2 * c3 + c1 * s2 * s3; this.y = c1 * s2 * c3 - s1 * c2 * s3; this.z = c1 * c2 * s3 - s1 * s2 * c3; this.w = c1 * c2 * c3 + s1 * s2 * s3; return this; }, setFromAxisAngle: function setFromAxisAngle(axis, angle) { var halfAngle = angle / 2, s = Math.sin(halfAngle); this.x = axis.x * s; this.y = axis.y * s; this.z = axis.z * s; this.w = Math.cos(halfAngle); return this; }, multiply: function multiply(q) { return this.multiplyQuaternions(this, q); }, multiplyQuaternions: function multiplyQuaternions(a, b) { var qax = a.x, qay = a.y, qaz = a.z, qaw = a.w; var qbx = b.x, qby = b.y, qbz = b.z, qbw = b.w; this.x = qax * qbw + qaw * qbx + qay * qbz - qaz * qby; this.y = qay * qbw + qaw * qby + qaz * qbx - qax * qbz; this.z = qaz * qbw + qaw * qbz + qax * qby - qay * qbx; this.w = qaw * qbw - qax * qbx - qay * qby - qaz * qbz; return this; }, inverse: function inverse() { this.x *= -1; this.y *= -1; this.z *= -1; this.normalize(); return this; }, normalize: function normalize() { var l = Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w); if (l === 0) { this.x = 0; this.y = 0; this.z = 0; this.w = 1; } else { l = 1 / l; this.x = this.x * l; this.y = this.y * l; this.z = this.z * l; this.w = this.w * l; } return this; }, slerp: function slerp(qb, t) { if (t === 0) return this; if (t === 1) return this.copy(qb); var x = this.x, y = this.y, z = this.z, w = this.w; var cosHalfTheta = w * qb.w + x * qb.x + y * qb.y + z * qb.z; if (cosHalfTheta < 0) { this.w = -qb.w; this.x = -qb.x; this.y = -qb.y; this.z = -qb.z; cosHalfTheta = -cosHalfTheta; } else { this.copy(qb); } if (cosHalfTheta >= 1.0) { this.w = w; this.x = x; this.y = y; this.z = z; return this; } var halfTheta = Math.acos(cosHalfTheta); var sinHalfTheta = Math.sqrt(1.0 - cosHalfTheta * cosHalfTheta); if (Math.abs(sinHalfTheta) < 0.001) { this.w = 0.5 * (w + this.w); this.x = 0.5 * (x + this.x); this.y = 0.5 * (y + this.y); this.z = 0.5 * (z + this.z); return this; } var ratioA = Math.sin((1 - t) * halfTheta) / sinHalfTheta, ratioB = Math.sin(t * halfTheta) / sinHalfTheta; this.w = w * ratioA + this.w * ratioB; this.x = x * ratioA + this.x * ratioB; this.y = y * ratioA + this.y * ratioB; this.z = z * ratioA + this.z * ratioB; return this; }, setFromUnitVectors: function () { var v1, r; var EPS = 0.000001; return function (vFrom, vTo) { if (v1 === undefined) v1 = new Vector3(); r = vFrom.dot(vTo) + 1; if (r < EPS) { r = 0; if (Math.abs(vFrom.x) > Math.abs(vFrom.z)) { v1.set(-vFrom.y, vFrom.x, 0); } else { v1.set(0, -vFrom.z, vFrom.y); } } else { v1.crossVectors(vFrom, vTo); } this.x = v1.x; this.y = v1.y; this.z = v1.z; this.w = r; this.normalize(); return this; }; }() }; function Device(params) { this.width = params.width || getScreenWidth(); this.height = params.height || getScreenHeight(); this.widthMeters = params.widthMeters; this.heightMeters = params.heightMeters; this.bevelMeters = params.bevelMeters; } var DEFAULT_ANDROID = new Device({ widthMeters: 0.110, heightMeters: 0.062, bevelMeters: 0.004 }); var DEFAULT_IOS = new Device({ widthMeters: 0.1038, heightMeters: 0.0584, bevelMeters: 0.004 }); var Viewers = { CardboardV1: new CardboardViewer({ id: 'CardboardV1', label: 'Cardboard I/O 2014', fov: 40, interLensDistance: 0.060, baselineLensDistance: 0.035, screenLensDistance: 0.042, distortionCoefficients: [0.441, 0.156], inverseCoefficients: [-0.4410035, 0.42756155, -0.4804439, 0.5460139, -0.58821183, 0.5733938, -0.48303202, 0.33299083, -0.17573841, 0.0651772, -0.01488963, 0.001559834] }), CardboardV2: new CardboardViewer({ id: 'CardboardV2', label: 'Cardboard I/O 2015', fov: 60, interLensDistance: 0.064, baselineLensDistance: 0.035, screenLensDistance: 0.039, distortionCoefficients: [0.34, 0.55], inverseCoefficients: [-0.33836704, -0.18162185, 0.862655, -1.2462051, 1.0560602, -0.58208317, 0.21609078, -0.05444823, 0.009177956, -9.904169E-4, 6.183535E-5, -1.6981803E-6] }) }; function DeviceInfo(deviceParams, additionalViewers) { this.viewer = Viewers.CardboardV2; this.updateDeviceParams(deviceParams); this.distortion = new Distortion(this.viewer.distortionCoefficients); for (var i = 0; i < additionalViewers.length; i++) { var viewer = additionalViewers[i]; Viewers[viewer.id] = new CardboardViewer(viewer); } } DeviceInfo.prototype.updateDeviceParams = function (deviceParams) { this.device = this.determineDevice_(deviceParams) || this.device; }; DeviceInfo.prototype.getDevice = function () { return this.device; }; DeviceInfo.prototype.setViewer = function (viewer) { this.viewer = viewer; this.distortion = new Distortion(this.viewer.distortionCoefficients); }; DeviceInfo.prototype.determineDevice_ = function (deviceParams) { if (!deviceParams) { if (isIOS()) { console.warn('Using fallback iOS device measurements.'); return DEFAULT_IOS; } else { console.warn('Using fallback Android device measurements.'); return DEFAULT_ANDROID; } } var METERS_PER_INCH = 0.0254; var metersPerPixelX = METERS_PER_INCH / deviceParams.xdpi; var metersPerPixelY = METERS_PER_INCH / deviceParams.ydpi; var width = getScreenWidth(); var height = getScreenHeight(); return new Device({ widthMeters: metersPerPixelX * width, heightMeters: metersPerPixelY * height, bevelMeters: deviceParams.bevelMm * 0.001 }); }; DeviceInfo.prototype.getDistortedFieldOfViewLeftEye = function () { var viewer = this.viewer; var device = this.device; var distortion = this.distortion; var eyeToScreenDistance = viewer.screenLensDistance; var outerDist = (device.widthMeters - viewer.interLensDistance) / 2; var innerDist = viewer.interLensDistance / 2; var bottomDist = viewer.baselineLensDistance - device.bevelMeters; var topDist = device.heightMeters - bottomDist; var outerAngle = radToDeg * Math.atan(distortion.distort(outerDist / eyeToScreenDistance)); var innerAngle = radToDeg * Math.atan(distortion.distort(innerDist / eyeToScreenDistance)); var bottomAngle = radToDeg * Math.atan(distortion.distort(bottomDist / eyeToScreenDistance)); var topAngle = radToDeg * Math.atan(distortion.distort(topDist / eyeToScreenDistance)); return { leftDegrees: Math.min(outerAngle, viewer.fov), rightDegrees: Math.min(innerAngle, viewer.fov), downDegrees: Math.min(bottomAngle, viewer.fov), upDegrees: Math.min(topAngle, viewer.fov) }; }; DeviceInfo.prototype.getLeftEyeVisibleTanAngles = function () { var viewer = this.viewer; var device = this.device; var distortion = this.distortion; var fovLeft = Math.tan(-degToRad * viewer.fov); var fovTop = Math.tan(degToRad * viewer.fov); var fovRight = Math.tan(degToRad * viewer.fov); var fovBottom = Math.tan(-degToRad * viewer.fov); var halfWidth = device.widthMeters / 4; var halfHeight = device.heightMeters / 2; var verticalLensOffset = viewer.baselineLensDistance - device.bevelMeters - halfHeight; var centerX = viewer.interLensDistance / 2 - halfWidth; var centerY = -verticalLensOffset; var centerZ = viewer.screenLensDistance; var screenLeft = distortion.distort((centerX - halfWidth) / centerZ); var screenTop = distortion.distort((centerY + halfHeight) / centerZ); var screenRight = distortion.distort((centerX + halfWidth) / centerZ); var screenBottom = distortion.distort((centerY - halfHeight) / centerZ); var result = new Float32Array(4); result[0] = Math.max(fovLeft, screenLeft); result[1] = Math.min(fovTop, screenTop); result[2] = Math.min(fovRight, screenRight); result[3] = Math.max(fovBottom, screenBottom); return result; }; DeviceInfo.prototype.getLeftEyeNoLensTanAngles = function () { var viewer = this.viewer; var device = this.device; var distortion = this.distortion; var result = new Float32Array(4); var fovLeft = distortion.distortInverse(Math.tan(-degToRad * viewer.fov)); var fovTop = distortion.distortInverse(Math.tan(degToRad * viewer.fov)); var fovRight = distortion.distortInverse(Math.tan(degToRad * viewer.fov)); var fovBottom = distortion.distortInverse(Math.tan(-degToRad * viewer.fov)); var halfWidth = device.widthMeters / 4; var halfHeight = device.heightMeters / 2; var verticalLensOffset = viewer.baselineLensDistance - device.bevelMeters - halfHeight; var centerX = viewer.interLensDistance / 2 - halfWidth; var centerY = -verticalLensOffset; var centerZ = viewer.screenLensDistance; var screenLeft = (centerX - halfWidth) / centerZ; var screenTop = (centerY + halfHeight) / centerZ; var screenRight = (centerX + halfWidth) / centerZ; var screenBottom = (centerY - halfHeight) / centerZ; result[0] = Math.max(fovLeft, screenLeft); result[1] = Math.min(fovTop, screenTop); result[2] = Math.min(fovRight, screenRight); result[3] = Math.max(fovBottom, screenBottom); return result; }; DeviceInfo.prototype.getLeftEyeVisibleScreenRect = function (undistortedFrustum) { var viewer = this.viewer; var device = this.device; var dist = viewer.screenLensDistance; var eyeX = (device.widthMeters - viewer.interLensDistance) / 2; var eyeY = viewer.baselineLensDistance - device.bevelMeters; var left = (undistortedFrustum[0] * dist + eyeX) / device.widthMeters; var top = (undistortedFrustum[1] * dist + eyeY) / device.heightMeters; var right = (undistortedFrustum[2] * dist + eyeX) / device.widthMeters; var bottom = (undistortedFrustum[3] * dist + eyeY) / device.heightMeters; return { x: left, y: bottom, width: right - left, height: top - bottom }; }; DeviceInfo.prototype.getFieldOfViewLeftEye = function (opt_isUndistorted) { return opt_isUndistorted ? this.getUndistortedFieldOfViewLeftEye() : this.getDistortedFieldOfViewLeftEye(); }; DeviceInfo.prototype.getFieldOfViewRightEye = function (opt_isUndistorted) { var fov = this.getFieldOfViewLeftEye(opt_isUndistorted); return { leftDegrees: fov.rightDegrees, rightDegrees: fov.leftDegrees, upDegrees: fov.upDegrees, downDegrees: fov.downDegrees }; }; DeviceInfo.prototype.getUndistortedFieldOfViewLeftEye = function () { var p = this.getUndistortedParams_(); return { leftDegrees: radToDeg * Math.atan(p.outerDist), rightDegrees: radToDeg * Math.atan(p.innerDist), downDegrees: radToDeg * Math.atan(p.bottomDist), upDegrees: radToDeg * Math.atan(p.topDist) }; }; DeviceInfo.prototype.getUndistortedViewportLeftEye = function () { var p = this.getUndistortedParams_(); var viewer = this.viewer; var device = this.device; var eyeToScreenDistance = viewer.screenLensDistance; var screenWidth = device.widthMeters / eyeToScreenDistance; var screenHeight = device.heightMeters / eyeToScreenDistance; var xPxPerTanAngle = device.width / screenWidth; var yPxPerTanAngle = device.height / screenHeight; var x = Math.round((p.eyePosX - p.outerDist) * xPxPerTanAngle); var y = Math.round((p.eyePosY - p.bottomDist) * yPxPerTanAngle); return { x: x, y: y, width: Math.round((p.eyePosX + p.innerDist) * xPxPerTanAngle) - x, height: Math.round((p.eyePosY + p.topDist) * yPxPerTanAngle) - y }; }; DeviceInfo.prototype.getUndistortedParams_ = function () { var viewer = this.viewer; var device = this.device; var distortion = this.distortion; var eyeToScreenDistance = viewer.screenLensDistance; var halfLensDistance = viewer.interLensDistance / 2 / eyeToScreenDistance; var screenWidth = device.widthMeters / eyeToScreenDistance; var screenHeight = device.heightMeters / eyeToScreenDistance; var eyePosX = screenWidth / 2 - halfLensDistance; var eyePosY = (viewer.baselineLensDistance - device.bevelMeters) / eyeToScreenDistance; var maxFov = viewer.fov; var viewerMax = distortion.distortInverse(Math.tan(degToRad * maxFov)); var outerDist = Math.min(eyePosX, viewerMax); var innerDist = Math.min(halfLensDistance, viewerMax); var bottomDist = Math.min(eyePosY, viewerMax); var topDist = Math.min(screenHeight - eyePosY, viewerMax); return { outerDist: outerDist, innerDist: innerDist, topDist: topDist, bottomDist: bottomDist, eyePosX: eyePosX, eyePosY: eyePosY }; }; function CardboardViewer(params) { this.id = params.id; this.label = params.label; this.fov = params.fov; this.interLensDistance = params.interLensDistance; this.baselineLensDistance = params.baselineLensDistance; this.screenLensDistance = params.screenLensDistance; this.distortionCoefficients = params.distortionCoefficients; this.inverseCoefficients = params.inverseCoefficients; } DeviceInfo.Viewers = Viewers; var format = 1; var last_updated = "2019-11-09T17:36:14Z"; var devices = [{"type":"android","rules":[{"mdmh":"asus/*/Nexus 7/*"},{"ua":"Nexus 7"}],"dpi":[320.8,323],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"asus/*/ASUS_X00PD/*"},{"ua":"ASUS_X00PD"} … [Строка слишком длинная. Вы можете скачать файл] var DPDB_CACHE = { format: format, last_updated: last_updated, devices: devices }; function Dpdb(url, onDeviceParamsUpdated) { this.dpdb = DPDB_CACHE; this.recalculateDeviceParams_(); if (url) { this.onDeviceParamsUpdated = onDeviceParamsUpdated; var xhr = new XMLHttpRequest(); var obj = this; xhr.open('GET', url, true); xhr.addEventListener('load', function () { obj.loading = false; if (xhr.status >= 200 && xhr.status <= 299) { obj.dpdb = JSON.parse(xhr.response); obj.recalculateDeviceParams_(); } else { console.error('Error loading online DPDB!'); } }); xhr.send(); } } Dpdb.prototype.getDeviceParams = function () { return this.deviceParams; }; Dpdb.prototype.recalculateDeviceParams_ = function () { var newDeviceParams = this.calcDeviceParams_(); if (newDeviceParams) { this.deviceParams = newDeviceParams; if (this.onDeviceParamsUpdated) { this.onDeviceParamsUpdated(this.deviceParams); } } else { console.error('Failed to recalculate device parameters.'); } }; Dpdb.prototype.calcDeviceParams_ = function () { var db = this.dpdb; if (!db) { console.error('DPDB not available.'); return null; } if (db.format != 1) { console.error('DPDB has unexpected format version.'); return null; } if (!db.devices || !db.devices.length) { console.error('DPDB does not have a devices section.'); return null; } var userAgent = navigator.userAgent || navigator.vendor || window.opera; var width = getScreenWidth(); var height = getScreenHeight(); if (!db.devices) { console.error('DPDB has no devices section.'); return null; } for (var i = 0; i < db.devices.length; i++) { var device = db.devices[i]; if (!device.rules) { console.warn('Device[' + i + '] has no rules section.'); continue; } if (device.type != 'ios' && device.type != 'android') { console.warn('Device[' + i + '] has invalid type.'); continue; } if (isIOS() != (device.type == 'ios')) continue; var matched = false; for (var j = 0; j < device.rules.length; j++) { var rule = device.rules[j]; if (this.ruleMatches_(rule, userAgent, width, height)) { matched = true; break; } } if (!matched) continue; var xdpi = device.dpi[0] || device.dpi; var ydpi = device.dpi[1] || device.dpi; return new DeviceParams({ xdpi: xdpi, ydpi: ydpi, bevelMm: device.bw }); } console.warn('No DPDB device match.'); return null; }; Dpdb.prototype.ruleMatches_ = function (rule, ua, screenWidth, screenHeight) { if (!rule.ua && !rule.res) return false; if (rule.ua && rule.ua.substring(0, 2) === 'SM') rule.ua = rule.ua.substring(0, 7); if (rule.ua && ua.indexOf(rule.ua) < 0) return false; if (rule.res) { if (!rule.res[0] || !rule.res[1]) return false; var resX = rule.res[0]; var resY = rule.res[1]; if (Math.min(screenWidth, screenHeight) != Math.min(resX, resY) || Math.max(screenWidth, screenHeight) != Math.max(resX, resY)) { return false; } } return true; }; function DeviceParams(params) { this.xdpi = params.xdpi; this.ydpi = params.ydpi; this.bevelMm = params.bevelMm; } function SensorSample(sample, timestampS) { this.set(sample, timestampS); } SensorSample.prototype.set = function (sample, timestampS) { this.sample = sample; this.timestampS = timestampS; }; SensorSample.prototype.copy = function (sensorSample) { this.set(sensorSample.sample, sensorSample.timestampS); }; function ComplementaryFilter(kFilter, isDebug) { this.kFilter = kFilter; this.isDebug = isDebug; this.currentAccelMeasurement = new SensorSample(); this.currentGyroMeasurement = new SensorSample(); this.previousGyroMeasurement = new SensorSample(); if (isIOS()) { this.filterQ = new Quaternion(-1, 0, 0, 1); } else { this.filterQ = new Quaternion(1, 0, 0, 1); } this.previousFilterQ = new Quaternion(); this.previousFilterQ.copy(this.filterQ); this.accelQ = new Quaternion(); this.isOrientationInitialized = false; this.estimatedGravity = new Vector3(); this.measuredGravity = new Vector3(); this.gyroIntegralQ = new Quaternion(); } ComplementaryFilter.prototype.addAccelMeasurement = function (vector, timestampS) { this.currentAccelMeasurement.set(vector, timestampS); }; ComplementaryFilter.prototype.addGyroMeasurement = function (vector, timestampS) { this.currentGyroMeasurement.set(vector, timestampS); var deltaT = timestampS - this.previousGyroMeasurement.timestampS; if (isTimestampDeltaValid(deltaT)) { this.run_(); } this.previousGyroMeasurement.copy(this.currentGyroMeasurement); }; ComplementaryFilter.prototype.run_ = function () { if (!this.isOrientationInitialized) { this.accelQ = this.accelToQuaternion_(this.currentAccelMeasurement.sample); this.previousFilterQ.copy(this.accelQ); this.isOrientationInitialized = true; return; } var deltaT = this.currentGyroMeasurement.timestampS - this.previousGyroMeasurement.timestampS; var gyroDeltaQ = this.gyroToQuaternionDelta_(this.currentGyroMeasurement.sample, deltaT); this.gyroIntegralQ.multiply(gyroDeltaQ); this.filterQ.copy(this.previousFilterQ); this.filterQ.multiply(gyroDeltaQ); var invFilterQ = new Quaternion(); invFilterQ.copy(this.filterQ); invFilterQ.inverse(); this.estimatedGravity.set(0, 0, -1); this.estimatedGravity.applyQuaternion(invFilterQ); this.estimatedGravity.normalize(); this.measuredGravity.copy(this.currentAccelMeasurement.sample); this.measuredGravity.normalize(); var deltaQ = new Quaternion(); deltaQ.setFromUnitVectors(this.estimatedGravity, this.measuredGravity); deltaQ.inverse(); if (this.isDebug) { console.log('Delta: %d deg, G_est: (%s, %s, %s), G_meas: (%s, %s, %s)', radToDeg * getQuaternionAngle(deltaQ), this.estimatedGravity.x.toFixed(1), this.estimatedGravity.y.toFixed(1), this.estimatedGravity.z.toFixed(1), this.measuredGravity.x.toFixed(1), this.measuredGravity.y.toFixed(1), this.measuredGravity.z.toFixed(1)); } var targetQ = new Quaternion(); targetQ.copy(this.filterQ); targetQ.multiply(deltaQ); this.filterQ.slerp(targetQ, 1 - this.kFilter); this.previousFilterQ.copy(this.filterQ); }; ComplementaryFilter.prototype.getOrientation = function () { return this.filterQ; }; ComplementaryFilter.prototype.accelToQuaternion_ = function (accel) { var normAccel = new Vector3(); normAccel.copy(accel); normAccel.normalize(); var quat = new Quaternion(); quat.setFromUnitVectors(new Vector3(0, 0, -1), normAccel); quat.inverse(); return quat; }; ComplementaryFilter.prototype.gyroToQuaternionDelta_ = function (gyro, dt) { var quat = new Quaternion(); var axis = new Vector3(); axis.copy(gyro); axis.normalize(); quat.setFromAxisAngle(axis, gyro.length() * dt); return quat; }; function PosePredictor(predictionTimeS, isDebug) { this.predictionTimeS = predictionTimeS; this.isDebug = isDebug; this.previousQ = new Quaternion(); this.previousTimestampS = null; this.deltaQ = new Quaternion(); this.outQ = new Quaternion(); } PosePredictor.prototype.getPrediction = function (currentQ, gyro, timestampS) { if (!this.previousTimestampS) { this.previousQ.copy(currentQ); this.previousTimestampS = timestampS; return currentQ; } var axis = new Vector3(); axis.copy(gyro); axis.normalize(); var angularSpeed = gyro.length(); if (angularSpeed < degToRad * 20) { if (this.isDebug) { console.log('Moving slowly, at %s deg/s: no prediction', (radToDeg * angularSpeed).toFixed(1)); } this.outQ.copy(currentQ); this.previousQ.copy(currentQ); return this.outQ; } var predictAngle = angularSpeed * this.predictionTimeS; this.deltaQ.setFromAxisAngle(axis, predictAngle); this.outQ.copy(this.previousQ); this.outQ.multiply(this.deltaQ); this.previousQ.copy(currentQ); this.previousTimestampS = timestampS; return this.outQ; }; function FusionPoseSensor(kFilter, predictionTime, yawOnly, isDebug) { this.yawOnly = yawOnly; this.accelerometer = new Vector3(); this.gyroscope = new Vector3(); this.filter = new ComplementaryFilter(kFilter, isDebug); this.posePredictor = new PosePredictor(predictionTime, isDebug); this.isFirefoxAndroid = isFirefoxAndroid(); this.isIOS = isIOS(); var chromeVersion = getChromeVersion(); this.isDeviceMotionInRadians = !this.isIOS && chromeVersion && chromeVersion < 66; this.isWithoutDeviceMotion = isChromeWithoutDeviceMotion() || isSafariWithoutDeviceMotion(); this.filterToWorldQ = new Quaternion(); if (isIOS()) { this.filterToWorldQ.setFromAxisAngle(new Vector3(1, 0, 0), Math.PI / 2); } else { this.filterToWorldQ.setFromAxisAngle(new Vector3(1, 0, 0), -Math.PI / 2); } this.inverseWorldToScreenQ = new Quaternion(); this.worldToScreenQ = new Quaternion(); this.originalPoseAdjustQ = new Quaternion(); this.originalPoseAdjustQ.setFromAxisAngle(new Vector3(0, 0, 1), -window.orientation * Math.PI / 180); this.setScreenTransform_(); if (isLandscapeMode()) { this.filterToWorldQ.multiply(this.inverseWorldToScreenQ); } this.resetQ = new Quaternion(); this.orientationOut_ = new Float32Array(4); this.start(); } FusionPoseSensor.prototype.getPosition = function () { return null; }; FusionPoseSensor.prototype.getOrientation = function () { var orientation = void 0; if (this.isWithoutDeviceMotion && this._deviceOrientationQ) { this.deviceOrientationFixQ = this.deviceOrientationFixQ || function () { var z = new Quaternion().setFromAxisAngle(new Vector3(0, 0, -1), 0); var y = new Quaternion(); if (window.orientation === -90) { y.setFromAxisAngle(new Vector3(0, 1, 0), Math.PI / -2); } else { y.setFromAxisAngle(new Vector3(0, 1, 0), Math.PI / 2); } return z.multiply(y); }(); this.deviceOrientationFilterToWorldQ = this.deviceOrientationFilterToWorldQ || function () { var q = new Quaternion(); q.setFromAxisAngle(new Vector3(1, 0, 0), -Math.PI / 2); return q; }(); orientation = this._deviceOrientationQ; var out = new Quaternion(); out.copy(orientation); out.multiply(this.deviceOrientationFilterToWorldQ); out.multiply(this.resetQ); out.multiply(this.worldToScreenQ); out.multiplyQuaternions(this.deviceOrientationFixQ, out); if (this.yawOnly) { out.x = 0; out.z = 0; out.normalize(); } this.orientationOut_[0] = out.x; this.orientationOut_[1] = out.y; this.orientationOut_[2] = out.z; this.orientationOut_[3] = out.w; return this.orientationOut_; } else { var filterOrientation = this.filter.getOrientation(); orientation = this.posePredictor.getPrediction(filterOrientation, this.gyroscope, this.previousTimestampS); } var out = new Quaternion(); out.copy(this.filterToWorldQ); out.multiply(this.resetQ); out.multiply(orientation); out.multiply(this.worldToScreenQ); if (this.yawOnly) { out.x = 0; out.z = 0; out.normalize(); } this.orientationOut_[0] = out.x; this.orientationOut_[1] = out.y; this.orientationOut_[2] = out.z; this.orientationOut_[3] = out.w; return this.orientationOut_; }; FusionPoseSensor.prototype.resetPose = function () { this.resetQ.copy(this.filter.getOrientation()); this.resetQ.x = 0; this.resetQ.y = 0; this.resetQ.z *= -1; this.resetQ.normalize(); if (isLandscapeMode()) { this.resetQ.multiply(this.inverseWorldToScreenQ); } this.resetQ.multiply(this.originalPoseAdjustQ); }; FusionPoseSensor.prototype.onDeviceOrientation_ = function (e) { this._deviceOrientationQ = this._deviceOrientationQ || new Quaternion(); var alpha = e.alpha, beta = e.beta, gamma = e.gamma; alpha = (alpha || 0) * Math.PI / 180; beta = (beta || 0) * Math.PI / 180; gamma = (gamma || 0) * Math.PI / 180; this._deviceOrientationQ.setFromEulerYXZ(beta, alpha, -gamma); }; FusionPoseSensor.prototype.onDeviceMotion_ = function (deviceMotion) { this.updateDeviceMotion_(deviceMotion); }; FusionPoseSensor.prototype.updateDeviceMotion_ = function (deviceMotion) { var accGravity = deviceMotion.accelerationIncludingGravity; var rotRate = deviceMotion.rotationRate; var timestampS = deviceMotion.timeStamp / 1000; var deltaS = timestampS - this.previousTimestampS; if (deltaS < 0) { warnOnce('fusion-pose-sensor:invalid:non-monotonic', 'Invalid timestamps detected: non-monotonic timestamp from devicemotion'); this.previousTimestampS = timestampS; return; } else if (deltaS <= MIN_TIMESTEP || deltaS > MAX_TIMESTEP) { warnOnce('fusion-pose-sensor:invalid:outside-threshold', 'Invalid timestamps detected: Timestamp from devicemotion outside expected range.'); this.previousTimestampS = timestampS; return; } this.accelerometer.set(-accGravity.x, -accGravity.y, -accGravity.z); if (rotRate) { if (isR7()) { this.gyroscope.set(-rotRate.beta, rotRate.alpha, rotRate.gamma); } else { this.gyroscope.set(rotRate.alpha, rotRate.beta, rotRate.gamma); } if (!this.isDeviceMotionInRadians) { this.gyroscope.multiplyScalar(Math.PI / 180); } this.filter.addGyroMeasurement(this.gyroscope, timestampS); } this.filter.addAccelMeasurement(this.accelerometer, timestampS); this.previousTimestampS = timestampS; }; FusionPoseSensor.prototype.onOrientationChange_ = function (screenOrientation) { this.setScreenTransform_(); }; FusionPoseSensor.prototype.onMessage_ = function (event) { var message = event.data; if (!message || !message.type) { return; } var type = message.type.toLowerCase(); if (type !== 'devicemotion') { return; } this.updateDeviceMotion_(message.deviceMotionEvent); }; FusionPoseSensor.prototype.setScreenTransform_ = function () { this.worldToScreenQ.set(0, 0, 0, 1); switch (window.orientation) { case 0: break; case 90: this.worldToScreenQ.setFromAxisAngle(new Vector3(0, 0, 1), -Math.PI / 2); break; case -90: this.worldToScreenQ.setFromAxisAngle(new Vector3(0, 0, 1), Math.PI / 2); break; case 180: break; } this.inverseWorldToScreenQ.copy(this.worldToScreenQ); this.inverseWorldToScreenQ.inverse(); }; FusionPoseSensor.prototype.start = function () { this.onDeviceMotionCallback_ = this.onDeviceMotion_.bind(this); this.onOrientationChangeCallback_ = this.onOrientationChange_.bind(this); this.onMessageCallback_ = this.onMessage_.bind(this); this.onDeviceOrientationCallback_ = this.onDeviceOrientation_.bind(this); if (isIOS() && isInsideCrossOriginIFrame()) { window.addEventListener('message', this.onMessageCallback_); } window.addEventListener('orientationchange', this.onOrientationChangeCallback_); if (this.isWithoutDeviceMotion) { window.addEventListener('deviceorientation', this.onDeviceOrientationCallback_); } else { window.addEventListener('devicemotion', this.onDeviceMotionCallback_); } }; FusionPoseSensor.prototype.stop = function () { window.removeEventListener('devicemotion', this.onDeviceMotionCallback_); window.removeEventListener('deviceorientation', this.onDeviceOrientationCallback_); window.removeEventListener('orientationchange', this.onOrientationChangeCallback_); window.removeEventListener('message', this.onMessageCallback_); }; var SENSOR_FREQUENCY = 60; var X_AXIS = new Vector3(1, 0, 0); var Z_AXIS = new Vector3(0, 0, 1); var SENSOR_TO_VR = new Quaternion(); SENSOR_TO_VR.setFromAxisAngle(X_AXIS, -Math.PI / 2); SENSOR_TO_VR.multiply(new Quaternion().setFromAxisAngle(Z_AXIS, Math.PI / 2)); var PoseSensor = function () { function PoseSensor(config) { classCallCheck(this, PoseSensor); this.config = config; this.sensor = null; this.fusionSensor = null; this._out = new Float32Array(4); this.api = null; this.errors = []; this._sensorQ = new Quaternion(); this._outQ = new Quaternion(); this._onSensorRead = this._onSensorRead.bind(this); this._onSensorError = this._onSensorError.bind(this); this.init(); } createClass(PoseSensor, [{ key: 'init', value: function init() { var sensor = null; try { sensor = new RelativeOrientationSensor({ frequency: SENSOR_FREQUENCY, referenceFrame: 'screen' }); sensor.addEventListener('error', this._onSensorError); } catch (error) { this.errors.push(error); if (error.name === 'SecurityError') { console.error('Cannot construct sensors due to the Feature Policy'); console.warn('Attempting to fall back using "devicemotion"; however this will ' + 'fail in the future without correct permissions.'); this.useDeviceMotion(); } else if (error.name === 'ReferenceError') { this.useDeviceMotion(); } else { console.error(error); } } if (sensor) { this.api = 'sensor'; this.sensor = sensor; this.sensor.addEventListener('reading', this._onSensorRead); this.sensor.start(); } } }, { key: 'useDeviceMotion', value: function useDeviceMotion() { this.api = 'devicemotion'; this.fusionSensor = new FusionPoseSensor(this.config.K_FILTER, this.config.PREDICTION_TIME_S, this.config.YAW_ONLY, this.config.DEBUG); if (this.sensor) { this.sensor.removeEventListener('reading', this._onSensorRead); this.sensor.removeEventListener('error', this._onSensorError); this.sensor = null; } } }, { key: 'getOrientation', value: function getOrientation() { if (this.fusionSensor) { return this.fusionSensor.getOrientation(); } if (!this.sensor || !this.sensor.quaternion) { this._out[0] = this._out[1] = this._out[2] = 0; this._out[3] = 1; return this._out; } var q = this.sensor.quaternion; this._sensorQ.set(q[0], q[1], q[2], q[3]); var out = this._outQ; out.copy(SENSOR_TO_VR); out.multiply(this._sensorQ); if (this.config.YAW_ONLY) { out.x = out.z = 0; out.normalize(); } this._out[0] = out.x; this._out[1] = out.y; this._out[2] = out.z; this._out[3] = out.w; return this._out; } }, { key: '_onSensorError', value: function _onSensorError(event) { this.errors.push(event.error); if (event.error.name === 'NotAllowedError') { console.error('Permission to access sensor was denied'); } else if (event.error.name === 'NotReadableError') { console.error('Sensor could not be read'); } else { console.error(event.error); } this.useDeviceMotion(); } }, { key: '_onSensorRead', value: function _onSensorRead() {} }]); return PoseSensor; }(); var rotateInstructionsAsset = "<svg width='198' height='240' viewBox='0 0 198 240' xmlns='http://www.w3.org/2000/svg'><g fill='none' fill-rule='evenodd'><path d='M149.625 109.527l6.737 3.891v.886c0 .1 … [Строка слишком длинная. Вы можете скачать файл] function RotateInstructions() { this.loadIcon_(); var overlay = document.createElement('div'); var s = overlay.style; s.position = 'fixed'; s.top = 0; s.right = 0; s.bottom = 0; s.left = 0; s.backgroundColor = 'gray'; s.fontFamily = 'sans-serif'; s.zIndex = 1000000; var img = document.createElement('img'); img.src = this.icon; var s = img.style; s.marginLeft = '25%'; s.marginTop = '25%'; s.width = '50%'; overlay.appendChild(img); var text = document.createElement('div'); var s = text.style; s.textAlign = 'center'; s.fontSize = '16px'; s.lineHeight = '24px'; s.margin = '24px 25%'; s.width = '50%'; text.innerHTML = 'Place your phone into your Cardboard viewer.'; overlay.appendChild(text); var snackbar = document.createElement('div'); var s = snackbar.style; s.backgroundColor = '#CFD8DC'; s.position = 'fixed'; s.bottom = 0; s.width = '100%'; s.height = '48px'; s.padding = '14px 24px'; s.boxSizing = 'border-box'; s.color = '#656A6B'; overlay.appendChild(snackbar); var snackbarText = document.createElement('div'); snackbarText.style.float = 'left'; snackbarText.innerHTML = 'No Cardboard viewer?'; var snackbarButton = document.createElement('a'); snackbarButton.href = 'https://www.google.com/get/cardboard/get-cardboard/'; snackbarButton.innerHTML = 'get one'; snackbarButton.target = '_blank'; var s = snackbarButton.style; s.float = 'right'; s.fontWeight = 600; s.textTransform = 'uppercase'; s.borderLeft = '1px solid gray'; s.paddingLeft = '24px'; s.textDecoration = 'none'; s.color = '#656A6B'; snackbar.appendChild(snackbarText); snackbar.appendChild(snackbarButton); this.overlay = overlay; this.text = text; this.hide(); } RotateInstructions.prototype.show = function (parent) { if (!parent && !this.overlay.parentElement) { document.body.appendChild(this.overlay); } else if (parent) { if (this.overlay.parentElement && this.overlay.parentElement != parent) this.overlay.parentElement.removeChild(this.overlay); parent.appendChild(this.overlay); } this.overlay.style.display = 'block'; var img = this.overlay.querySelector('img'); var s = img.style; if (isLandscapeMode()) { s.width = '20%'; s.marginLeft = '40%'; s.marginTop = '3%'; } else { s.width = '50%'; s.marginLeft = '25%'; s.marginTop = '25%'; } }; RotateInstructions.prototype.hide = function () { this.overlay.style.display = 'none'; }; RotateInstructions.prototype.showTemporarily = function (ms, parent) { this.show(parent); this.timer = setTimeout(this.hide.bind(this), ms); }; RotateInstructions.prototype.disableShowTemporarily = function () { clearTimeout(this.timer); }; RotateInstructions.prototype.update = function () { this.disableShowTemporarily(); if (!isLandscapeMode() && isMobile()) { this.show(); } else { this.hide(); } }; RotateInstructions.prototype.loadIcon_ = function () { this.icon = dataUri('image/svg+xml', rotateInstructionsAsset); }; var DEFAULT_VIEWER = 'CardboardV1'; var VIEWER_KEY = 'WEBVR_CARDBOARD_VIEWER'; var CLASS_NAME = 'webvr-polyfill-viewer-selector'; function ViewerSelector(defaultViewer) { try { this.selectedKey = localStorage.getItem(VIEWER_KEY); } catch (error) { console.error('Failed to load viewer profile: %s', error); } if (!this.selectedKey) { this.selectedKey = defaultViewer || DEFAULT_VIEWER; } this.dialog = this.createDialog_(DeviceInfo.Viewers); this.root = null; this.onChangeCallbacks_ = []; } ViewerSelector.prototype.show = function (root) { this.root = root; root.appendChild(this.dialog); var selected = this.dialog.querySelector('#' + this.selectedKey); selected.checked = true; this.dialog.style.display = 'block'; }; ViewerSelector.prototype.hide = function () { if (this.root && this.root.contains(this.dialog)) { this.root.removeChild(this.dialog); } this.dialog.style.display = 'none'; }; ViewerSelector.prototype.getCurrentViewer = function () { return DeviceInfo.Viewers[this.selectedKey]; }; ViewerSelector.prototype.getSelectedKey_ = function () { var input = this.dialog.querySelector('input[name=field]:checked'); if (input) { return input.id; } return null; }; ViewerSelector.prototype.onChange = function (cb) { this.onChangeCallbacks_.push(cb); }; ViewerSelector.prototype.fireOnChange_ = function (viewer) { for (var i = 0; i < this.onChangeCallbacks_.length; i++) { this.onChangeCallbacks_[i](viewer); } }; ViewerSelector.prototype.onSave_ = function () { this.selectedKey = this.getSelectedKey_(); if (!this.selectedKey || !DeviceInfo.Viewers[this.selectedKey]) { console.error('ViewerSelector.onSave_: this should never happen!'); return; } this.fireOnChange_(DeviceInfo.Viewers[this.selectedKey]); try { localStorage.setItem(VIEWER_KEY, this.selectedKey); } catch (error) { console.error('Failed to save viewer profile: %s', error); } this.hide(); }; ViewerSelector.prototype.createDialog_ = function (options) { var container = document.createElement('div'); container.classList.add(CLASS_NAME); container.style.display = 'none'; var overlay = document.createElement('div'); var s = overlay.style; s.position = 'fixed'; s.left = 0; s.top = 0; s.width = '100%'; s.height = '100%'; s.background = 'rgba(0, 0, 0, 0.3)'; overlay.addEventListener('click', this.hide.bind(this)); var width = 280; var dialog = document.createElement('div'); var s = dialog.style; s.boxSizing = 'border-box'; s.position = 'fixed'; s.top = '24px'; s.left = '50%'; s.marginLeft = -width / 2 + 'px'; s.width = width + 'px'; s.padding = '24px'; s.overflow = 'hidden'; s.background = '#fafafa'; s.fontFamily = "'Roboto', sans-serif"; s.boxShadow = '0px 5px 20px #666'; dialog.appendChild(this.createH1_('Select your viewer')); for (var id in options) { dialog.appendChild(this.createChoice_(id, options[id].label)); } dialog.appendChild(this.createButton_('Save', this.onSave_.bind(this))); container.appendChild(overlay); container.appendChild(dialog); return container; }; ViewerSelector.prototype.createH1_ = function (name) { var h1 = document.createElement('h1'); var s = h1.style; s.color = 'black'; s.fontSize = '20px'; s.fontWeight = 'bold'; s.marginTop = 0; s.marginBottom = '24px'; h1.innerHTML = name; return h1; }; ViewerSelector.prototype.createChoice_ = function (id, name) { var div = document.createElement('div'); div.style.marginTop = '8px'; div.style.color = 'black'; var input = document.createElement('input'); input.style.fontSize = '30px'; input.setAttribute('id', id); input.setAttribute('type', 'radio'); input.setAttribute('value', id); input.setAttribute('name', 'field'); var label = document.createElement('label'); label.style.marginLeft = '4px'; label.setAttribute('for', id); label.innerHTML = name; div.appendChild(input); div.appendChild(label); return div; }; ViewerSelector.prototype.createButton_ = function (label, onclick) { var button = document.createElement('button'); button.innerHTML = label; var s = button.style; s.float = 'right'; s.textTransform = 'uppercase'; s.color = '#1094f7'; s.fontSize = '14px'; s.letterSpacing = 0; s.border = 0; s.background = 'none'; s.marginTop = '16px'; button.addEventListener('click', onclick); return button; }; var commonjsGlobal$$1 = typeof window !== 'undefined' ? window : typeof commonjsGlobal !== 'undefined' ? commonjsGlobal : typeof self !== 'undefined' ? self : {}; function unwrapExports$$1 (x) { return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x; } function createCommonjsModule$$1(fn, module) { return module = { exports: {} }, fn(module, module.exports), module.exports; } var NoSleep = createCommonjsModule$$1(function (module, exports) { (function webpackUniversalModuleDefinition(root, factory) { module.exports = factory(); })(commonjsGlobal$$1, function() { return (function(modules) { var installedModules = {}; function __webpack_require__(moduleId) { if(installedModules[moduleId]) { return installedModules[moduleId].exports; } var module = installedModules[moduleId] = { i: moduleId, l: false, exports: {} }; modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); module.l = true; return module.exports; } __webpack_require__.m = modules; __webpack_require__.c = installedModules; __webpack_require__.d = function(exports, name, getter) { if(!__webpack_require__.o(exports, name)) { Object.defineProperty(exports, name, { configurable: false, enumerable: true, get: getter }); } }; __webpack_require__.n = function(module) { var getter = module && module.__esModule ? function getDefault() { return module['default']; } : function getModuleExports() { return module; }; __webpack_require__.d(getter, 'a', getter); return getter; }; __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; __webpack_require__.p = ""; return __webpack_require__(__webpack_require__.s = 0); }) ([ (function(module, exports, __webpack_require__) { var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } var mediaFile = __webpack_require__(1); var oldIOS = typeof navigator !== 'undefined' && parseFloat(('' + (/CPU.*OS ([0-9_]{3,4})[0-9_]{0,1}|(CPU like).*AppleWebKit.*Mobile/i.exec(navigator.userAgent) || [0, ''])[1]).replace('undefined', '3_2').replace('_', '.').replace('_', '')) < 10 && !window.MSStream; var NoSleep = function () { function NoSleep() { _classCallCheck(this, NoSleep); if (oldIOS) { this.noSleepTimer = null; } else { this.noSleepVideo = document.createElement('video'); this.noSleepVideo.setAttribute('playsinline', ''); this.noSleepVideo.setAttribute('src', mediaFile); this.noSleepVideo.addEventListener('timeupdate', function (e) { if (this.noSleepVideo.currentTime > 0.5) { this.noSleepVideo.currentTime = Math.random(); } }.bind(this)); } } _createClass(NoSleep, [{ key: 'enable', value: function enable() { if (oldIOS) { this.disable(); this.noSleepTimer = window.setInterval(function () { window.location.href = '/'; window.setTimeout(window.stop, 0); }, 15000); } else { this.noSleepVideo.play(); } } }, { key: 'disable', value: function disable() { if (oldIOS) { if (this.noSleepTimer) { window.clearInterval(this.noSleepTimer); this.noSleepTimer = null; } } else { this.noSleepVideo.pause(); } } }]); return NoSleep; }(); module.exports = NoSleep; }), (function(module, exports, __webpack_require__) { module.exports = 'data:video/mp4;base64,AAAAIGZ0eXBtcDQyAAACAGlzb21pc28yYXZjMW1wNDEAAAAIZnJlZQAACKBtZGF0AAAC8wYF///v3EXpvebZSLeWLNgg2SPu73gyNjQgLSBjb3JlIDE0MiByMjQ3OSBkZDc5YTYxIC0gSC4yNjQvTVBFRy00IEFWQyBjb2RlYyAtIENvcHlsZWZ0IDIwMDMtMjAxNCAtIGh0dHA6Ly93d3cudmlkZW9sYW4ub3JnL3gyNjQuaHRtbCAtIG9wdGlvbnM6IGNhYmFjPTEgcmVmPTEgZGVibG9jaz0xOjA6MCBhbmFseXNlPTB4MToweDExMSBtZT1oZXggc3VibWU9MiBwc3k9MSBwc3lfcmQ9MS4wMDowLjAwIG1peGVkX3JlZj0wIG1lX3JhbmdlPTE2IGNocm9tYV9tZT0xIHRyZWxsaXM9MCA4eDhkY3Q9MCBjcW09MCBkZWFkem9uZT0yMSwxMSBmYXN0X3Bza2lwPTEgY2hyb21hX3FwX29mZnNldD0wIHRocmVhZHM9NiBsb29rYWhlYWRfdGhyZWFkcz0xIHNsaWNlZF90aHJlYWRzPTAgbnI9MCBkZWNpbWF0ZT0xIGludGVybGFjZWQ9MCBibHVyYXlfY29tcGF0PTAgY29uc3RyYWluZWRfaW50cmE9MCBiZnJhbWVzPTMgYl9weXJhbWlkPTIgYl9hZGFwdD0xIGJfYmlhcz0wIGRpcmVjdD0xIHdlaWdodGI9MSBvcGVuX2dvcD0wIHdlaWdodHA9MSBrZXlpbnQ9MzAwIGtleWludF9taW49MzAgc2NlbmVjdXQ9NDAgaW50cmFfcmVmcmVzaD0wIHJjX2xvb2thaGVhZD0xMCByYz1jcmYgbWJ0cmVlPTEgY3JmPTIwLjAgcWNvbXA9MC42MCBxcG1pbj0wIHFwbWF4PTY5IHFwc3RlcD00IHZidl9tYXhyYXRlPTIwMDAwIHZidl9idWZzaXplPTI1MDAwIGNyZl9tYXg9MC4wIG5hbF9ocmQ9bm9uZSBmaWxsZXI9MCBpcF9yYXRpbz0xLjQwIGFxPTE6MS4wMACAAAAAOWWIhAA3//p+C7v8tDDSTjf97w55i3SbRPO4ZY+hkjD5hbkAkL3zpJ6h/LR1CAABzgB1kqqzUorlhQAAAAxBmiQYhn/+qZYADLgAAAAJQZ5CQhX/AAj5IQADQGgcIQADQGgcAAAACQGeYUQn/wALKCEAA0BoHAAAAAkBnmNEJ/8ACykhAANAaBwhAANAaBwAAAANQZpoNExDP/6plgAMuSEAA0BoHAAAAAtBnoZFESwr/wAI+SEAA0BoHCEAA0BoHAAAAAkBnqVEJ/8ACykhAANAaBwAAAAJAZ6nRCf/AAsoIQADQGgcIQADQGgcAAAADUGarDRMQz/+qZYADLghAANAaBwAAAALQZ7KRRUsK/8ACPkhAANAaBwAAAAJAZ7pRCf/AAsoIQADQGgcIQADQGgcAAAACQGe60Qn/wALKCEAA0BoHAAAAA1BmvA0TEM//qmWAAy5IQADQGgcIQADQGgcAAAAC0GfDkUVLCv/AAj5IQADQGgcAAAACQGfLUQn/wALKSEAA0BoHCEAA0BoHAAAAAkBny9EJ/8ACyghAANAaBwAAAANQZs0NExDP/6plgAMuCEAA0BoHAAAAAtBn1JFFSwr/wAI+SEAA0BoHCEAA0BoHAAAAAkBn3FEJ/8ACyghAANAaBwAAAAJAZ9zRCf/AAsoIQADQGgcIQADQGgcAAAADUGbeDRMQz/+qZYADLkhAANAaBwAAAALQZ+WRRUsK/8ACPghAANAaBwhAANAaBwAAAAJAZ+1RCf/AAspIQADQGgcAAAACQGft0Qn/wALKSEAA0BoHCEAA0BoHAAAAA1Bm7w0TEM//qmWAAy4IQADQGgcAAAAC0Gf2kUVLCv/AAj5IQADQGgcAAAACQGf+UQn/wALKCEAA0BoHCEAA0BoHAAAAAkBn/tEJ/8ACykhAANAaBwAAAANQZvgNExDP/6plgAMuSEAA0BoHCEAA0BoHAAAAAtBnh5FFSwr/wAI+CEAA0BoHAAAAAkBnj1EJ/8ACyghAANAaBwhAANAaBwAAAAJAZ4/RCf/AAspIQADQGgcAAAADUGaJDRMQz/+qZYADLghAANAaBwAAAALQZ5CRRUsK/8ACPkhAANAaBwhAANAaBwAAAAJAZ5hRCf/AAsoIQADQGgcAAAACQGeY0Qn/wALKSEAA0BoHCEAA0BoHAAAAA1Bmmg0TEM//qmWAAy5IQADQGgcAAAAC0GehkUVLCv/AAj5IQADQGgcIQADQGgcAAAACQGepUQn/wALKSEAA0BoHAAAAAkBnqdEJ/8ACyghAANAaBwAAAANQZqsNExDP/6plgAMuCEAA0BoHCEAA0BoHAAAAAtBnspFFSwr/wAI+SEAA0BoHAAAAAkBnulEJ/8ACyghAANAaBwhAANAaBwAAAAJAZ7rRCf/AAsoIQADQGgcAAAADUGa8DRMQz/+qZYADLkhAANAaBwhAANAaBwAAAALQZ8ORRUsK/8ACPkhAANAaBwAAAAJAZ8tRCf/AAspIQADQGgcIQADQGgcAAAACQGfL0Qn/wALKCEAA0BoHAAAAA1BmzQ0TEM//qmWAAy4IQADQGgcAAAAC0GfUkUVLCv/AAj5IQADQGgcIQADQGgcAAAACQGfcUQn/wALKCEAA0BoHAAAAAkBn3NEJ/8ACyghAANAaBwhAANAaBwAAAANQZt4NExC//6plgAMuSEAA0BoHAAAAAtBn5ZFFSwr/wAI+CEAA0BoHCEAA0BoHAAAAAkBn7VEJ/8ACykhAANAaBwAAAAJAZ+3RCf/AAspIQADQGgcAAAADUGbuzRMQn/+nhAAYsAhAANAaBwhAANAaBwAAAAJQZ/aQhP/AAspIQADQGgcAAAACQGf+UQn/wALKCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHAAACiFtb292AAAAbG12aGQAAAAA1YCCX9WAgl8AAAPoAAAH/AABAAABAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAGGlvZHMAAAAAEICAgAcAT////v7/AAAF+XRyYWsAAABcdGtoZAAAAAPVgIJf1YCCXwAAAAEAAAAAAAAH0AAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAygAAAMoAAAAAACRlZHRzAAAAHGVsc3QAAAAAAAAAAQAAB9AAABdwAAEAAAAABXFtZGlhAAAAIG1kaGQAAAAA1YCCX9WAgl8AAV+QAAK/IFXEAAAAAAAtaGRscgAAAAAAAAAAdmlkZQAAAAAAAAAAAAAAAFZpZGVvSGFuZGxlcgAAAAUcbWluZgAAABR2bWhkAAAAAQAAAAAAAAAAAAAAJGRpbmYAAAAcZHJlZgAAAAAAAAABAAAADHVybCAAAAABAAAE3HN0YmwAAACYc3RzZAAAAAAAAAABAAAAiGF2YzEAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAygDKAEgAAABIAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAY//8AAAAyYXZjQwFNQCj/4QAbZ01AKOyho3ySTUBAQFAAAAMAEAAr8gDxgxlgAQAEaO+G8gAAABhzdHRzAAAAAAAAAAEAAAA8AAALuAAAABRzdHNzAAAAAAAAAAEAAAABAAAB8GN0dHMAAAAAAAAAPAAAAAEAABdwAAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAAC7gAAAAAQAAF3AAAAABAAAAAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAQAAAAEAAAEEc3RzegAAAAAAAAAAAAAAPAAAAzQAAAAQAAAADQAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAANAAAADQAAAQBzdGNvAAAAAAAAADwAAAAwAAADZAAAA3QAAAONAAADoAAAA7kAAAPQAAAD6wAAA/4AAAQXAAAELgAABEMAAARcAAAEbwAABIwAAAShAAAEugAABM0AAATkAAAE/wAABRIAAAUrAAAFQgAABV0AAAVwAAAFiQAABaAAAAW1AAAFzgAABeEAAAX+AAAGEwAABiwAAAY/AAAGVgAABnEAAAaEAAAGnQAABrQAAAbPAAAG4gAABvUAAAcSAAAHJwAAB0AAAAdTAAAHcAAAB4UAAAeeAAAHsQAAB8gAAAfjAAAH9gAACA8AAAgmAAAIQQAACFQAAAhnAAAIhAAACJcAAAMsdHJhawAAAFx0a2hkAAAAA9WAgl/VgIJfAAAAAgAAAAAAAAf8AAAAAAAAAAAAAAABAQAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAACsm1kaWEAAAAgbWRoZAAAAADVgIJf1YCCXwAArEQAAWAAVcQAAAAAACdoZGxyAAAAAAAAAABzb3VuAAAAAAAAAAAAAAAAU3RlcmVvAAAAAmNtaW5mAAAAEHNtaGQAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAAidzdGJsAAAAZ3N0c2QAAAAAAAAAAQAAAFdtcDRhAAAAAAAAAAEAAAAAAAAAAAACABAAAAAArEQAAAAAADNlc2RzAAAAAAOAgIAiAAIABICAgBRAFQAAAAADDUAAAAAABYCAgAISEAaAgIABAgAAABhzdHRzAAAAAAAAAAEAAABYAAAEAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAQAAAAEAAAAUc3RzegAAAAAAAAAGAAAAWAAAAXBzdGNvAAAAAAAAAFgAAAOBAAADhwAAA5oAAAOtAAADswAAA8oAAAPfAAAD5QAAA/gAAAQLAAAEEQAABCgAAAQ9AAAEUAAABFYAAARpAAAEgAAABIYAAASbAAAErgAABLQAAATHAAAE3gAABPMAAAT5AAAFDAAABR8AAAUlAAAFPAAABVEAAAVXAAAFagAABX0AAAWDAAAFmgAABa8AAAXCAAAFyAAABdsAAAXyAAAF+AAABg0AAAYgAAAGJgAABjkAAAZQAAAGZQAABmsAAAZ+AAAGkQAABpcAAAauAAAGwwAABskAAAbcAAAG7wAABwYAAAcMAAAHIQAABzQAAAc6AAAHTQAAB2QAAAdqAAAHfwAAB5IAAAeYAAAHqwAAB8IAAAfXAAAH3QAAB/AAAAgDAAAICQAACCAAAAg1AAAIOwAACE4AAAhhAAAIeAAACH4AAAiRAAAIpAAACKoAAAiwAAAItgAACLwAAAjCAAAAFnVkdGEAAAAObmFtZVN0ZXJlbwAAAHB1ZHRhAAAAaG1ldGEAAAAAAAAAIWhkbHIAAAAAAAAAAG1kaXJhcHBsAAAAAAAAAAAAAAAAO2lsc3QAAAAzqXRvbwAAACtkYXRhAAAAAQAAAABIYW5kQnJha2UgMC4xMC4yIDIwMTUwNjExMDA='; }) ]); }); }); var NoSleep$1 = unwrapExports$$1(NoSleep); var nextDisplayId = 1000; var defaultLeftBounds = [0, 0, 0.5, 1]; var defaultRightBounds = [0.5, 0, 0.5, 1]; var raf = window.requestAnimationFrame; var caf = window.cancelAnimationFrame; function VRFrameData() { this.leftProjectionMatrix = new Float32Array(16); this.leftViewMatrix = new Float32Array(16); this.rightProjectionMatrix = new Float32Array(16); this.rightViewMatrix = new Float32Array(16); this.pose = null; } function VRDisplayCapabilities(config) { Object.defineProperties(this, { hasPosition: { writable: false, enumerable: true, value: config.hasPosition }, hasExternalDisplay: { writable: false, enumerable: true, value: config.hasExternalDisplay }, canPresent: { writable: false, enumerable: true, value: config.canPresent }, maxLayers: { writable: false, enumerable: true, value: config.maxLayers }, hasOrientation: { enumerable: true, get: function get() { deprecateWarning('VRDisplayCapabilities.prototype.hasOrientation', 'VRDisplay.prototype.getFrameData'); return config.hasOrientation; } } }); } function VRDisplay(config) { config = config || {}; var USE_WAKELOCK = 'wakelock' in config ? config.wakelock : true; this.isPolyfilled = true; this.displayId = nextDisplayId++; this.displayName = ''; this.depthNear = 0.01; this.depthFar = 10000.0; this.isPresenting = false; Object.defineProperty(this, 'isConnected', { get: function get() { deprecateWarning('VRDisplay.prototype.isConnected', 'VRDisplayCapabilities.prototype.hasExternalDisplay'); return false; } }); this.capabilities = new VRDisplayCapabilities({ hasPosition: false, hasOrientation: false, hasExternalDisplay: false, canPresent: false, maxLayers: 1 }); this.stageParameters = null; this.waitingForPresent_ = false; this.layer_ = null; this.originalParent_ = null; this.fullscreenElement_ = null; this.fullscreenWrapper_ = null; this.fullscreenElementCachedStyle_ = null; this.fullscreenEventTarget_ = null; this.fullscreenChangeHandler_ = null; this.fullscreenErrorHandler_ = null; if (USE_WAKELOCK && isMobile()) { this.wakelock_ = new NoSleep$1(); } } VRDisplay.prototype.getFrameData = function (frameData) { return frameDataFromPose(frameData, this._getPose(), this); }; VRDisplay.prototype.getPose = function () { deprecateWarning('VRDisplay.prototype.getPose', 'VRDisplay.prototype.getFrameData'); return this._getPose(); }; VRDisplay.prototype.resetPose = function () { deprecateWarning('VRDisplay.prototype.resetPose'); return this._resetPose(); }; VRDisplay.prototype.getImmediatePose = function () { deprecateWarning('VRDisplay.prototype.getImmediatePose', 'VRDisplay.prototype.getFrameData'); return this._getPose(); }; VRDisplay.prototype.requestAnimationFrame = function (callback) { return raf(callback); }; VRDisplay.prototype.cancelAnimationFrame = function (id) { return caf(id); }; VRDisplay.prototype.wrapForFullscreen = function (element) { if (isIOS()) { return element; } if (!this.fullscreenWrapper_) { this.fullscreenWrapper_ = document.createElement('div'); var cssProperties = ['height: ' + Math.min(screen.height, screen.width) + 'px !important', 'top: 0 !important', 'left: 0 !important', 'right: 0 !important', 'border: 0', 'margin: 0', 'padding: 0', 'z-index: 999999 !important', 'position: fixed']; this.fullscreenWrapper_.setAttribute('style', cssProperties.join('; ') + ';'); this.fullscreenWrapper_.classList.add('webvr-polyfill-fullscreen-wrapper'); } if (this.fullscreenElement_ == element) { return this.fullscreenWrapper_; } if (this.fullscreenElement_) { if (this.originalParent_) { this.originalParent_.appendChild(this.fullscreenElement_); } else { this.fullscreenElement_.parentElement.removeChild(this.fullscreenElement_); } } this.fullscreenElement_ = element; this.originalParent_ = element.parentElement; if (!this.originalParent_) { document.body.appendChild(element); } if (!this.fullscreenWrapper_.parentElement) { var parent = this.fullscreenElement_.parentElement; parent.insertBefore(this.fullscreenWrapper_, this.fullscreenElement_); parent.removeChild(this.fullscreenElement_); } this.fullscreenWrapper_.insertBefore(this.fullscreenElement_, this.fullscreenWrapper_.firstChild); this.fullscreenElementCachedStyle_ = this.fullscreenElement_.getAttribute('style'); var self = this; function applyFullscreenElementStyle() { if (!self.fullscreenElement_) { return; } var cssProperties = ['position: absolute', 'top: 0', 'left: 0', 'width: ' + Math.max(screen.width, screen.height) + 'px', 'height: ' + Math.min(screen.height, screen.width) + 'px', 'border: 0', 'margin: 0', 'padding: 0']; self.fullscreenElement_.setAttribute('style', cssProperties.join('; ') + ';'); } applyFullscreenElementStyle(); return this.fullscreenWrapper_; }; VRDisplay.prototype.removeFullscreenWrapper = function () { if (!this.fullscreenElement_) { return; } var element = this.fullscreenElement_; if (this.fullscreenElementCachedStyle_) { element.setAttribute('style', this.fullscreenElementCachedStyle_); } else { element.removeAttribute('style'); } this.fullscreenElement_ = null; this.fullscreenElementCachedStyle_ = null; var parent = this.fullscreenWrapper_.parentElement; this.fullscreenWrapper_.removeChild(element); if (this.originalParent_ === parent) { parent.insertBefore(element, this.fullscreenWrapper_); } else if (this.originalParent_) { this.originalParent_.appendChild(element); } parent.removeChild(this.fullscreenWrapper_); return element; }; VRDisplay.prototype.requestPresent = function (layers) { var wasPresenting = this.isPresenting; var self = this; if (!(layers instanceof Array)) { deprecateWarning('VRDisplay.prototype.requestPresent with non-array argument', 'an array of VRLayers as the first argument'); layers = [layers]; } return new Promise(function (resolve, reject) { if (!self.capabilities.canPresent) { reject(new Error('VRDisplay is not capable of presenting.')); return; } if (layers.length == 0 || layers.length > self.capabilities.maxLayers) { reject(new Error('Invalid number of layers.')); return; } var incomingLayer = layers[0]; if (!incomingLayer.source) { resolve(); return; } var leftBounds = incomingLayer.leftBounds || defaultLeftBounds; var rightBounds = incomingLayer.rightBounds || defaultRightBounds; if (wasPresenting) { var layer = self.layer_; if (layer.source !== incomingLayer.source) { layer.source = incomingLayer.source; } for (var i = 0; i < 4; i++) { layer.leftBounds[i] = leftBounds[i]; layer.rightBounds[i] = rightBounds[i]; } self.wrapForFullscreen(self.layer_.source); self.updatePresent_(); resolve(); return; } self.layer_ = { predistorted: incomingLayer.predistorted, source: incomingLayer.source, leftBounds: leftBounds.slice(0), rightBounds: rightBounds.slice(0) }; self.waitingForPresent_ = false; if (self.layer_ && self.layer_.source) { var fullscreenElement = self.wrapForFullscreen(self.layer_.source); var onFullscreenChange = function onFullscreenChange() { var actualFullscreenElement = getFullscreenElement(); self.isPresenting = fullscreenElement === actualFullscreenElement; if (self.isPresenting) { if (screen.orientation && screen.orientation.lock) { screen.orientation.lock('landscape-primary').catch(function (error) { console.error('screen.orientation.lock() failed due to', error.message); }); } self.waitingForPresent_ = false; self.beginPresent_(); resolve(); } else { if (screen.orientation && screen.orientation.unlock) { screen.orientation.unlock(); } self.removeFullscreenWrapper(); self.disableWakeLock(); self.endPresent_(); self.removeFullscreenListeners_(); } self.fireVRDisplayPresentChange_(); }; var onFullscreenError = function onFullscreenError() { if (!self.waitingForPresent_) { return; } self.removeFullscreenWrapper(); self.removeFullscreenListeners_(); self.disableWakeLock(); self.waitingForPresent_ = false; self.isPresenting = false; reject(new Error('Unable to present.')); }; self.addFullscreenListeners_(fullscreenElement, onFullscreenChange, onFullscreenError); if (requestFullscreen(fullscreenElement)) { self.enableWakeLock(); self.waitingForPresent_ = true; } else if (isIOS() || isWebViewAndroid()) { self.enableWakeLock(); self.isPresenting = true; self.beginPresent_(); self.fireVRDisplayPresentChange_(); resolve(); } } if (!self.waitingForPresent_ && !isIOS()) { exitFullscreen(); reject(new Error('Unable to present.')); } }); }; VRDisplay.prototype.exitPresent = function () { var wasPresenting = this.isPresenting; var self = this; this.isPresenting = false; this.layer_ = null; this.disableWakeLock(); return new Promise(function (resolve, reject) { if (wasPresenting) { if (!exitFullscreen() && isIOS()) { self.endPresent_(); self.fireVRDisplayPresentChange_(); } if (isWebViewAndroid()) { self.removeFullscreenWrapper(); self.removeFullscreenListeners_(); self.endPresent_(); self.fireVRDisplayPresentChange_(); } resolve(); } else { reject(new Error('Was not presenting to VRDisplay.')); } }); }; VRDisplay.prototype.getLayers = function () { if (this.layer_) { return [this.layer_]; } return []; }; VRDisplay.prototype.fireVRDisplayPresentChange_ = function () { var event = new CustomEvent('vrdisplaypresentchange', { detail: { display: this } }); window.dispatchEvent(event); }; VRDisplay.prototype.fireVRDisplayConnect_ = function () { var event = new CustomEvent('vrdisplayconnect', { detail: { display: this } }); window.dispatchEvent(event); }; VRDisplay.prototype.addFullscreenListeners_ = function (element, changeHandler, errorHandler) { this.removeFullscreenListeners_(); this.fullscreenEventTarget_ = element; this.fullscreenChangeHandler_ = changeHandler; this.fullscreenErrorHandler_ = errorHandler; if (changeHandler) { if (document.fullscreenEnabled) { element.addEventListener('fullscreenchange', changeHandler, false); } else if (document.webkitFullscreenEnabled) { element.addEventListener('webkitfullscreenchange', changeHandler, false); } else if (document.mozFullScreenEnabled) { document.addEventListener('mozfullscreenchange', changeHandler, false); } else if (document.msFullscreenEnabled) { element.addEventListener('msfullscreenchange', changeHandler, false); } } if (errorHandler) { if (document.fullscreenEnabled) { element.addEventListener('fullscreenerror', errorHandler, false); } else if (document.webkitFullscreenEnabled) { element.addEventListener('webkitfullscreenerror', errorHandler, false); } else if (document.mozFullScreenEnabled) { document.addEventListener('mozfullscreenerror', errorHandler, false); } else if (document.msFullscreenEnabled) { element.addEventListener('msfullscreenerror', errorHandler, false); } } }; VRDisplay.prototype.removeFullscreenListeners_ = function () { if (!this.fullscreenEventTarget_) return; var element = this.fullscreenEventTarget_; if (this.fullscreenChangeHandler_) { var changeHandler = this.fullscreenChangeHandler_; element.removeEventListener('fullscreenchange', changeHandler, false); element.removeEventListener('webkitfullscreenchange', changeHandler, false); document.removeEventListener('mozfullscreenchange', changeHandler, false); element.removeEventListener('msfullscreenchange', changeHandler, false); } if (this.fullscreenErrorHandler_) { var errorHandler = this.fullscreenErrorHandler_; element.removeEventListener('fullscreenerror', errorHandler, false); element.removeEventListener('webkitfullscreenerror', errorHandler, false); document.removeEventListener('mozfullscreenerror', errorHandler, false); element.removeEventListener('msfullscreenerror', errorHandler, false); } this.fullscreenEventTarget_ = null; this.fullscreenChangeHandler_ = null; this.fullscreenErrorHandler_ = null; }; VRDisplay.prototype.enableWakeLock = function () { if (this.wakelock_) { this.wakelock_.enable(); } }; VRDisplay.prototype.disableWakeLock = function () { if (this.wakelock_) { this.wakelock_.disable(); } }; VRDisplay.prototype.beginPresent_ = function () { }; VRDisplay.prototype.endPresent_ = function () { }; VRDisplay.prototype.submitFrame = function (pose) { }; VRDisplay.prototype.getEyeParameters = function (whichEye) { return null; }; var config = { ADDITIONAL_VIEWERS: [], DEFAULT_VIEWER: '', MOBILE_WAKE_LOCK: true, DEBUG: false, DPDB_URL: 'https://dpdb.webvr.rocks/dpdb.json', K_FILTER: 0.98, PREDICTION_TIME_S: 0.040, CARDBOARD_UI_DISABLED: false, ROTATE_INSTRUCTIONS_DISABLED: false, YAW_ONLY: false, BUFFER_SCALE: 0.5, DIRTY_SUBMIT_FRAME_BINDINGS: false }; var Eye = { LEFT: 'left', RIGHT: 'right' }; function CardboardVRDisplay(config$$1) { var defaults = extend({}, config); config$$1 = extend(defaults, config$$1 || {}); VRDisplay.call(this, { wakelock: config$$1.MOBILE_WAKE_LOCK }); this.config = config$$1; this.displayName = 'Cardboard VRDisplay'; this.capabilities = new VRDisplayCapabilities({ hasPosition: false, hasOrientation: true, hasExternalDisplay: false, canPresent: true, maxLayers: 1 }); this.stageParameters = null; this.bufferScale_ = this.config.BUFFER_SCALE; this.poseSensor_ = new PoseSensor(this.config); this.distorter_ = null; this.cardboardUI_ = null; this.dpdb_ = new Dpdb(this.config.DPDB_URL, this.onDeviceParamsUpdated_.bind(this)); this.deviceInfo_ = new DeviceInfo(this.dpdb_.getDeviceParams(), config$$1.ADDITIONAL_VIEWERS); this.viewerSelector_ = new ViewerSelector(config$$1.DEFAULT_VIEWER); this.viewerSelector_.onChange(this.onViewerChanged_.bind(this)); this.deviceInfo_.setViewer(this.viewerSelector_.getCurrentViewer()); if (!this.config.ROTATE_INSTRUCTIONS_DISABLED) { this.rotateInstructions_ = new RotateInstructions(); } if (isIOS()) { window.addEventListener('resize', this.onResize_.bind(this)); } } CardboardVRDisplay.prototype = Object.create(VRDisplay.prototype); CardboardVRDisplay.prototype._getPose = function () { return { position: null, orientation: this.poseSensor_.getOrientation(), linearVelocity: null, linearAcceleration: null, angularVelocity: null, angularAcceleration: null }; }; CardboardVRDisplay.prototype._resetPose = function () { if (this.poseSensor_.resetPose) { this.poseSensor_.resetPose(); } }; CardboardVRDisplay.prototype._getFieldOfView = function (whichEye) { var fieldOfView; if (whichEye == Eye.LEFT) { fieldOfView = this.deviceInfo_.getFieldOfViewLeftEye(); } else if (whichEye == Eye.RIGHT) { fieldOfView = this.deviceInfo_.getFieldOfViewRightEye(); } else { console.error('Invalid eye provided: %s', whichEye); return null; } return fieldOfView; }; CardboardVRDisplay.prototype._getEyeOffset = function (whichEye) { var offset; if (whichEye == Eye.LEFT) { offset = [-this.deviceInfo_.viewer.interLensDistance * 0.5, 0.0, 0.0]; } else if (whichEye == Eye.RIGHT) { offset = [this.deviceInfo_.viewer.interLensDistance * 0.5, 0.0, 0.0]; } else { console.error('Invalid eye provided: %s', whichEye); return null; } return offset; }; CardboardVRDisplay.prototype.getEyeParameters = function (whichEye) { var offset = this._getEyeOffset(whichEye); var fieldOfView = this._getFieldOfView(whichEye); var eyeParams = { offset: offset, renderWidth: this.deviceInfo_.device.width * 0.5 * this.bufferScale_, renderHeight: this.deviceInfo_.device.height * this.bufferScale_ }; Object.defineProperty(eyeParams, 'fieldOfView', { enumerable: true, get: function get() { deprecateWarning('VRFieldOfView', 'VRFrameData\'s projection matrices'); return fieldOfView; } }); return eyeParams; }; CardboardVRDisplay.prototype.onDeviceParamsUpdated_ = function (newParams) { if (this.config.DEBUG) { console.log('DPDB reported that device params were updated.'); } this.deviceInfo_.updateDeviceParams(newParams); if (this.distorter_) { this.distorter_.updateDeviceInfo(this.deviceInfo_); } }; CardboardVRDisplay.prototype.updateBounds_ = function () { if (this.layer_ && this.distorter_ && (this.layer_.leftBounds || this.layer_.rightBounds)) { this.distorter_.setTextureBounds(this.layer_.leftBounds, this.layer_.rightBounds); } }; CardboardVRDisplay.prototype.beginPresent_ = function () { var gl = this.layer_.source.getContext('webgl'); if (!gl) gl = this.layer_.source.getContext('experimental-webgl'); if (!gl) gl = this.layer_.source.getContext('webgl2'); if (!gl) return; if (this.layer_.predistorted) { if (!this.config.CARDBOARD_UI_DISABLED) { gl.canvas.width = getScreenWidth() * this.bufferScale_; gl.canvas.height = getScreenHeight() * this.bufferScale_; this.cardboardUI_ = new CardboardUI(gl); } } else { if (!this.config.CARDBOARD_UI_DISABLED) { this.cardboardUI_ = new CardboardUI(gl); } this.distorter_ = new CardboardDistorter(gl, this.cardboardUI_, this.config.BUFFER_SCALE, this.config.DIRTY_SUBMIT_FRAME_BINDINGS); this.distorter_.updateDeviceInfo(this.deviceInfo_); } if (this.cardboardUI_) { this.cardboardUI_.listen(function (e) { this.viewerSelector_.show(this.layer_.source.parentElement); e.stopPropagation(); e.preventDefault(); }.bind(this), function (e) { this.exitPresent(); e.stopPropagation(); e.preventDefault(); }.bind(this)); } if (this.rotateInstructions_) { if (isLandscapeMode() && isMobile()) { this.rotateInstructions_.showTemporarily(3000, this.layer_.source.parentElement); } else { this.rotateInstructions_.update(); } } this.orientationHandler = this.onOrientationChange_.bind(this); window.addEventListener('orientationchange', this.orientationHandler); this.vrdisplaypresentchangeHandler = this.updateBounds_.bind(this); window.addEventListener('vrdisplaypresentchange', this.vrdisplaypresentchangeHandler); this.fireVRDisplayDeviceParamsChange_(); }; CardboardVRDisplay.prototype.endPresent_ = function () { if (this.distorter_) { this.distorter_.destroy(); this.distorter_ = null; } if (this.cardboardUI_) { this.cardboardUI_.destroy(); this.cardboardUI_ = null; } if (this.rotateInstructions_) { this.rotateInstructions_.hide(); } this.viewerSelector_.hide(); window.removeEventListener('orientationchange', this.orientationHandler); window.removeEventListener('vrdisplaypresentchange', this.vrdisplaypresentchangeHandler); }; CardboardVRDisplay.prototype.updatePresent_ = function () { this.endPresent_(); this.beginPresent_(); }; CardboardVRDisplay.prototype.submitFrame = function (pose) { if (this.distorter_) { this.updateBounds_(); this.distorter_.submitFrame(); } else if (this.cardboardUI_ && this.layer_) { var gl = this.layer_.source.getContext('webgl'); if (!gl) gl = this.layer_.source.getContext('experimental-webgl'); if (!gl) gl = this.layer_.source.getContext('webgl2'); var canvas = gl.canvas; if (canvas.width != this.lastWidth || canvas.height != this.lastHeight) { this.cardboardUI_.onResize(); } this.lastWidth = canvas.width; this.lastHeight = canvas.height; this.cardboardUI_.render(); } }; CardboardVRDisplay.prototype.onOrientationChange_ = function (e) { this.viewerSelector_.hide(); if (this.rotateInstructions_) { this.rotateInstructions_.update(); } this.onResize_(); }; CardboardVRDisplay.prototype.onResize_ = function (e) { if (this.layer_) { var gl = this.layer_.source.getContext('webgl'); if (!gl) gl = this.layer_.source.getContext('experimental-webgl'); if (!gl) gl = this.layer_.source.getContext('webgl2'); var cssProperties = ['position: absolute', 'top: 0', 'left: 0', 'width: 100vw', 'height: 100vh', 'border: 0', 'margin: 0', 'padding: 0px', 'box-sizing: content-box']; gl.canvas.setAttribute('style', cssProperties.join('; ') + ';'); safariCssSizeWorkaround(gl.canvas); } }; CardboardVRDisplay.prototype.onViewerChanged_ = function (viewer) { this.deviceInfo_.setViewer(viewer); if (this.distorter_) { this.distorter_.updateDeviceInfo(this.deviceInfo_); } this.fireVRDisplayDeviceParamsChange_(); }; CardboardVRDisplay.prototype.fireVRDisplayDeviceParamsChange_ = function () { var event = new CustomEvent('vrdisplaydeviceparamschange', { detail: { vrdisplay: this, deviceInfo: this.deviceInfo_ } }); window.dispatchEvent(event); }; CardboardVRDisplay.VRFrameData = VRFrameData; CardboardVRDisplay.VRDisplay = VRDisplay; return CardboardVRDisplay; }))); }); var CardboardVRDisplay = unwrapExports(cardboardVrDisplay); var version = "0.10.12"; var DefaultConfig = { ADDITIONAL_VIEWERS: [], DEFAULT_VIEWER: '', PROVIDE_MOBILE_VRDISPLAY: true, MOBILE_WAKE_LOCK: true, DEBUG: false, DPDB_URL: 'https://dpdb.webvr.rocks/dpdb.json', K_FILTER: 0.98, PREDICTION_TIME_S: 0.040, CARDBOARD_UI_DISABLED: false, ROTATE_INSTRUCTIONS_DISABLED: false, YAW_ONLY: false, BUFFER_SCALE: 0.5, DIRTY_SUBMIT_FRAME_BINDINGS: false }; function WebVRPolyfill(config) { this.config = extend(extend({}, DefaultConfig), config); this.polyfillDisplays = []; this.enabled = false; this.hasNative = 'getVRDisplays' in navigator; this.native = {}; this.native.getVRDisplays = navigator.getVRDisplays; this.native.VRFrameData = window.VRFrameData; this.native.VRDisplay = window.VRDisplay; if (!this.hasNative || this.config.PROVIDE_MOBILE_VRDISPLAY && isMobile()) { this.enable(); this.getVRDisplays().then(function (displays) { if (displays && displays[0] && displays[0].fireVRDisplayConnect_) { displays[0].fireVRDisplayConnect_(); } }); } } WebVRPolyfill.prototype.getPolyfillDisplays = function () { if (this._polyfillDisplaysPopulated) { return this.polyfillDisplays; } if (isMobile()) { var vrDisplay = new CardboardVRDisplay({ ADDITIONAL_VIEWERS: this.config.ADDITIONAL_VIEWERS, DEFAULT_VIEWER: this.config.DEFAULT_VIEWER, MOBILE_WAKE_LOCK: this.config.MOBILE_WAKE_LOCK, DEBUG: this.config.DEBUG, DPDB_URL: this.config.DPDB_URL, CARDBOARD_UI_DISABLED: this.config.CARDBOARD_UI_DISABLED, K_FILTER: this.config.K_FILTER, PREDICTION_TIME_S: this.config.PREDICTION_TIME_S, ROTATE_INSTRUCTIONS_DISABLED: this.config.ROTATE_INSTRUCTIONS_DISABLED, YAW_ONLY: this.config.YAW_ONLY, BUFFER_SCALE: this.config.BUFFER_SCALE, DIRTY_SUBMIT_FRAME_BINDINGS: this.config.DIRTY_SUBMIT_FRAME_BINDINGS }); this.polyfillDisplays.push(vrDisplay); } this._polyfillDisplaysPopulated = true; return this.polyfillDisplays; }; WebVRPolyfill.prototype.enable = function () { this.enabled = true; if (this.hasNative && this.native.VRFrameData) { var NativeVRFrameData = this.native.VRFrameData; var nativeFrameData = new this.native.VRFrameData(); var nativeGetFrameData = this.native.VRDisplay.prototype.getFrameData; window.VRDisplay.prototype.getFrameData = function (frameData) { if (frameData instanceof NativeVRFrameData) { nativeGetFrameData.call(this, frameData); return; } nativeGetFrameData.call(this, nativeFrameData); frameData.pose = nativeFrameData.pose; copyArray(nativeFrameData.leftProjectionMatrix, frameData.leftProjectionMatrix); copyArray(nativeFrameData.rightProjectionMatrix, frameData.rightProjectionMatrix); copyArray(nativeFrameData.leftViewMatrix, frameData.leftViewMatrix); copyArray(nativeFrameData.rightViewMatrix, frameData.rightViewMatrix); }; } navigator.getVRDisplays = this.getVRDisplays.bind(this); window.VRDisplay = CardboardVRDisplay.VRDisplay; window.VRFrameData = CardboardVRDisplay.VRFrameData; }; WebVRPolyfill.prototype.getVRDisplays = function () { var _this = this; var config = this.config; if (!this.hasNative) { return Promise.resolve(this.getPolyfillDisplays()); } return this.native.getVRDisplays.call(navigator).then(function (nativeDisplays) { return nativeDisplays.length > 0 ? nativeDisplays : _this.getPolyfillDisplays(); }); }; WebVRPolyfill.version = version; WebVRPolyfill.VRFrameData = CardboardVRDisplay.VRFrameData; WebVRPolyfill.VRDisplay = CardboardVRDisplay.VRDisplay; var webvrPolyfill = Object.freeze({ default: WebVRPolyfill }); var require$$0 = ( webvrPolyfill && WebVRPolyfill ) || webvrPolyfill; if (typeof commonjsGlobal !== 'undefined' && commonjsGlobal.window) { if (!commonjsGlobal.document) { commonjsGlobal.document = commonjsGlobal.window.document; } if (!commonjsGlobal.navigator) { commonjsGlobal.navigator = commonjsGlobal.window.navigator; } } var src = require$$0; return src; }))); }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}) },{}],51:[function(_dereq_,module,exports){ var newline = /\n/ var newlineChar = '\n' var whitespace = /\s/ module.exports = function(text, opt) { var lines = module.exports.lines(text, opt) return lines.map(function(line) { return text.substring(line.start, line.end) }).join('\n') } module.exports.lines = function wordwrap(text, opt) { opt = opt||{} //zero width results in nothing visible if (opt.width === 0 && opt.mode !== 'nowrap') return [] text = text||'' var width = typeof opt.width === 'number' ? opt.width : Number.MAX_VALUE var start = Math.max(0, opt.start||0) var end = typeof opt.end === 'number' ? opt.end : text.length var mode = opt.mode var measure = opt.measure || monospace if (mode === 'pre') return pre(measure, text, start, end, width) else return greedy(measure, text, start, end, width, mode) } function idxOf(text, chr, start, end) { var idx = text.indexOf(chr, start) if (idx === -1 || idx > end) return end return idx } function isWhitespace(chr) { return whitespace.test(chr) } function pre(measure, text, start, end, width) { var lines = [] var lineStart = start for (var i=start; i<end && i<text.length; i++) { var chr = text.charAt(i) var isNewline = newline.test(chr) //If we've reached a newline, then step down a line //Or if we've reached the EOF if (isNewline || i===end-1) { var lineEnd = isNewline ? i : i+1 var measured = measure(text, lineStart, lineEnd, width) lines.push(measured) lineStart = i+1 } } return lines } function greedy(measure, text, start, end, width, mode) { //A greedy word wrapper based on LibGDX algorithm //https://github.com/libgdx/libgdx/blob/master/gdx/src/com/badlogic/gdx/graphics/g2d/BitmapFontCache.java var lines = [] var testWidth = width //if 'nowrap' is specified, we only wrap on newline chars if (mode === 'nowrap') testWidth = Number.MAX_VALUE while (start < end && start < text.length) { //get next newline position var newLine = idxOf(text, newlineChar, start, end) //eat whitespace at start of line while (start < newLine) { if (!isWhitespace( text.charAt(start) )) break start++ } //determine visible # of glyphs for the available width var measured = measure(text, start, newLine, testWidth) var lineEnd = start + (measured.end-measured.start) var nextStart = lineEnd + newlineChar.length //if we had to cut the line before the next newline... if (lineEnd < newLine) { //find char to break on while (lineEnd > start) { if (isWhitespace(text.charAt(lineEnd))) break lineEnd-- } if (lineEnd === start) { if (nextStart > start + newlineChar.length) nextStart-- lineEnd = nextStart // If no characters to break, show all. } else { nextStart = lineEnd //eat whitespace at end of line while (lineEnd > start) { if (!isWhitespace(text.charAt(lineEnd - newlineChar.length))) break lineEnd-- } } } if (lineEnd >= start) { var result = measure(text, start, lineEnd, testWidth) lines.push(result) } start = nextStart } return lines } //determines the visible number of glyphs within a given width function monospace(text, start, end, width) { var glyphs = Math.min(width, end-start) return { start: start, end: start+glyphs } } },{}],52:[function(_dereq_,module,exports){ "use strict"; var window = _dereq_("global/window") var isFunction = _dereq_("is-function") var parseHeaders = _dereq_("parse-headers") var xtend = _dereq_("xtend") module.exports = createXHR // Allow use of default import syntax in TypeScript module.exports.default = createXHR; createXHR.XMLHttpRequest = window.XMLHttpRequest || noop createXHR.XDomainRequest = "withCredentials" in (new createXHR.XMLHttpRequest()) ? createXHR.XMLHttpRequest : window.XDomainRequest forEachArray(["get", "put", "post", "patch", "head", "delete"], function(method) { createXHR[method === "delete" ? "del" : method] = function(uri, options, callback) { options = initParams(uri, options, callback) options.method = method.toUpperCase() return _createXHR(options) } }) function forEachArray(array, iterator) { for (var i = 0; i < array.length; i++) { iterator(array[i]) } } function isEmpty(obj){ for(var i in obj){ if(obj.hasOwnProperty(i)) return false } return true } function initParams(uri, options, callback) { var params = uri if (isFunction(options)) { callback = options if (typeof uri === "string") { params = {uri:uri} } } else { params = xtend(options, {uri: uri}) } params.callback = callback return params } function createXHR(uri, options, callback) { options = initParams(uri, options, callback) return _createXHR(options) } function _createXHR(options) { if(typeof options.callback === "undefined"){ throw new Error("callback argument missing") } var called = false var callback = function cbOnce(err, response, body){ if(!called){ called = true options.callback(err, response, body) } } function readystatechange() { if (xhr.readyState === 4) { setTimeout(loadFunc, 0) } } function getBody() { // Chrome with requestType=blob throws errors arround when even testing access to responseText var body = undefined if (xhr.response) { body = xhr.response } else { body = xhr.responseText || getXml(xhr) } if (isJson) { try { body = JSON.parse(body) } catch (e) {} } return body } function errorFunc(evt) { clearTimeout(timeoutTimer) if(!(evt instanceof Error)){ evt = new Error("" + (evt || "Unknown XMLHttpRequest Error") ) } evt.statusCode = 0 return callback(evt, failureResponse) } // will load the data & process the response in a special response object function loadFunc() { if (aborted) return var status clearTimeout(timeoutTimer) if(options.useXDR && xhr.status===undefined) { //IE8 CORS GET successful response doesn't have a status field, but body is fine status = 200 } else { status = (xhr.status === 1223 ? 204 : xhr.status) } var response = failureResponse var err = null if (status !== 0){ response = { body: getBody(), statusCode: status, method: method, headers: {}, url: uri, rawRequest: xhr } if(xhr.getAllResponseHeaders){ //remember xhr can in fact be XDR for CORS in IE response.headers = parseHeaders(xhr.getAllResponseHeaders()) } } else { err = new Error("Internal XMLHttpRequest Error") } return callback(err, response, response.body) } var xhr = options.xhr || null if (!xhr) { if (options.cors || options.useXDR) { xhr = new createXHR.XDomainRequest() }else{ xhr = new createXHR.XMLHttpRequest() } } var key var aborted var uri = xhr.url = options.uri || options.url var method = xhr.method = options.method || "GET" var body = options.body || options.data var headers = xhr.headers = options.headers || {} var sync = !!options.sync var isJson = false var timeoutTimer var failureResponse = { body: undefined, headers: {}, statusCode: 0, method: method, url: uri, rawRequest: xhr } if ("json" in options && options.json !== false) { isJson = true headers["accept"] || headers["Accept"] || (headers["Accept"] = "application/json") //Don't override existing accept header declared by user if (method !== "GET" && method !== "HEAD") { headers["content-type"] || headers["Content-Type"] || (headers["Content-Type"] = "application/json") //Don't override existing accept header declared by user body = JSON.stringify(options.json === true ? body : options.json) } } xhr.onreadystatechange = readystatechange xhr.onload = loadFunc xhr.onerror = errorFunc // IE9 must have onprogress be set to a unique function. xhr.onprogress = function () { // IE must die } xhr.onabort = function(){ aborted = true; } xhr.ontimeout = errorFunc xhr.open(method, uri, !sync, options.username, options.password) //has to be after open if(!sync) { xhr.withCredentials = !!options.withCredentials } // Cannot set timeout with sync request // not setting timeout on the xhr object, because of old webkits etc. not handling that correctly // both npm's request and jquery 1.x use this kind of timeout, so this is being consistent if (!sync && options.timeout > 0 ) { timeoutTimer = setTimeout(function(){ if (aborted) return aborted = true//IE9 may still call readystatechange xhr.abort("timeout") var e = new Error("XMLHttpRequest timeout") e.code = "ETIMEDOUT" errorFunc(e) }, options.timeout ) } if (xhr.setRequestHeader) { for(key in headers){ if(headers.hasOwnProperty(key)){ xhr.setRequestHeader(key, headers[key]) } } } else if (options.headers && !isEmpty(options.headers)) { throw new Error("Headers cannot be set on an XDomainRequest object") } if ("responseType" in options) { xhr.responseType = options.responseType } if ("beforeSend" in options && typeof options.beforeSend === "function" ) { options.beforeSend(xhr) } // Microsoft Edge browser sends "undefined" when send is called with undefined value. // XMLHttpRequest spec says to pass null as body to indicate no body // See https://github.com/naugtur/xhr/issues/100. xhr.send(body || null) return xhr } function getXml(xhr) { // xhr.responseXML will throw Exception "InvalidStateError" or "DOMException" // See https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseXML. try { if (xhr.responseType === "document") { return xhr.responseXML } var firefoxBugTakenEffect = xhr.responseXML && xhr.responseXML.documentElement.nodeName === "parsererror" if (xhr.responseType === "" && !firefoxBugTakenEffect) { return xhr.responseXML } } catch (e) {} return null } function noop() {} },{"global/window":17,"is-function":22,"parse-headers":32,"xtend":54}],53:[function(_dereq_,module,exports){ module.exports = (function xmlparser() { //common browsers if (typeof self.DOMParser !== 'undefined') { return function(str) { var parser = new self.DOMParser() return parser.parseFromString(str, 'application/xml') } } //IE8 fallback if (typeof self.ActiveXObject !== 'undefined' && new self.ActiveXObject('Microsoft.XMLDOM')) { return function(str) { var xmlDoc = new self.ActiveXObject("Microsoft.XMLDOM") xmlDoc.async = "false" xmlDoc.loadXML(str) return xmlDoc } } //last resort fallback return function(str) { var div = document.createElement('div') div.innerHTML = str return div } })() },{}],54:[function(_dereq_,module,exports){ module.exports = extend var hasOwnProperty = Object.prototype.hasOwnProperty; function extend() { var target = {} for (var i = 0; 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(_dereq_,module,exports){ module.exports={ "name": "aframe", "version": "1.2.0", "description": "A web framework for building virtual reality experiences.", "homepage": "https://aframe.io/", "main": "dist/aframe-master.js", "scripts": { "browserify": "browserify src/index.js -s 'AFRAME' -p browserify-derequire", "build": "shx mkdir -p build/ && npm run browserify -- --debug -t [ envify --INSPECTOR_VERSION dev ] -o build/aframe.js", "codecov": "codecov", "dev": "npm run build && cross-env INSPECTOR_VERSION=dev node ./scripts/budo -t envify", "dist": "node scripts/updateVersionLog.js && npm run dist:min && npm run dist:max", "dist:max": "npm run browserify -s -- --debug | exorcist dist/aframe-master.js.map > dist/aframe-master.js", "dist:min": "npm run browserify -s -- --debug -p [ minifyify --map aframe-master.min.js.map --output dist/aframe-master.min.js.map ] -o dist/aframe-master.min.js", "docs": "markserv --dir docs --port 9001", "preghpages": "node ./scripts/preghpages.js", "ghpages": "ghpages -p gh-pages/", "lint": "semistandard -v | snazzy", "lint:fix": "semistandard --fix", "precommit": "npm run lint", "prepush": "node scripts/testOnlyCheck.js", "prerelease": "cross-env FOR_RELEASE=true node scripts/release.js 1.1.0 1.2.0", "start": "npm run dev", "start:https": "cross-env SSL=true npm run dev", "test": "karma start ./tests/karma.conf.js", "test:docs": "node scripts/docsLint.js", "test:firefox": "npm test -- --browsers Firefox", "test:chrome": "npm test -- --browsers Chrome", "test:nobrowser": "NO_BROWSER=true npm test", "test:node": "mocha --ui tdd tests/node" }, "repository": "aframevr/aframe", "license": "MIT", "files": [ "dist/*", "docs/**/*", "src/**/*", "vendor/**/*" ], "dependencies": { "custom-event-polyfill": "^1.0.6", "debug": "ngokevin/debug#noTimestamp", "deep-assign": "^2.0.0", "document-register-element": "dmarcos/document-register-element#8ccc532b7f3744be954574caf3072a5fd260ca90", "load-bmfont": "^1.2.3", "object-assign": "^4.0.1", "present": "0.0.6", "promise-polyfill": "^3.1.0", "super-animejs": "^3.1.0", "super-three": "^0.125.1", "three-bmfont-text": "dmarcos/three-bmfont-text#1babdf8507c731a18f8af3b807292e2b9740955e", "webvr-polyfill": "^0.10.12" }, "devDependencies": { "browserify": "^13.1.0", "browserify-css": "^0.8.4", "browserify-derequire": "^0.9.4", "browserify-istanbul": "^2.0.0", "budo": "^9.2.0", "chai": "^3.5.0", "chai-shallow-deep-equal": "^1.4.0", "chalk": "^1.1.3", "codecov": "^1.0.1", "cross-env": "^5.0.1", "envify": "^3.4.1", "exorcist": "^0.4.0", "ghpages": "0.0.8", "git-rev": "^0.2.1", "glob": "^7.1.1", "husky": "^0.11.7", "istanbul": "^0.4.5", "jsdom": "^9.11.0", "karma": "1.4.1", "karma-browserify": "^5.1.0", "karma-chai-shallow-deep-equal": "0.0.4", "karma-chrome-launcher": "^2.0.0", "karma-coverage": "^1.1.1", "karma-env-preprocessor": "^0.1.1", "karma-firefox-launcher": "^1.2.0", "karma-mocha": "^1.1.1", "karma-mocha-reporter": "^2.1.0", "karma-sinon-chai": "1.2.4", "lolex": "^1.5.1", "markserv": "github:sukima/markserv#feature/fix-broken-websoketio-link", "minifyify": "^7.3.3", "mocha": "^3.0.2", "mozilla-download": "^1.1.1", "replace-in-file": "^2.5.3", "semistandard": "^9.0.0", "shelljs": "^0.7.7", "shx": "^0.2.2", "sinon": "^1.17.5", "sinon-chai": "2.8.0", "snazzy": "^5.0.0", "too-wordy": "ngokevin/too-wordy", "uglifyjs": "^2.4.10", "write-good": "^0.9.1" }, "link": true, "browserify": { "transform": [ "browserify-css", "envify" ] }, "semistandard": { "ignore": [ "build/**", "dist/**", "examples/**/shaders/*.js", "**/vendor/**" ] }, "keywords": [ "3d", "aframe", "cardboard", "components", "oculus", "three", "three.js", "rift", "vive", "vr", "web-components", "webvr" ], "browserify-css": { "minify": true }, "engines": { "node": ">= 4.6.0", "npm": "^2.15.9" } } },{}],56:[function(_dereq_,module,exports){ var anime = _dereq_('super-animejs'); var components = _dereq_('../core/component').components; var registerComponent = _dereq_('../core/component').registerComponent; var THREE = _dereq_('../lib/three'); var utils = _dereq_('../utils'); var colorHelperFrom = new THREE.Color(); var colorHelperTo = new THREE.Color(); var getComponentProperty = utils.entity.getComponentProperty; var setComponentProperty = utils.entity.setComponentProperty; var splitCache = {}; var TYPE_COLOR = 'color'; var PROP_POSITION = 'position'; var PROP_ROTATION = 'rotation'; var PROP_SCALE = 'scale'; var STRING_COMPONENTS = 'components'; var STRING_OBJECT3D = 'object3D'; /** * Animation component for A-Frame using anime.js. * * The component manually controls the tick by setting `autoplay: false` on anime.js and * manually * calling `animation.tick()` in the tick handler. To pause or resume, we toggle a * boolean * flag * `isAnimationPlaying`. * * anime.js animation config for tweenining Javascript objects and values works as: * * config = { * targets: {foo: 0.0, bar: '#000'}, * foo: 1.0, * bar: '#FFF' * } * * The above will tween each property in `targets`. The `to` values are set in the root of * the config. * * @member {object} animation - anime.js instance. * @member {boolean} animationIsPlaying - Control if animation is playing. */ module.exports.Component = registerComponent('animation', { schema: { autoplay: {default: true}, delay: {default: 0}, dir: {default: ''}, dur: {default: 1000}, easing: {default: 'easeInQuad'}, elasticity: {default: 400}, enabled: {default: true}, from: {default: ''}, loop: { default: 0, parse: function (value) { // Boolean or integer. if (value === true || value === 'true') { return true; } if (value === false || value === 'false') { return false; } return parseInt(value, 10); } }, property: {default: ''}, startEvents: {type: 'array'}, pauseEvents: {type: 'array'}, resumeEvents: {type: 'array'}, round: {default: false}, to: {default: ''}, type: {default: ''}, isRawProperty: {default: false} }, multiple: true, init: function () { var self = this; this.eventDetail = {name: this.attrName}; this.time = 0; this.animation = null; this.animationIsPlaying = false; this.onStartEvent = this.onStartEvent.bind(this); this.beginAnimation = this.beginAnimation.bind(this); this.pauseAnimation = this.pauseAnimation.bind(this); this.resumeAnimation = this.resumeAnimation.bind(this); this.fromColor = {}; this.toColor = {}; this.targets = {}; this.targetsArray = []; this.updateConfigForDefault = this.updateConfigForDefault.bind(this); this.updateConfigForRawColor = this.updateConfigForRawColor.bind(this); this.config = { complete: function () { self.animationIsPlaying = false; self.el.emit('animationcomplete', self.eventDetail, false); if (self.id) { self.el.emit('animationcomplete__' + self.id, self.eventDetail, false); } } }; }, update: function (oldData) { var config = this.config; var data = this.data; this.animationIsPlaying = false; if (!this.data.enabled) { return; } if (!data.property) { return; } // Base config. config.autoplay = false; config.direction = data.dir; config.duration = data.dur; config.easing = data.easing; config.elasticity = data.elasticity; config.loop = data.loop; config.round = data.round; // Start new animation. this.createAndStartAnimation(); }, tick: function (t, dt) { if (!this.animationIsPlaying) { return; } this.time += dt; this.animation.tick(this.time); }, remove: function () { this.pauseAnimation(); this.removeEventListeners(); }, pause: function () { this.paused = true; this.pausedWasPlaying = this.animationIsPlaying; this.pauseAnimation(); this.removeEventListeners(); }, /** * `play` handler only for resuming scene. */ play: function () { if (!this.paused) { return; } this.paused = false; this.addEventListeners(); if (this.pausedWasPlaying) { this.resumeAnimation(); this.pausedWasPlaying = false; } }, /** * Start animation from scratch. */ createAndStartAnimation: function () { var data = this.data; this.updateConfig(); this.animationIsPlaying = false; this.animation = anime(this.config); this.animation.began = true; this.removeEventListeners(); this.addEventListeners(); // Wait for start events for animation. if (!data.autoplay || data.startEvents && data.startEvents.length) { return; } // Delay animation. if (data.delay) { setTimeout(this.beginAnimation, data.delay); return; } // Play animation. this.beginAnimation(); }, /** * This is before animation start (including from startEvents). * Set to initial state (config.from, time = 0, seekTime = 0). */ beginAnimation: function () { this.updateConfig(); this.animation.began = true; this.time = 0; this.animationIsPlaying = true; this.stopRelatedAnimations(); this.el.emit('animationbegin', this.eventDetail, false); }, pauseAnimation: function () { this.animationIsPlaying = false; }, resumeAnimation: function () { this.animationIsPlaying = true; }, /** * startEvents callback. */ onStartEvent: function () { if (!this.data.enabled) { return; } this.updateConfig(); if (this.animation) { this.animation.pause(); } this.animation = anime(this.config); // Include the delay before each start event. if (this.data.delay) { setTimeout(this.beginAnimation, this.data.delay); return; } this.beginAnimation(); }, /** * rawProperty: true and type: color; */ updateConfigForRawColor: function () { var config = this.config; var data = this.data; var el = this.el; var from; var key; var to; if (this.waitComponentInitRawProperty(this.updateConfigForRawColor)) { return; } from = data.from === '' ? getRawProperty(el, data.property) : data.from; to = data.to; // Use r/g/b vector for color type. this.setColorConfig(from, to); from = this.fromColor; to = this.toColor; this.targetsArray.length = 0; this.targetsArray.push(from); config.targets = this.targetsArray; for (key in to) { config[key] = to[key]; } config.update = (function () { var lastValue = {}; return function (anim) { var value; value = anim.animatables[0].target; // For animation timeline. if (value.r === lastValue.r && value.g === lastValue.g && value.b === lastValue.b) { return; } setRawProperty(el, data.property, value, data.type); }; })(); }, /** * Stuff property into generic `property` key. */ updateConfigForDefault: function () { var config = this.config; var data = this.data; var el = this.el; var from; var isBoolean; var isNumber; var to; if (this.waitComponentInitRawProperty(this.updateConfigForDefault)) { return; } if (data.from === '') { // Infer from. from = isRawProperty(data) ? getRawProperty(el, data.property) : getComponentProperty(el, data.property); } else { // Explicit from. from = data.from; } to = data.to; isNumber = !isNaN(from || to); if (isNumber) { from = parseFloat(from); to = parseFloat(to); } else { from = from ? from.toString() : from; to = to ? to.toString() : to; } // Convert booleans to integer to allow boolean flipping. isBoolean = data.to === 'true' || data.to === 'false' || data.to === true || data.to === false; if (isBoolean) { from = data.from === 'true' || data.from === true ? 1 : 0; to = data.to === 'true' || data.to === true ? 1 : 0; } this.targets.aframeProperty = from; config.targets = this.targets; config.aframeProperty = to; config.update = (function () { var lastValue; return function (anim) { var value; value = anim.animatables[0].target.aframeProperty; // Need to do a last value check for animation timeline since all the tweening // begins simultaenously even if the value has not changed. Also better for perf // anyways. if (value === lastValue) { return; } lastValue = value; if (isBoolean) { value = value >= 1; } if (isRawProperty(data)) { setRawProperty(el, data.property, value, data.type); } else { setComponentProperty(el, data.property, value); } }; })(); }, /** * Extend x/y/z/w onto the config. * Update vector by modifying object3D. */ updateConfigForVector: function () { var config = this.config; var data = this.data; var el = this.el; var key; var from; var to; // Parse coordinates. from = data.from !== '' ? utils.coordinates.parse(data.from) // If data.from defined, use that. : getComponentProperty(el, data.property); // If data.from not defined, get on the fly. to = utils.coordinates.parse(data.to); if (data.property === PROP_ROTATION) { toRadians(from); toRadians(to); } // Set to and from. this.targetsArray.length = 0; this.targetsArray.push(from); config.targets = this.targetsArray; for (key in to) { config[key] = to[key]; } // If animating object3D transformation, run more optimized updater. if (data.property === PROP_POSITION || data.property === PROP_ROTATION || data.property === PROP_SCALE) { config.update = (function () { var lastValue = {}; return function (anim) { var value = anim.animatables[0].target; if (data.property === PROP_SCALE) { value.x = Math.max(0.0001, value.x); value.y = Math.max(0.0001, value.y); value.z = Math.max(0.0001, value.z); } // For animation timeline. if (value.x === lastValue.x && value.y === lastValue.y && value.z === lastValue.z) { return; } lastValue.x = value.x; lastValue.y = value.y; lastValue.z = value.z; el.object3D[data.property].set(value.x, value.y, value.z); }; })(); return; } // Animating some vector. config.update = (function () { var lastValue = {}; return function (anim) { var value = anim.animatables[0].target; // Animate rotation through radians. // For animation timeline. if (value.x === lastValue.x && value.y === lastValue.y && value.z === lastValue.z) { return; } lastValue.x = value.x; lastValue.y = value.y; lastValue.z = value.z; setComponentProperty(el, data.property, value); }; })(); }, /** * Update the config before each run. */ updateConfig: function () { var propType; // Route config type. propType = getPropertyType(this.el, this.data.property); if (isRawProperty(this.data) && this.data.type === TYPE_COLOR) { this.updateConfigForRawColor(); } else if (propType === 'vec2' || propType === 'vec3' || propType === 'vec4') { this.updateConfigForVector(); } else { this.updateConfigForDefault(); } }, /** * Wait for component to initialize. */ waitComponentInitRawProperty: function (cb) { var componentName; var data = this.data; var el = this.el; var self = this; if (data.from !== '') { return false; } if (!data.property.startsWith(STRING_COMPONENTS)) { return false; } componentName = splitDot(data.property)[1]; if (el.components[componentName]) { return false; } el.addEventListener('componentinitialized', function wait (evt) { if (evt.detail.name !== componentName) { return; } cb(); // Since the config was created async, create the animation now since we missed it // earlier. self.animation = anime(self.config); el.removeEventListener('componentinitialized', wait); }); return true; }, /** * Make sure two animations on the same property don't fight each other. * e.g., animation__mouseenter="property: material.opacity" * animation__mouseleave="property: material.opacity" */ stopRelatedAnimations: function () { var component; var componentName; for (componentName in this.el.components) { component = this.el.components[componentName]; if (componentName === this.attrName) { continue; } if (component.name !== 'animation') { continue; } if (!component.animationIsPlaying) { continue; } if (component.data.property !== this.data.property) { continue; } component.animationIsPlaying = false; } }, addEventListeners: function () { var data = this.data; var el = this.el; addEventListeners(el, data.startEvents, this.onStartEvent); addEventListeners(el, data.pauseEvents, this.pauseAnimation); addEventListeners(el, data.resumeEvents, this.resumeAnimation); }, removeEventListeners: function () { var data = this.data; var el = this.el; removeEventListeners(el, data.startEvents, this.onStartEvent); removeEventListeners(el, data.pauseEvents, this.pauseAnimation); removeEventListeners(el, data.resumeEvents, this.resumeAnimation); }, setColorConfig: function (from, to) { colorHelperFrom.set(from); colorHelperTo.set(to); from = this.fromColor; to = this.toColor; from.r = colorHelperFrom.r; from.g = colorHelperFrom.g; from.b = colorHelperFrom.b; to.r = colorHelperTo.r; to.g = colorHelperTo.g; to.b = colorHelperTo.b; } }); /** * Given property name, check schema to see what type we are animating. * We just care whether the property is a vector. */ function getPropertyType (el, property) { var component; var componentName; var split; var propertyName; split = property.split('.'); componentName = split[0]; propertyName = split[1]; component = el.components[componentName] || components[componentName]; // Primitives. if (!component) { return null; } // Dynamic schema. We only care about vectors anyways. if (propertyName && !component.schema[propertyName]) { return null; } // Multi-prop. if (propertyName) { return component.schema[propertyName].type; } // Single-prop. return component.schema.type; } /** * Convert object to radians. */ function toRadians (obj) { obj.x = THREE.Math.degToRad(obj.x); obj.y = THREE.Math.degToRad(obj.y); obj.z = THREE.Math.degToRad(obj.z); } function addEventListeners (el, eventNames, handler) { var i; for (i = 0; i < eventNames.length; i++) { el.addEventListener(eventNames[i], handler); } } function removeEventListeners (el, eventNames, handler) { var i; for (i = 0; i < eventNames.length; i++) { el.removeEventListener(eventNames[i], handler); } } function getRawProperty (el, path) { var i; var split; var value; split = splitDot(path); value = el; for (i = 0; i < split.length; i++) { value = value[split[i]]; } if (value === undefined) { console.log(el); throw new Error('[animation] property (' + path + ') could not be found'); } return value; } function setRawProperty (el, path, value, type) { var i; var split; var propertyName; var targetValue; if (path.startsWith('object3D.rotation')) { value = THREE.Math.degToRad(value); } // Walk. split = splitDot(path); targetValue = el; for (i = 0; i < split.length - 1; i++) { targetValue = targetValue[split[i]]; } propertyName = split[split.length - 1]; // Raw color. if (type === TYPE_COLOR) { if ('r' in targetValue[propertyName]) { targetValue[propertyName].r = value.r; targetValue[propertyName].g = value.g; targetValue[propertyName].b = value.b; } else { targetValue[propertyName].x = value.r; targetValue[propertyName].y = value.g; targetValue[propertyName].z = value.b; } return; } targetValue[propertyName] = value; } function splitDot (path) { if (path in splitCache) { return splitCache[path]; } splitCache[path] = path.split('.'); return splitCache[path]; } function isRawProperty (data) { return data.isRawProperty || data.property.startsWith(STRING_COMPONENTS) || data.property.startsWith(STRING_OBJECT3D); } },{"../core/component":113,"../lib/three":161,"../utils":187,"super-animejs":36}],57:[function(_dereq_,module,exports){ var registerComponent = _dereq_('../core/component').registerComponent; var THREE = _dereq_('../lib/three'); /** * Camera component. * Pairs along with camera system to handle tracking the active camera. */ module.exports.Component = registerComponent('camera', { schema: { active: {default: true}, far: {default: 10000}, fov: {default: 80, min: 0}, near: {default: 0.005, min: 0}, spectator: {default: false}, zoom: {default: 1, min: 0} }, /** * Initialize three.js camera and add it to the entity. * Add reference from scene to this entity as the camera. */ init: function () { var camera; var el = this.el; // Create camera. camera = this.camera = new THREE.PerspectiveCamera(); el.setObject3D('camera', camera); }, /** * Update three.js camera. */ update: function (oldData) { var data = this.data; var camera = this.camera; // Update properties. camera.aspect = data.aspect || (window.innerWidth / window.innerHeight); camera.far = data.far; camera.fov = data.fov; camera.near = data.near; camera.zoom = data.zoom; camera.updateProjectionMatrix(); this.updateActiveCamera(oldData); this.updateSpectatorCamera(oldData); }, updateActiveCamera: function (oldData) { var data = this.data; var el = this.el; var system = this.system; // Active property did not change. if (oldData && oldData.active === data.active || data.spectator) { return; } // If `active` property changes, or first update, handle active camera with system. if (data.active && system.activeCameraEl !== el) { // Camera enabled. Set camera to this camera. system.setActiveCamera(el); } else if (!data.active && system.activeCameraEl === el) { // Camera disabled. Set camera to another camera. system.disableActiveCamera(); } }, updateSpectatorCamera: function (oldData) { var data = this.data; var el = this.el; var system = this.system; // spectator property did not change. if (oldData && oldData.spectator === data.spectator) { return; } // If `spectator` property changes, or first update, handle spectator camera with system. if (data.spectator && system.spectatorCameraEl !== el) { // Camera enabled. Set camera to this camera. system.setSpectatorCamera(el); } else if (!data.spectator && system.spectatorCameraEl === el) { // Camera disabled. Set camera to another camera. system.disableSpectatorCamera(); } }, /** * Remove camera on remove (callback). */ remove: function () { this.el.removeObject3D('camera'); } }); },{"../core/component":113,"../lib/three":161}],58:[function(_dereq_,module,exports){ /* global THREE */ var registerComponent = _dereq_('../core/component').registerComponent; var utils = _dereq_('../utils/'); var bind = utils.bind; var EVENTS = { CLICK: 'click', FUSING: 'fusing', MOUSEENTER: 'mouseenter', MOUSEDOWN: 'mousedown', MOUSELEAVE: 'mouseleave', MOUSEUP: 'mouseup' }; var STATES = { FUSING: 'cursor-fusing', HOVERING: 'cursor-hovering', HOVERED: 'cursor-hovered' }; var CANVAS_EVENTS = { DOWN: ['mousedown', 'touchstart'], UP: ['mouseup', 'touchend'] }; var WEBXR_EVENTS = { DOWN: ['selectstart'], UP: ['selectend'] }; var CANVAS_HOVER_CLASS = 'a-mouse-cursor-hover'; /** * Cursor component. Applies the raycaster component specifically for starting the raycaster * from the camera and pointing from camera's facing direction, and then only returning the * closest intersection. Cursor can be fine-tuned by setting raycaster properties. * * @member {object} fuseTimeout - Timeout to trigger fuse-click. * @member {Element} cursorDownEl - Entity that was last mousedowned during current click. * @member {object} intersection - Attributes of the current intersection event, including * 3D- and 2D-space coordinates. See: http://threejs.org/docs/api/core/Raycaster.html * @member {Element} intersectedEl - Currently-intersected entity. Used to keep track to * emit events when unintersecting. */ module.exports.Component = registerComponent('cursor', { dependencies: ['raycaster'], schema: { downEvents: {default: []}, fuse: {default: utils.device.isMobile()}, fuseTimeout: {default: 1500, min: 0}, mouseCursorStylesEnabled: {default: true}, upEvents: {default: []}, rayOrigin: {default: 'entity', oneOf: ['mouse', 'entity']} }, init: function () { var self = this; this.fuseTimeout = undefined; this.cursorDownEl = null; this.intersectedEl = null; this.canvasBounds = document.body.getBoundingClientRect(); this.isCursorDown = false; // Debounce. this.updateCanvasBounds = utils.debounce(function updateCanvasBounds () { self.canvasBounds = self.el.sceneEl.canvas.getBoundingClientRect(); }, 500); this.eventDetail = {}; this.intersectedEventDetail = {cursorEl: this.el}; // Bind methods. this.onCursorDown = bind(this.onCursorDown, this); this.onCursorUp = bind(this.onCursorUp, this); this.onIntersection = bind(this.onIntersection, this); this.onIntersectionCleared = bind(this.onIntersectionCleared, this); this.onMouseMove = bind(this.onMouseMove, this); this.onEnterVR = bind(this.onEnterVR, this); }, update: function (oldData) { if (this.data.rayOrigin === oldData.rayOrigin) { return; } this.updateMouseEventListeners(); }, play: function () { this.addEventListeners(); }, pause: function () { this.removeEventListeners(); }, remove: function () { var el = this.el; el.removeState(STATES.HOVERING); el.removeState(STATES.FUSING); clearTimeout(this.fuseTimeout); if (this.intersectedEl) { this.intersectedEl.removeState(STATES.HOVERED); } this.removeEventListeners(); }, addEventListeners: function () { var canvas; var data = this.data; var el = this.el; var self = this; function addCanvasListeners () { canvas = el.sceneEl.canvas; if (data.downEvents.length || data.upEvents.length) { return; } CANVAS_EVENTS.DOWN.forEach(function (downEvent) { canvas.addEventListener(downEvent, self.onCursorDown); }); CANVAS_EVENTS.UP.forEach(function (upEvent) { canvas.addEventListener(upEvent, self.onCursorUp); }); } canvas = el.sceneEl.canvas; if (canvas) { addCanvasListeners(); } else { el.sceneEl.addEventListener('render-target-loaded', addCanvasListeners); } data.downEvents.forEach(function (downEvent) { el.addEventListener(downEvent, self.onCursorDown); }); data.upEvents.forEach(function (upEvent) { el.addEventListener(upEvent, self.onCursorUp); }); el.addEventListener('raycaster-intersection', this.onIntersection); el.addEventListener('raycaster-intersection-cleared', this.onIntersectionCleared); el.sceneEl.addEventListener('rendererresize', this.updateCanvasBounds); el.sceneEl.addEventListener('enter-vr', this.onEnterVR); window.addEventListener('resize', this.updateCanvasBounds); window.addEventListener('scroll', this.updateCanvasBounds); this.updateMouseEventListeners(); }, removeEventListeners: function () { var canvas; var data = this.data; var el = this.el; var self = this; canvas = el.sceneEl.canvas; if (canvas && !data.downEvents.length && !data.upEvents.length) { CANVAS_EVENTS.DOWN.forEach(function (downEvent) { canvas.removeEventListener(downEvent, self.onCursorDown); }); CANVAS_EVENTS.UP.forEach(function (upEvent) { canvas.removeEventListener(upEvent, self.onCursorUp); }); } data.downEvents.forEach(function (downEvent) { el.removeEventListener(downEvent, self.onCursorDown); }); data.upEvents.forEach(function (upEvent) { el.removeEventListener(upEvent, self.onCursorUp); }); el.removeEventListener('raycaster-intersection', this.onIntersection); el.removeEventListener('raycaster-intersection-cleared', this.onIntersectionCleared); canvas.removeEventListener('mousemove', this.onMouseMove); canvas.removeEventListener('touchstart', this.onMouseMove); canvas.removeEventListener('touchmove', this.onMouseMove); el.sceneEl.removeEventListener('rendererresize', this.updateCanvasBounds); el.sceneEl.removeEventListener('enter-vr', this.onEnterVR); window.removeEventListener('resize', this.updateCanvasBounds); window.removeEventListener('scroll', this.updateCanvasBounds); }, updateMouseEventListeners: function () { var canvas; var el = this.el; canvas = el.sceneEl.canvas; canvas.removeEventListener('mousemove', this.onMouseMove); canvas.removeEventListener('touchmove', this.onMouseMove); el.setAttribute('raycaster', 'useWorldCoordinates', false); if (this.data.rayOrigin !== 'mouse') { return; } canvas.addEventListener('mousemove', this.onMouseMove, false); canvas.addEventListener('touchmove', this.onMouseMove, false); el.setAttribute('raycaster', 'useWorldCoordinates', true); this.updateCanvasBounds(); }, onMouseMove: (function () { var direction = new THREE.Vector3(); var mouse = new THREE.Vector2(); var origin = new THREE.Vector3(); var rayCasterConfig = {origin: origin, direction: direction}; return function (evt) { var bounds = this.canvasBounds; var camera = this.el.sceneEl.camera; var left; var point; var top; camera.parent.updateMatrixWorld(); // Calculate mouse position based on the canvas element if (evt.type === 'touchmove' || evt.type === 'touchstart') { // Track the first touch for simplicity. point = evt.touches.item(0); } else { point = evt; } left = point.clientX - bounds.left; top = point.clientY - bounds.top; mouse.x = (left / bounds.width) * 2 - 1; mouse.y = -(top / bounds.height) * 2 + 1; origin.setFromMatrixPosition(camera.matrixWorld); direction.set(mouse.x, mouse.y, 0.5).unproject(camera).sub(origin).normalize(); this.el.setAttribute('raycaster', rayCasterConfig); if (evt.type === 'touchmove') { evt.preventDefault(); } }; })(), /** * Trigger mousedown and keep track of the mousedowned entity. */ onCursorDown: function (evt) { this.isCursorDown = true; // Raycast again for touch. if (this.data.rayOrigin === 'mouse' && evt.type === 'touchstart') { this.onMouseMove(evt); this.el.components.raycaster.checkIntersections(); evt.preventDefault(); } this.twoWayEmit(EVENTS.MOUSEDOWN); this.cursorDownEl = this.intersectedEl; }, /** * Trigger mouseup if: * - Not fusing (mobile has no mouse). * - Currently intersecting an entity. * - Currently-intersected entity is the same as the one when mousedown was triggered, * in case user mousedowned one entity, dragged to another, and mouseupped. */ onCursorUp: function (evt) { if (!this.isCursorDown) { return; } this.isCursorDown = false; var data = this.data; this.twoWayEmit(EVENTS.MOUSEUP); // If intersected entity has changed since the cursorDown, still emit mouseUp on the // previously cursorUp entity. if (this.cursorDownEl && this.cursorDownEl !== this.intersectedEl) { this.intersectedEventDetail.intersection = null; this.cursorDownEl.emit(EVENTS.MOUSEUP, this.intersectedEventDetail); } if ((!data.fuse || data.rayOrigin === 'mouse') && this.intersectedEl && this.cursorDownEl === this.intersectedEl) { this.twoWayEmit(EVENTS.CLICK); } this.cursorDownEl = null; if (evt.type === 'touchend') { evt.preventDefault(); } }, /** * Handle intersection. */ onIntersection: function (evt) { var currentIntersection; var cursorEl = this.el; var index; var intersectedEl; var intersection; // Select closest object, excluding the cursor. index = evt.detail.els[0] === cursorEl ? 1 : 0; intersection = evt.detail.intersections[index]; intersectedEl = evt.detail.els[index]; // If cursor is the only intersected object, ignore the event. if (!intersectedEl) { return; } // Already intersecting this entity. if (this.intersectedEl === intersectedEl) { return; } // Ignore events further away than active intersection. if (this.intersectedEl) { currentIntersection = this.el.components.raycaster.getIntersection(this.intersectedEl); if (currentIntersection && currentIntersection.distance <= intersection.distance) { return; } } // Unset current intersection. this.clearCurrentIntersection(true); this.setIntersection(intersectedEl, intersection); }, /** * Handle intersection cleared. */ onIntersectionCleared: function (evt) { var clearedEls = evt.detail.clearedEls; // Check if the current intersection has ended if (clearedEls.indexOf(this.intersectedEl) === -1) { return; } this.clearCurrentIntersection(); }, onEnterVR: function () { this.clearCurrentIntersection(true); var xrSession = this.el.sceneEl.xrSession; var self = this; if (!xrSession) { return; } if (this.data.rayOrigin === 'mouse') { return; } WEBXR_EVENTS.DOWN.forEach(function (downEvent) { xrSession.addEventListener(downEvent, self.onCursorDown); }); WEBXR_EVENTS.UP.forEach(function (upEvent) { xrSession.addEventListener(upEvent, self.onCursorUp); }); }, setIntersection: function (intersectedEl, intersection) { var cursorEl = this.el; var data = this.data; var self = this; // Already intersecting. if (this.intersectedEl === intersectedEl) { return; } // Set new intersection. this.intersectedEl = intersectedEl; // Hovering. cursorEl.addState(STATES.HOVERING); intersectedEl.addState(STATES.HOVERED); this.twoWayEmit(EVENTS.MOUSEENTER); if (this.data.mouseCursorStylesEnabled && this.data.rayOrigin === 'mouse') { this.el.sceneEl.canvas.classList.add(CANVAS_HOVER_CLASS); } // Begin fuse if necessary. if (data.fuseTimeout === 0 || !data.fuse) { return; } cursorEl.addState(STATES.FUSING); this.twoWayEmit(EVENTS.FUSING); this.fuseTimeout = setTimeout(function fuse () { cursorEl.removeState(STATES.FUSING); self.twoWayEmit(EVENTS.CLICK); }, data.fuseTimeout); }, clearCurrentIntersection: function (ignoreRemaining) { var index; var intersection; var intersections; var cursorEl = this.el; // Nothing to be cleared. if (!this.intersectedEl) { return; } // No longer hovering (or fusing). this.intersectedEl.removeState(STATES.HOVERED); cursorEl.removeState(STATES.HOVERING); cursorEl.removeState(STATES.FUSING); this.twoWayEmit(EVENTS.MOUSELEAVE); if (this.data.mouseCursorStylesEnabled && this.data.rayOrigin === 'mouse') { this.el.sceneEl.canvas.classList.remove(CANVAS_HOVER_CLASS); } // Unset intersected entity (after emitting the event). this.intersectedEl = null; // Clear fuseTimeout. clearTimeout(this.fuseTimeout); // Set intersection to another raycasted element if any. if (ignoreRemaining === true) { return; } intersections = this.el.components.raycaster.intersections; if (intersections.length === 0) { return; } // Exclude the cursor. index = intersections[0].object.el === cursorEl ? 1 : 0; intersection = intersections[index]; if (!intersection) { return; } this.setIntersection(intersection.object.el, intersection); }, /** * Helper to emit on both the cursor and the intersected entity (if exists). */ twoWayEmit: function (evtName) { var el = this.el; var intersectedEl = this.intersectedEl; var intersection; intersection = this.el.components.raycaster.getIntersection(intersectedEl); this.eventDetail.intersectedEl = intersectedEl; this.eventDetail.intersection = intersection; el.emit(evtName, this.eventDetail); if (!intersectedEl) { return; } this.intersectedEventDetail.intersection = intersection; intersectedEl.emit(evtName, this.intersectedEventDetail); } }); },{"../core/component":113,"../utils/":187}],59:[function(_dereq_,module,exports){ var registerComponent = _dereq_('../core/component').registerComponent; var bind = _dereq_('../utils/bind'); var trackedControlsUtils = _dereq_('../utils/tracked-controls'); var checkControllerPresentAndSetup = trackedControlsUtils.checkControllerPresentAndSetup; var emitIfAxesChanged = trackedControlsUtils.emitIfAxesChanged; var onButtonEvent = trackedControlsUtils.onButtonEvent; var DAYDREAM_CONTROLLER_MODEL_BASE_URL = 'https://cdn.aframe.io/controllers/google/'; var DAYDREAM_CONTROLLER_MODEL_OBJ_URL = DAYDREAM_CONTROLLER_MODEL_BASE_URL + 'vr_controller_daydream.obj'; var DAYDREAM_CONTROLLER_MODEL_OBJ_MTL = DAYDREAM_CONTROLLER_MODEL_BASE_URL + 'vr_controller_daydream.mtl'; var isWebXRAvailable = _dereq_('../utils/').device.isWebXRAvailable; var GAMEPAD_ID_WEBXR = 'google-daydream'; var GAMEPAD_ID_WEBVR = 'Daydream Controller'; var GAMEPAD_ID_PREFIX = isWebXRAvailable ? GAMEPAD_ID_WEBXR : GAMEPAD_ID_WEBVR; /** * Button indices: * 0 - trackpad * 1 - menu (never dispatched on this layer) * 2 - system (never dispatched on this layer) * * Axis: * 0 - trackpad x * 1 - trackpad y */ var INPUT_MAPPING_WEBVR = { axes: {trackpad: [0, 1]}, buttons: ['trackpad', 'menu', 'system'] }; /** * Button indices: * 0 - none * 1 - none * 2 - touchpad * * Axis: * 0 - touchpad x * 1 - touchpad y * Reference: https://github.com/immersive-web/webxr-input-profiles/blob/master/packages/registry/profiles/google/google-daydream.json */ var INPUT_MAPPING_WEBXR = { axes: {touchpad: [0, 1]}, buttons: ['none', 'none', 'touchpad', 'menu', 'system'] }; var INPUT_MAPPING = isWebXRAvailable ? INPUT_MAPPING_WEBXR : INPUT_MAPPING_WEBVR; /** * Daydream controls. * Interface with Daydream controller and map Gamepad events to * controller buttons: trackpad, menu, system * Load a controller model and highlight the pressed buttons. */ module.exports.Component = registerComponent('daydream-controls', { schema: { hand: {default: ''}, // This informs the degenerate arm model. buttonColor: {type: 'color', default: '#000000'}, buttonTouchedColor: {type: 'color', default: '#777777'}, buttonHighlightColor: {type: 'color', default: '#FFFFFF'}, model: {default: true}, orientationOffset: {type: 'vec3'}, armModel: {default: true} }, mapping: INPUT_MAPPING, bindMethods: function () { this.onModelLoaded = bind(this.onModelLoaded, this); this.onControllersUpdate = bind(this.onControllersUpdate, this); this.checkIfControllerPresent = bind(this.checkIfControllerPresent, this); this.removeControllersUpdateListener = bind(this.removeControllersUpdateListener, this); this.onAxisMoved = bind(this.onAxisMoved, this); }, init: function () { var self = this; this.onButtonChanged = bind(this.onButtonChanged, this); this.onButtonDown = function (evt) { onButtonEvent(evt.detail.id, 'down', self); }; this.onButtonUp = function (evt) { onButtonEvent(evt.detail.id, 'up', self); }; this.onButtonTouchStart = function (evt) { onButtonEvent(evt.detail.id, 'touchstart', self); }; this.onButtonTouchEnd = function (evt) { onButtonEvent(evt.detail.id, 'touchend', self); }; this.controllerPresent = false; this.lastControllerCheck = 0; this.bindMethods(); }, addEventListeners: function () { var el = this.el; el.addEventListener('buttonchanged', this.onButtonChanged); el.addEventListener('buttondown', this.onButtonDown); el.addEventListener('buttonup', this.onButtonUp); el.addEventListener('touchstart', this.onButtonTouchStart); el.addEventListener('touchend', this.onButtonTouchEnd); el.addEventListener('model-loaded', this.onModelLoaded); el.addEventListener('axismove', this.onAxisMoved); this.controllerEventsActive = true; }, removeEventListeners: function () { var el = this.el; el.removeEventListener('buttonchanged', this.onButtonChanged); el.removeEventListener('buttondown', this.onButtonDown); el.removeEventListener('buttonup', this.onButtonUp); el.removeEventListener('touchstart', this.onButtonTouchStart); el.removeEventListener('touchend', this.onButtonTouchEnd); el.removeEventListener('model-loaded', this.onModelLoaded); el.removeEventListener('axismove', this.onAxisMoved); this.controllerEventsActive = false; }, checkIfControllerPresent: function () { checkControllerPresentAndSetup(this, GAMEPAD_ID_PREFIX, this.data.hand ? {hand: this.data.hand} : {}); }, play: function () { this.checkIfControllerPresent(); this.addControllersUpdateListener(); }, pause: function () { this.removeEventListeners(); this.removeControllersUpdateListener(); }, injectTrackedControls: function () { var el = this.el; var data = this.data; el.setAttribute('tracked-controls', { armModel: data.armModel, hand: data.hand, idPrefix: GAMEPAD_ID_PREFIX, id: GAMEPAD_ID_PREFIX, orientationOffset: data.orientationOffset }); if (!this.data.model) { return; } this.el.setAttribute('obj-model', { obj: DAYDREAM_CONTROLLER_MODEL_OBJ_URL, mtl: DAYDREAM_CONTROLLER_MODEL_OBJ_MTL }); }, addControllersUpdateListener: function () { this.el.sceneEl.addEventListener('controllersupdated', this.onControllersUpdate, false); }, removeControllersUpdateListener: function () { this.el.sceneEl.removeEventListener('controllersupdated', this.onControllersUpdate, false); }, onControllersUpdate: function () { this.checkIfControllerPresent(); }, onModelLoaded: function (evt) { var controllerObject3D = evt.detail.model; var buttonMeshes; if (!this.data.model) { return; } buttonMeshes = this.buttonMeshes = {}; buttonMeshes.menu = controllerObject3D.getObjectByName('AppButton_AppButton_Cylinder.004'); buttonMeshes.system = controllerObject3D.getObjectByName('HomeButton_HomeButton_Cylinder.005'); buttonMeshes.trackpad = controllerObject3D.getObjectByName('TouchPad_TouchPad_Cylinder.003'); buttonMeshes.touchpad = controllerObject3D.getObjectByName('TouchPad_TouchPad_Cylinder.003'); // Offset pivot point. controllerObject3D.position.set(0, 0, -0.04); }, onAxisMoved: function (evt) { emitIfAxesChanged(this, this.mapping.axes, evt); }, onButtonChanged: function (evt) { var button = this.mapping.buttons[evt.detail.id]; if (!button) return; // Pass along changed event with button state, using button mapping for convenience. this.el.emit(button + 'changed', evt.detail.state); }, updateModel: function (buttonName, evtName) { if (!this.data.model) { return; } this.updateButtonModel(buttonName, evtName); }, updateButtonModel: function (buttonName, state) { var buttonMeshes = this.buttonMeshes; if (!buttonMeshes || !buttonMeshes[buttonName]) { return; } var color; switch (state) { case 'down': color = this.data.buttonHighlightColor; break; case 'touchstart': color = this.data.buttonTouchedColor; break; default: color = this.data.buttonColor; } buttonMeshes[buttonName].material.color.set(color); } }); },{"../core/component":113,"../utils/":187,"../utils/bind":181,"../utils/tracked-controls":196}],60:[function(_dereq_,module,exports){ var registerComponent = _dereq_('../core/component').registerComponent; var bind = _dereq_('../utils/bind'); var trackedControlsUtils = _dereq_('../utils/tracked-controls'); var checkControllerPresentAndSetup = trackedControlsUtils.checkControllerPresentAndSetup; var emitIfAxesChanged = trackedControlsUtils.emitIfAxesChanged; var onButtonEvent = trackedControlsUtils.onButtonEvent; var isWebXRAvailable = _dereq_('../utils/').device.isWebXRAvailable; var GEARVR_CONTROLLER_MODEL_BASE_URL = 'https://cdn.aframe.io/controllers/samsung/'; var GEARVR_CONTROLLER_MODEL_OBJ_URL = GEARVR_CONTROLLER_MODEL_BASE_URL + 'gear_vr_controller.obj'; var GEARVR_CONTROLLER_MODEL_OBJ_MTL = GEARVR_CONTROLLER_MODEL_BASE_URL + 'gear_vr_controller.mtl'; var GAMEPAD_ID_WEBXR = 'samsung-gearvr'; var GAMEPAD_ID_WEBVR = 'Gear VR'; // Prefix for Gen1 and Gen2 Oculus Touch Controllers. var GAMEPAD_ID_PREFIX = isWebXRAvailable ? GAMEPAD_ID_WEBXR : GAMEPAD_ID_WEBVR; /** * Button indices: * 0 - trackpad * 1 - trigger * * Axis: * 0 - trackpad x * 1 - trackpad y */ var INPUT_MAPPING_WEBVR = { axes: {trackpad: [0, 1]}, buttons: ['trackpad', 'trigger'] }; /** * Button indices: * 0 - trigger * 1 - none * 2 - touchpad * 3 - menu * * Axis: * 0 - touchpad x * 1 - touchpad y * Reference: https://github.com/immersive-web/webxr-input-profiles/blob/master/packages/registry/profiles/samsung/samsung-gearvr.json */ var INPUT_MAPPING_WEBXR = { axes: {touchpad: [0, 1]}, buttons: ['trigger', 'none', 'touchpad', 'none', 'menu'] }; var INPUT_MAPPING = isWebXRAvailable ? INPUT_MAPPING_WEBXR : INPUT_MAPPING_WEBVR; /** * Gear VR controls. * Interface with Gear VR controller and map Gamepad events to * controller buttons: trackpad, trigger * Load a controller model and highlight the pressed buttons. */ module.exports.Component = registerComponent('gearvr-controls', { schema: { hand: {default: ''}, // This informs the degenerate arm model. buttonColor: {type: 'color', default: '#000000'}, buttonTouchedColor: {type: 'color', default: '#777777'}, buttonHighlightColor: {type: 'color', default: '#FFFFFF'}, model: {default: true}, orientationOffset: {type: 'vec3'}, armModel: {default: true} }, mapping: INPUT_MAPPING, bindMethods: function () { this.onModelLoaded = bind(this.onModelLoaded, this); this.onControllersUpdate = bind(this.onControllersUpdate, this); this.checkIfControllerPresent = bind(this.checkIfControllerPresent, this); this.removeControllersUpdateListener = bind(this.removeControllersUpdateListener, this); this.onAxisMoved = bind(this.onAxisMoved, this); }, init: function () { var self = this; this.onButtonChanged = bind(this.onButtonChanged, this); this.onButtonDown = function (evt) { onButtonEvent(evt.detail.id, 'down', self); }; this.onButtonUp = function (evt) { onButtonEvent(evt.detail.id, 'up', self); }; this.onButtonTouchStart = function (evt) { onButtonEvent(evt.detail.id, 'touchstart', self); }; this.onButtonTouchEnd = function (evt) { onButtonEvent(evt.detail.id, 'touchend', self); }; this.controllerPresent = false; this.lastControllerCheck = 0; this.bindMethods(); }, addEventListeners: function () { var el = this.el; el.addEventListener('buttonchanged', this.onButtonChanged); el.addEventListener('buttondown', this.onButtonDown); el.addEventListener('buttonup', this.onButtonUp); el.addEventListener('touchstart', this.onButtonTouchStart); el.addEventListener('touchend', this.onButtonTouchEnd); el.addEventListener('model-loaded', this.onModelLoaded); el.addEventListener('axismove', this.onAxisMoved); this.controllerEventsActive = true; }, removeEventListeners: function () { var el = this.el; el.removeEventListener('buttonchanged', this.onButtonChanged); el.removeEventListener('buttondown', this.onButtonDown); el.removeEventListener('buttonup', this.onButtonUp); el.removeEventListener('touchstart', this.onButtonTouchStart); el.removeEventListener('touchend', this.onButtonTouchEnd); el.removeEventListener('model-loaded', this.onModelLoaded); el.removeEventListener('axismove', this.onAxisMoved); this.controllerEventsActive = false; }, checkIfControllerPresent: function () { checkControllerPresentAndSetup(this, GAMEPAD_ID_PREFIX, this.data.hand ? {hand: this.data.hand} : {}); }, play: function () { this.checkIfControllerPresent(); this.addControllersUpdateListener(); }, pause: function () { this.removeEventListeners(); this.removeControllersUpdateListener(); }, injectTrackedControls: function () { var el = this.el; var data = this.data; el.setAttribute('tracked-controls', { armModel: data.armModel, hand: data.hand, idPrefix: GAMEPAD_ID_PREFIX, id: GAMEPAD_ID_PREFIX, orientationOffset: data.orientationOffset }); if (!this.data.model) { return; } this.el.setAttribute('obj-model', { obj: GEARVR_CONTROLLER_MODEL_OBJ_URL, mtl: GEARVR_CONTROLLER_MODEL_OBJ_MTL }); }, addControllersUpdateListener: function () { this.el.sceneEl.addEventListener('controllersupdated', this.onControllersUpdate, false); }, removeControllersUpdateListener: function () { this.el.sceneEl.removeEventListener('controllersupdated', this.onControllersUpdate, false); }, onControllersUpdate: function () { this.checkIfControllerPresent(); }, // No need for onButtonChanged, since Gear VR controller has no analog buttons. onModelLoaded: function (evt) { var controllerObject3D = evt.detail.model; var buttonMeshes; if (!this.data.model) { return; } buttonMeshes = this.buttonMeshes = {}; buttonMeshes.trigger = controllerObject3D.children[2]; buttonMeshes.trackpad = controllerObject3D.children[1]; buttonMeshes.touchpad = controllerObject3D.children[1]; }, onButtonChanged: function (evt) { var button = this.mapping.buttons[evt.detail.id]; if (!button) return; // Pass along changed event with button state, using button mapping for convenience. this.el.emit(button + 'changed', evt.detail.state); }, onAxisMoved: function (evt) { emitIfAxesChanged(this, this.mapping.axes, evt); }, updateModel: function (buttonName, evtName) { if (!this.data.model) { return; } this.updateButtonModel(buttonName, evtName); }, updateButtonModel: function (buttonName, state) { var buttonMeshes = this.buttonMeshes; if (!buttonMeshes || !buttonMeshes[buttonName]) { return; } var color; switch (state) { case 'down': color = this.data.buttonHighlightColor; break; case 'touchstart': color = this.data.buttonTouchedColor; break; default: color = this.data.buttonColor; } buttonMeshes[buttonName].material.color.set(color); } }); },{"../core/component":113,"../utils/":187,"../utils/bind":181,"../utils/tracked-controls":196}],61:[function(_dereq_,module,exports){ var registerComponent = _dereq_('../core/component').registerComponent; var bind = _dereq_('../utils/bind'); var trackedControlsUtils = _dereq_('../utils/tracked-controls'); var checkControllerPresentAndSetup = trackedControlsUtils.checkControllerPresentAndSetup; var emitIfAxesChanged = trackedControlsUtils.emitIfAxesChanged; var onButtonEvent = trackedControlsUtils.onButtonEvent; var GAMEPAD_ID_PREFIX = 'generic'; /** * Button indices: * 0 - trigger * 1 - squeeze * 2 - touchpad * 3 - thumbstick * * Axis: * 0 - touchpad * 1 - thumbstick * */ var INPUT_MAPPING = { axes: { touchpad: [0, 1], thumbstick: [2, 3] }, buttons: ['trigger', 'squeeze', 'touchpad', 'thumbstick'] }; /** * Oculus Go controls. * Interface with Oculus Go controller and map Gamepad events to * controller buttons: trackpad, trigger * Load a controller model and highlight the pressed buttons. */ module.exports.Component = registerComponent('generic-tracked-controller-controls', { schema: { hand: {default: ''}, // This informs the degenerate arm model. defaultModel: {default: true}, defaultModelColor: {default: 'gray'}, orientationOffset: {type: 'vec3'}, disabled: {default: false} }, /** * Button IDs: * 0 - trackpad * 1 - trigger */ mapping: INPUT_MAPPING, bindMethods: function () { this.onControllersUpdate = bind(this.onControllersUpdate, this); this.checkIfControllerPresent = bind(this.checkIfControllerPresent, this); this.removeControllersUpdateListener = bind(this.removeControllersUpdateListener, this); this.onAxisMoved = bind(this.onAxisMoved, this); }, init: function () { var self = this; this.onButtonChanged = bind(this.onButtonChanged, this); this.onButtonDown = function (evt) { onButtonEvent(evt.detail.id, 'down', self); }; this.onButtonUp = function (evt) { onButtonEvent(evt.detail.id, 'up', self); }; this.onButtonTouchStart = function (evt) { onButtonEvent(evt.detail.id, 'touchstart', self); }; this.onButtonTouchEnd = function (evt) { onButtonEvent(evt.detail.id, 'touchend', self); }; this.controllerPresent = false; this.wasControllerConnected = false; this.lastControllerCheck = 0; this.rendererSystem = this.el.sceneEl.systems.renderer; this.bindMethods(); // generic-tracked-controller-controls has the lowest precedence. // We must diable this component if there are more specialized controls components. this.el.addEventListener('controllerconnected', function (evt) { if (evt.detail.name === self.name) { return; } self.wasControllerConnected = true; self.removeEventListeners(); self.removeControllersUpdateListener(); }); }, addEventListeners: function () { var el = this.el; el.addEventListener('buttonchanged', this.onButtonChanged); el.addEventListener('buttondown', this.onButtonDown); el.addEventListener('buttonup', this.onButtonUp); el.addEventListener('touchstart', this.onButtonTouchStart); el.addEventListener('touchend', this.onButtonTouchEnd); el.addEventListener('axismove', this.onAxisMoved); this.controllerEventsActive = true; }, removeEventListeners: function () { var el = this.el; el.removeEventListener('buttonchanged', this.onButtonChanged); el.removeEventListener('buttondown', this.onButtonDown); el.removeEventListener('buttonup', this.onButtonUp); el.removeEventListener('touchstart', this.onButtonTouchStart); el.removeEventListener('touchend', this.onButtonTouchEnd); el.removeEventListener('axismove', this.onAxisMoved); this.controllerEventsActive = false; }, checkIfControllerPresent: function () { var data = this.data; var hand = data.hand ? data.hand : undefined; checkControllerPresentAndSetup( this, GAMEPAD_ID_PREFIX, {hand: hand, iterateControllerProfiles: true}); }, play: function () { if (this.wasControllerConnected) { return; } this.checkIfControllerPresent(); this.addControllersUpdateListener(); }, pause: function () { this.removeEventListeners(); this.removeControllersUpdateListener(); }, injectTrackedControls: function () { var el = this.el; var data = this.data; // Do nothing if tracked-controls already set. // Generic controls have the lowest precedence. if (this.el.components['tracked-controls']) { this.removeEventListeners(); return; } el.setAttribute('tracked-controls', { hand: data.hand, idPrefix: GAMEPAD_ID_PREFIX, orientationOffset: data.orientationOffset, iterateControllerProfiles: true }); if (!this.data.defaultModel) { return; } this.initDefaultModel(); }, addControllersUpdateListener: function () { this.el.sceneEl.addEventListener('controllersupdated', this.onControllersUpdate, false); }, removeControllersUpdateListener: function () { this.el.sceneEl.removeEventListener('controllersupdated', this.onControllersUpdate, false); }, onControllersUpdate: function () { this.checkIfControllerPresent(); }, onButtonChanged: function (evt) { var button = this.mapping.buttons[evt.detail.id]; if (!button) return; // Pass along changed event with button state, using button mapping for convenience. this.el.emit(button + 'changed', evt.detail.state); }, onAxisMoved: function (evt) { emitIfAxesChanged(this, this.mapping.axes, evt); }, initDefaultModel: function () { var modelEl = this.modelEl = document.createElement('a-entity'); modelEl.setAttribute('geometry', { primitive: 'sphere', radius: 0.03 }); modelEl.setAttribute('material', {color: this.data.color}); this.el.appendChild(modelEl); } }); },{"../core/component":113,"../utils/bind":181,"../utils/tracked-controls":196}],62:[function(_dereq_,module,exports){ var geometries = _dereq_('../core/geometry').geometries; var geometryNames = _dereq_('../core/geometry').geometryNames; var registerComponent = _dereq_('../core/component').registerComponent; var THREE = _dereq_('../lib/three'); var dummyGeometry = new THREE.BufferGeometry(); /** * Geometry component. Combined with material component to make a mesh in 3D object. * Extended with registered geometries. */ module.exports.Component = registerComponent('geometry', { schema: { buffer: {default: true}, primitive: {default: 'box', oneOf: geometryNames, schemaChange: true}, skipCache: {default: false} }, init: function () { this.geometry = null; }, /** * Talk to geometry system to get or create geometry. */ update: function (previousData) { var data = this.data; var el = this.el; var mesh; var system = this.system; // Dispose old geometry if we created one. if (this.geometry) { system.unuseGeometry(previousData); this.geometry = null; } // Create new geometry. this.geometry = system.getOrCreateGeometry(data); // Set on mesh. If mesh does not exist, create it. mesh = el.getObject3D('mesh'); if (mesh) { mesh.geometry = this.geometry; } else { mesh = new THREE.Mesh(); mesh.geometry = this.geometry; // Default material if not defined on the entity. if (!this.el.getAttribute('material')) { mesh.material = new THREE.MeshStandardMaterial({ color: Math.random() * 0xFFFFFF, metalness: 0, roughness: 0.5 }); } el.setObject3D('mesh', mesh); } }, /** * Tell geometry system that entity is no longer using the geometry. * Unset the geometry on the mesh */ remove: function () { this.system.unuseGeometry(this.data); this.el.getObject3D('mesh').geometry = dummyGeometry; this.geometry = null; }, /** * Update geometry component schema based on geometry type. */ updateSchema: function (data) { var currentGeometryType = this.oldData && this.oldData.primitive; var newGeometryType = data.primitive; var schema = geometries[newGeometryType] && geometries[newGeometryType].schema; // Geometry has no schema. if (!schema) { throw new Error('Unknown geometry schema `' + newGeometryType + '`'); } // Nothing has changed. if (currentGeometryType && currentGeometryType === newGeometryType) { return; } this.extendSchema(schema); } }); },{"../core/component":113,"../core/geometry":114,"../lib/three":161}],63:[function(_dereq_,module,exports){ var registerComponent = _dereq_('../core/component').registerComponent; var THREE = _dereq_('../lib/three'); var utils = _dereq_('../utils/'); var warn = utils.debug('components:gltf-model:warn'); /** * glTF model loader. */ module.exports.Component = registerComponent('gltf-model', { schema: {type: 'model'}, init: function () { var dracoLoader = this.system.getDRACOLoader(); this.model = null; this.loader = new THREE.GLTFLoader(); if (dracoLoader) { this.loader.setDRACOLoader(dracoLoader); } }, update: function () { var self = this; var el = this.el; var src = this.data; if (!src) { return; } this.remove(); this.loader.load(src, function gltfLoaded (gltfModel) { self.model = gltfModel.scene || gltfModel.scenes[0]; self.model.animations = gltfModel.animations; el.setObject3D('mesh', self.model); el.emit('model-loaded', {format: 'gltf', model: self.model}); }, undefined /* onProgress */, function gltfFailed (error) { var message = (error && error.message) ? error.message : 'Failed to load glTF model'; warn(message); el.emit('model-error', {format: 'gltf', src: src}); }); }, remove: function () { if (!this.model) { return; } this.el.removeObject3D('mesh'); } }); },{"../core/component":113,"../lib/three":161,"../utils/":187}],64:[function(_dereq_,module,exports){ /* global THREE */ var registerComponent = _dereq_('../core/component').registerComponent; // Found at https://github.com/aframevr/assets. var MODEL_URLS = { toonLeft: 'https://cdn.aframe.io/controllers/hands/leftHand.glb', toonRight: 'https://cdn.aframe.io/controllers/hands/rightHand.glb', lowPolyLeft: 'https://cdn.aframe.io/controllers/hands/leftHandLow.glb', lowPolyRight: 'https://cdn.aframe.io/controllers/hands/rightHandLow.glb', highPolyLeft: 'https://cdn.aframe.io/controllers/hands/leftHandHigh.glb', highPolyRight: 'https://cdn.aframe.io/controllers/hands/rightHandHigh.glb' }; // Poses. var ANIMATIONS = { open: 'Open', // point: grip active, trackpad surface active, trigger inactive. point: 'Point', // pointThumb: grip active, trigger inactive, trackpad surface inactive. pointThumb: 'Point + Thumb', // fist: grip active, trigger active, trackpad surface active. fist: 'Fist', // hold: trigger active, grip inactive. hold: 'Hold', // thumbUp: grip active, trigger active, trackpad surface inactive. thumbUp: 'Thumb Up' }; // Map animation to public events for the API. var EVENTS = {}; EVENTS[ANIMATIONS.fist] = 'grip'; EVENTS[ANIMATIONS.thumbUp] = 'pistol'; EVENTS[ANIMATIONS.point] = 'pointing'; /** * Hand controls component that abstracts 6DoF controls: * oculus-touch-controls, vive-controls, windows-motion-controls. * * Originally meant to be a sample implementation of applications-specific controls that * abstracts multiple types of controllers. * * Auto-detect appropriate controller. * Handle common events coming from the detected vendor-specific controls. * Translate button events to semantic hand-related event names: * (gripclose, gripopen, thumbup, thumbdown, pointup, pointdown) * Load hand model with gestures that are applied based on the button pressed. * * @property {string} Hand mapping (`left`, `right`). */ module.exports.Component = registerComponent('hand-controls', { schema: { color: {default: 'white', type: 'color'}, hand: { default: 'left' }, handModelStyle: {default: 'lowPoly', oneOf: ['lowPoly', 'highPoly', 'toon']} }, init: function () { var self = this; var el = this.el; // Current pose. this.gesture = ANIMATIONS.open; // Active buttons populated by events provided by the attached controls. this.pressedButtons = {}; this.touchedButtons = {}; this.loader = new THREE.GLTFLoader(); this.loader.setCrossOrigin('anonymous'); this.onGripDown = function () { self.handleButton('grip', 'down'); }; this.onGripUp = function () { self.handleButton('grip', 'up'); }; this.onTrackpadDown = function () { self.handleButton('trackpad', 'down'); }; this.onTrackpadUp = function () { self.handleButton('trackpad', 'up'); }; this.onTrackpadTouchStart = function () { self.handleButton('trackpad', 'touchstart'); }; this.onTrackpadTouchEnd = function () { self.handleButton('trackpad', 'touchend'); }; this.onTriggerDown = function () { self.handleButton('trigger', 'down'); }; this.onTriggerUp = function () { self.handleButton('trigger', 'up'); }; this.onTriggerTouchStart = function () { self.handleButton('trigger', 'touchstart'); }; this.onTriggerTouchEnd = function () { self.handleButton('trigger', 'touchend'); }; this.onGripTouchStart = function () { self.handleButton('grip', 'touchstart'); }; this.onGripTouchEnd = function () { self.handleButton('grip', 'touchend'); }; this.onThumbstickDown = function () { self.handleButton('thumbstick', 'down'); }; this.onThumbstickUp = function () { self.handleButton('thumbstick', 'up'); }; this.onAorXTouchStart = function () { self.handleButton('AorX', 'touchstart'); }; this.onAorXTouchEnd = function () { self.handleButton('AorX', 'touchend'); }; this.onBorYTouchStart = function () { self.handleButton('BorY', 'touchstart'); }; this.onBorYTouchEnd = function () { self.handleButton('BorY', 'touchend'); }; this.onSurfaceTouchStart = function () { self.handleButton('surface', 'touchstart'); }; this.onSurfaceTouchEnd = function () { self.handleButton('surface', 'touchend'); }; this.onControllerConnected = this.onControllerConnected.bind(this); this.onControllerDisconnected = this.onControllerDisconnected.bind(this); el.addEventListener('controllerconnected', this.onControllerConnected); el.addEventListener('controllerdisconnected', this.onControllerDisconnected); // Hidden by default. el.object3D.visible = false; }, play: function () { this.addEventListeners(); }, pause: function () { this.removeEventListeners(); }, tick: function (time, delta) { var mesh = this.el.getObject3D('mesh'); if (!mesh || !mesh.mixer) { return; } mesh.mixer.update(delta / 1000); }, onControllerConnected: function () { this.el.object3D.visible = true; }, onControllerDisconnected: function () { this.el.object3D.visible = false; }, addEventListeners: function () { var el = this.el; el.addEventListener('gripdown', this.onGripDown); el.addEventListener('gripup', this.onGripUp); el.addEventListener('trackpaddown', this.onTrackpadDown); el.addEventListener('trackpadup', this.onTrackpadUp); el.addEventListener('trackpadtouchstart', this.onTrackpadTouchStart); el.addEventListener('trackpadtouchend', this.onTrackpadTouchEnd); el.addEventListener('triggerdown', this.onTriggerDown); el.addEventListener('triggerup', this.onTriggerUp); el.addEventListener('triggertouchstart', this.onTriggerTouchStart); el.addEventListener('triggertouchend', this.onTriggerTouchEnd); el.addEventListener('griptouchstart', this.onGripTouchStart); el.addEventListener('griptouchend', this.onGripTouchEnd); el.addEventListener('thumbstickdown', this.onThumbstickDown); el.addEventListener('thumbstickup', this.onThumbstickUp); el.addEventListener('abuttontouchstart', this.onAorXTouchStart); el.addEventListener('abuttontouchend', this.onAorXTouchEnd); el.addEventListener('bbuttontouchstart', this.onBorYTouchStart); el.addEventListener('bbuttontouchend', this.onBorYTouchEnd); el.addEventListener('xbuttontouchstart', this.onAorXTouchStart); el.addEventListener('xbuttontouchend', this.onAorXTouchEnd); el.addEventListener('ybuttontouchstart', this.onBorYTouchStart); el.addEventListener('ybuttontouchend', this.onBorYTouchEnd); el.addEventListener('surfacetouchstart', this.onSurfaceTouchStart); el.addEventListener('surfacetouchend', this.onSurfaceTouchEnd); }, removeEventListeners: function () { var el = this.el; el.removeEventListener('gripdown', this.onGripDown); el.removeEventListener('gripup', this.onGripUp); el.removeEventListener('trackpaddown', this.onTrackpadDown); el.removeEventListener('trackpadup', this.onTrackpadUp); el.removeEventListener('trackpadtouchstart', this.onTrackpadTouchStart); el.removeEventListener('trackpadtouchend', this.onTrackpadTouchEnd); el.removeEventListener('triggerdown', this.onTriggerDown); el.removeEventListener('triggerup', this.onTriggerUp); el.removeEventListener('triggertouchstart', this.onTriggerTouchStart); el.removeEventListener('triggertouchend', this.onTriggerTouchEnd); el.removeEventListener('griptouchstart', this.onGripTouchStart); el.removeEventListener('griptouchend', this.onGripTouchEnd); el.removeEventListener('thumbstickdown', this.onThumbstickDown); el.removeEventListener('thumbstickup', this.onThumbstickUp); el.removeEventListener('abuttontouchstart', this.onAorXTouchStart); el.removeEventListener('abuttontouchend', this.onAorXTouchEnd); el.removeEventListener('bbuttontouchstart', this.onBorYTouchStart); el.removeEventListener('bbuttontouchend', this.onBorYTouchEnd); el.removeEventListener('xbuttontouchstart', this.onAorXTouchStart); el.removeEventListener('xbuttontouchend', this.onAorXTouchEnd); el.removeEventListener('ybuttontouchstart', this.onBorYTouchStart); el.removeEventListener('ybuttontouchend', this.onBorYTouchEnd); el.removeEventListener('surfacetouchstart', this.onSurfaceTouchStart); el.removeEventListener('surfacetouchend', this.onSurfaceTouchEnd); }, /** * Update handler. More like the `init` handler since the only property is the hand, and * that won't be changing much. */ update: function (previousHand) { var controlConfiguration; var el = this.el; var hand = this.data.hand; var handModelStyle = this.data.handModelStyle; var handColor = this.data.color; var self = this; // Get common configuration to abstract different vendor controls. controlConfiguration = { hand: hand, model: false }; // Set model. if (hand !== previousHand) { var handmodelUrl = MODEL_URLS[handModelStyle + hand.charAt(0).toUpperCase() + hand.slice(1)]; this.loader.load(handmodelUrl, function (gltf) { var mesh = gltf.scene.children[0]; var handModelOrientation = hand === 'left' ? Math.PI / 2 : -Math.PI / 2; mesh.mixer = new THREE.AnimationMixer(mesh); self.clips = gltf.animations; el.setObject3D('mesh', mesh); var handMaterial = mesh.children[1].material; handMaterial.color = new THREE.Color(handColor); mesh.position.set(0, 0, 0); mesh.rotation.set(0, 0, handModelOrientation); el.setAttribute('magicleap-controls', controlConfiguration); el.setAttribute('vive-controls', controlConfiguration); el.setAttribute('oculus-touch-controls', controlConfiguration); el.setAttribute('windows-motion-controls', controlConfiguration); }); } }, remove: function () { this.el.removeObject3D('mesh'); }, /** * Play model animation, based on which button was pressed and which kind of event. * * 1. Process buttons. * 2. Determine gesture (this.determineGesture()). * 3. Animation gesture (this.animationGesture()). * 4. Emit gesture events (this.emitGestureEvents()). * * @param {string} button - Name of the button. * @param {string} evt - Type of event for the button (i.e., down/up/touchstart/touchend). */ handleButton: function (button, evt) { var lastGesture; var isPressed = evt === 'down'; var isTouched = evt === 'touchstart'; // Update objects. if (evt.indexOf('touch') === 0) { // Update touch object. if (isTouched === this.touchedButtons[button]) { return; } this.touchedButtons[button] = isTouched; } else { // Update button object. if (isPressed === this.pressedButtons[button]) { return; } this.pressedButtons[button] = isPressed; } // Determine the gesture. lastGesture = this.gesture; this.gesture = this.determineGesture(); // Same gesture. if (this.gesture === lastGesture) { return; } // Animate gesture. this.animateGesture(this.gesture, lastGesture); // Emit events. this.emitGestureEvents(this.gesture, lastGesture); }, /** * Determine which pose hand should be in considering active and touched buttons. */ determineGesture: function () { var gesture; var isGripActive = this.pressedButtons.grip; var isSurfaceActive = this.pressedButtons.surface || this.touchedButtons.surface; var isTrackpadActive = this.pressedButtons.trackpad || this.touchedButtons.trackpad; var isTriggerActive = this.pressedButtons.trigger || this.touchedButtons.trigger; var isABXYActive = this.touchedButtons.AorX || this.touchedButtons.BorY; var isVive = isViveController(this.el.components['tracked-controls']); // Works well with Oculus Touch and Windows Motion Controls, but Vive needs tweaks. if (isVive) { if (isGripActive || isTriggerActive) { gesture = ANIMATIONS.fist; } else if (isTrackpadActive) { gesture = ANIMATIONS.point; } } else { if (isGripActive) { if (isSurfaceActive || isABXYActive || isTrackpadActive) { gesture = isTriggerActive ? ANIMATIONS.fist : ANIMATIONS.point; } else { gesture = isTriggerActive ? ANIMATIONS.thumbUp : ANIMATIONS.pointThumb; } } else if (isTriggerActive) { gesture = ANIMATIONS.hold; } } return gesture; }, /** * Play corresponding clip to a gesture */ getClip: function (gesture) { var clip; var i; for (i = 0; i < this.clips.length; i++) { clip = this.clips[i]; if (clip.name !== gesture) { continue; } return clip; } }, /** * Play gesture animation. * * @param {string} gesture - Which pose to animate to. If absent, then animate to open. * @param {string} lastGesture - Previous gesture, to reverse back to open if needed. */ animateGesture: function (gesture, lastGesture) { if (gesture) { this.playAnimation(gesture || ANIMATIONS.open, lastGesture, false); return; } // If no gesture, then reverse the current gesture back to open pose. this.playAnimation(lastGesture, lastGesture, true); }, /** * Emit `hand-controls`-specific events. */ emitGestureEvents: function (gesture, lastGesture) { var el = this.el; var eventName; if (lastGesture === gesture) { return; } // Emit event for lastGesture not inactive. eventName = getGestureEventName(lastGesture, false); if (eventName) { el.emit(eventName); } // Emit event for current gesture now active. eventName = getGestureEventName(gesture, true); if (eventName) { el.emit(eventName); } }, /** * Play hand animation based on button state. * * @param {string} gesture - Name of the animation as specified by the model. * @param {string} lastGesture - Previous pose. * @param {boolean} reverse - Whether animation should play in reverse. */ playAnimation: function (gesture, lastGesture, reverse) { var clip; var fromAction; var mesh = this.el.getObject3D('mesh'); var toAction; if (!mesh) { return; } // Stop all current animations. mesh.mixer.stopAllAction(); // Grab clip action. clip = this.getClip(gesture); toAction = mesh.mixer.clipAction(clip); toAction.clampWhenFinished = true; toAction.loop = THREE.LoopRepeat; toAction.repetitions = 0; toAction.timeScale = reverse ? -1 : 1; toAction.time = reverse ? clip.duration : 0; toAction.weight = 1; // No gesture to gesture or gesture to no gesture. if (!lastGesture || gesture === lastGesture) { // Stop all current animations. mesh.mixer.stopAllAction(); // Play animation. toAction.play(); return; } // Animate or crossfade from gesture to gesture. clip = this.getClip(lastGesture); fromAction = mesh.mixer.clipAction(clip); fromAction.weight = 0.15; fromAction.play(); toAction.play(); fromAction.crossFadeTo(toAction, 0.15, true); } }); /** * Suffix gestures based on toggle state (e.g., open/close, up/down, start/end). * * @param {string} gesture * @param {boolean} active */ function getGestureEventName (gesture, active) { var eventName; if (!gesture) { return; } eventName = EVENTS[gesture]; if (eventName === 'grip') { return eventName + (active ? 'close' : 'open'); } if (eventName === 'point') { return eventName + (active ? 'up' : 'down'); } if (eventName === 'pointing' || eventName === 'pistol') { return eventName + (active ? 'start' : 'end'); } } function isViveController (trackedControls) { var controller = trackedControls && trackedControls.controller; var isVive = controller && (controller.id && controller.id.indexOf('OpenVR ') === 0 || (controller.profiles && controller.profiles[0] && controller.profiles[0] === 'htc-vive-controller-mv')); return isVive; } },{"../core/component":113}],65:[function(_dereq_,module,exports){ /* global THREE, XRRigidTransform */ var registerComponent = _dereq_('../core/component').registerComponent; var bind = _dereq_('../utils/bind'); var trackedControlsUtils = _dereq_('../utils/tracked-controls'); var checkControllerPresentAndSetup = trackedControlsUtils.checkControllerPresentAndSetup; var LEFT_HAND_MODEL_URL = 'https://cdn.aframe.io/controllers/oculus-hands/unity/left.glb'; var RIGHT_HAND_MODEL_URL = 'https://cdn.aframe.io/controllers/oculus-hands/unity/right.glb'; var BONE_PREFIX = { left: 'b_l_', right: 'b_r_' }; var JOINTS = [ 'wrist', 'thumb-metacarpal', 'thumb-phalanx-proximal', 'thumb-phalanx-distal', 'thumb-tip', 'index-finger-metacarpal', 'index-finger-phalanx-proximal', 'index-finger-phalanx-intermediate', 'index-finger-phalanx-distal', 'index-finger-tip', 'middle-finger-metacarpal', 'middle-finger-phalanx-proximal', 'middle-finger-phalanx-intermediate', 'middle-finger-phalanx-distal', 'middle-finger-tip', 'ring-finger-metacarpal', 'ring-finger-phalanx-proximal', 'ring-finger-phalanx-intermediate', 'ring-finger-phalanx-distal', 'ring-finger-tip', 'pinky-finger-metacarpal', 'pinky-finger-phalanx-proximal', 'pinky-finger-phalanx-intermediate', 'pinky-finger-phalanx-distal', 'pinky-finger-tip' ]; var BONE_MAPPING = { 'wrist': 'wrist', 'thumb-metacarpal': 'thumb1', 'thumb-phalanx-proximal': 'thumb2', 'thumb-phalanx-distal': 'thumb3', 'thumb-tip': 'thumb_null', 'index-finger-phalanx-proximal': 'index1', 'index-finger-phalanx-intermediate': 'index2', 'index-finger-phalanx-distal': 'index3', 'index-finger-tip': 'index_null', 'middle-finger-phalanx-proximal': 'middle1', 'middle-finger-phalanx-intermediate': 'middle2', 'middle-finger-phalanx-distal': 'middle3', 'middle-finger-tip': 'middle_null', 'ring-finger-phalanx-proximal': 'ring1', 'ring-finger-phalanx-intermediate': 'ring2', 'ring-finger-phalanx-distal': 'ring3', 'ring-finger-tip': 'ring_null', 'pinky-finger-metacarpal': 'pinky0', 'pinky-finger-phalanx-proximal': 'pinky1', 'pinky-finger-phalanx-intermediate': 'pinky2', 'pinky-finger-phalanx-distal': 'pinky3', 'pinky-finger-tip': 'pinky_null' }; var PINCH_START_DISTANCE = 0.015; var PINCH_END_DISTANCE = 0.03; var PINCH_POSITION_INTERPOLATION = 0.5; /** * Controls for hand tracking */ module.exports.Component = registerComponent('hand-tracking-controls', { schema: { hand: {default: 'right', oneOf: ['left', 'right']}, modelStyle: {default: 'mesh', oneOf: ['dots', 'mesh']}, modelColor: {default: 'white'} }, bindMethods: function () { this.onControllersUpdate = bind(this.onControllersUpdate, this); this.checkIfControllerPresent = bind(this.checkIfControllerPresent, this); this.removeControllersUpdateListener = bind(this.removeControllersUpdateListener, this); }, addEventListeners: function () { this.el.addEventListener('model-loaded', this.onModelLoaded); for (var i = 0; i < this.jointEls.length; ++i) { this.jointEls[i].object3D.visible = true; } }, removeEventListeners: function () { this.el.removeEventListener('model-loaded', this.onModelLoaded); for (var i = 0; i < this.jointEls.length; ++i) { this.jointEls[i].object3D.visible = false; } }, init: function () { var sceneEl = this.el.sceneEl; var webXROptionalAttributes = sceneEl.getAttribute('webxr').optionalFeatures; webXROptionalAttributes.push('hand-tracking'); sceneEl.setAttribute('webxr', {optionalFeatures: webXROptionalAttributes}); this.onModelLoaded = this.onModelLoaded.bind(this); this.jointEls = []; this.controllerPresent = false; this.isPinched = false; this.pinchEventDetail = {position: new THREE.Vector3()}; this.indexTipPosition = new THREE.Vector3(); this.bindMethods(); this.updateReferenceSpace = this.updateReferenceSpace.bind(this); this.el.sceneEl.addEventListener('enter-vr', this.updateReferenceSpace); this.el.sceneEl.addEventListener('exit-vr', this.updateReferenceSpace); }, updateReferenceSpace: function () { var self = this; var xrSession = this.el.sceneEl.xrSession; this.referenceSpace = undefined; if (!xrSession) { return; } var referenceSpaceType = self.el.sceneEl.systems.webxr.sessionReferenceSpaceType; xrSession.requestReferenceSpace(referenceSpaceType).then(function (referenceSpace) { self.referenceSpace = referenceSpace.getOffsetReferenceSpace(new XRRigidTransform({x: 0, y: 1.5, z: 0})); }).catch(function (error) { self.el.sceneEl.systems.webxr.warnIfFeatureNotRequested(referenceSpaceType, 'tracked-controls-webxr uses reference space ' + referenceSpaceType); throw error; }); }, checkIfControllerPresent: function () { var data = this.data; var hand = data.hand ? data.hand : undefined; checkControllerPresentAndSetup( this, '', {hand: hand, iterateControllerProfiles: true, handTracking: true}); }, play: function () { this.checkIfControllerPresent(); this.addControllersUpdateListener(); }, tick: function () { var sceneEl = this.el.sceneEl; var controller = this.el.components['tracked-controls'] && this.el.components['tracked-controls'].controller; var frame = sceneEl.frame; var trackedControlsWebXR = this.el.components['tracked-controls-webxr']; if (!controller || !frame || !trackedControlsWebXR) { return; } if (controller.hand) { this.el.object3D.position.set(0, 0, 0); this.el.object3D.rotation.set(0, 0, 0); if (frame.getJointPose) { this.updateHandModel(); } this.detectGesture(); } }, updateHandModel: function () { if (this.data.modelStyle === 'dots') { this.updateHandDotsModel(); } if (this.data.modelStyle === 'mesh') { this.updateHandMeshModel(); } }, getBone: function (name) { var bones = this.bones; for (var i = 0; i < bones.length; i++) { if (bones[i].name === name) { return bones[i]; } } return null; }, updateHandMeshModel: function () { var frame = this.el.sceneEl.frame; var controller = this.el.components['tracked-controls'] && this.el.components['tracked-controls'].controller; var referenceSpace = this.referenceSpace; if (!controller || !this.mesh || !referenceSpace) { return; } this.mesh.visible = false; for (var inputjoint of controller.hand.values()) { var bone; var jointPose; var jointTransform; jointPose = frame.getJointPose(inputjoint, referenceSpace); if (!BONE_MAPPING[inputjoint.jointName]) { continue; } bone = this.getBone(BONE_PREFIX[this.data.hand] + BONE_MAPPING[inputjoint.jointName]); if (bone != null && jointPose) { jointTransform = jointPose.transform; this.mesh.visible = true; bone.position.copy(jointTransform.position).multiplyScalar(100); bone.quaternion.set(jointTransform.orientation.x, jointTransform.orientation.y, jointTransform.orientation.z, jointTransform.orientation.w); } } }, updateHandDotsModel: function () { var frame = this.el.sceneEl.frame; var controller = this.el.components['tracked-controls'] && this.el.components['tracked-controls'].controller; var trackedControlsWebXR = this.el.components['tracked-controls-webxr']; var referenceSpace = trackedControlsWebXR.system.referenceSpace; var jointEl; var object3D; var jointPose; var i = 0; for (var inputjoint of controller.hand.values()) { jointEl = this.jointEls[i++]; object3D = jointEl.object3D; jointPose = frame.getJointPose(inputjoint, referenceSpace); jointEl.object3D.visible = !!jointPose; if (!jointPose) { continue; } object3D.matrix.elements = jointPose.transform.matrix; object3D.matrix.decompose(object3D.position, object3D.rotation, object3D.scale); jointEl.setAttribute('scale', {x: jointPose.radius, y: jointPose.radius, z: jointPose.radius}); } }, detectGesture: function () { this.detectPinch(); }, detectPinch: (function () { var thumbTipPosition = new THREE.Vector3(); return function () { var frame = this.el.sceneEl.frame; var indexTipPosition = this.indexTipPosition; var controller = this.el.components['tracked-controls'] && this.el.components['tracked-controls'].controller; var trackedControlsWebXR = this.el.components['tracked-controls-webxr']; var referenceSpace = this.referenceSpace || trackedControlsWebXR.system.referenceSpace; var indexTip = controller.hand.get('index-finger-tip'); var thumbTip = controller.hand.get('thumb-tip'); if (!indexTip || !thumbTip) { return; } var indexTipPose = frame.getJointPose(indexTip, referenceSpace); var thumbTipPose = frame.getJointPose(thumbTip, referenceSpace); if (!indexTipPose || !thumbTipPose) { return; } thumbTipPosition.copy(thumbTipPose.transform.position); indexTipPosition.copy(indexTipPose.transform.position); var distance = indexTipPosition.distanceTo(thumbTipPosition); if (distance < PINCH_START_DISTANCE && this.isPinched === false) { this.isPinched = true; this.pinchEventDetail.position.copy(indexTipPosition).lerp(thumbTipPosition, PINCH_POSITION_INTERPOLATION); this.pinchEventDetail.position.y += 1.5; this.el.emit('pinchstarted', this.pinchEventDetail); } if (distance > PINCH_END_DISTANCE && this.isPinched === true) { this.isPinched = false; this.pinchEventDetail.position.copy(indexTipPosition).lerp(thumbTipPosition, PINCH_POSITION_INTERPOLATION); this.pinchEventDetail.position.y += 1.5; this.el.emit('pinchended', this.pinchEventDetail); } if (this.isPinched) { this.pinchEventDetail.position.copy(indexTipPosition).lerp(thumbTipPosition, PINCH_POSITION_INTERPOLATION); this.pinchEventDetail.position.y += 1.5; this.el.emit('pinchmoved', this.pinchEventDetail); } indexTipPosition.y += 1.5; }; })(), pause: function () { this.removeEventListeners(); this.removeControllersUpdateListener(); }, injectTrackedControls: function () { var el = this.el; var data = this.data; el.setAttribute('tracked-controls', { hand: data.hand, iterateControllerProfiles: true, handTrackingEnabled: true }); this.initDefaultModel(); }, addControllersUpdateListener: function () { this.el.sceneEl.addEventListener('controllersupdated', this.onControllersUpdate, false); }, removeControllersUpdateListener: function () { this.el.sceneEl.removeEventListener('controllersupdated', this.onControllersUpdate, false); }, onControllersUpdate: function () { var controller; this.checkIfControllerPresent(); controller = this.el.components['tracked-controls'] && this.el.components['tracked-controls'].controller; if (!this.el.getObject3D('mesh')) { return; } if (!controller || !controller.hand || !controller.hand[0]) { this.el.getObject3D('mesh').visible = false; } }, initDefaultModel: function () { if (this.el.getObject3D('mesh')) { return; } if (this.data.modelStyle === 'dots') { this.initDotsModel(); } if (this.data.modelStyle === 'mesh') { this.initMeshHandModel(); } }, initDotsModel: function () { // Add models just once. if (this.jointEls.length !== 0) { return; } for (var i = 0; i < JOINTS.length; ++i) { var jointEl = this.jointEl = document.createElement('a-entity'); jointEl.setAttribute('geometry', { primitive: 'sphere', radius: 1.0 }); jointEl.setAttribute('material', {color: this.data.modelColor}); jointEl.object3D.visible = false; this.el.appendChild(jointEl); this.jointEls.push(jointEl); } }, initMeshHandModel: function () { var modelURL = this.data.hand === 'left' ? LEFT_HAND_MODEL_URL : RIGHT_HAND_MODEL_URL; this.el.setAttribute('gltf-model', modelURL); }, onModelLoaded: function () { var mesh = this.mesh = this.el.getObject3D('mesh').children[0]; var skinnedMesh = this.skinnedMesh = mesh.children[24]; if (!this.skinnedMesh) { return; } this.bones = skinnedMesh.skeleton.bones; this.el.removeObject3D('mesh'); mesh.position.set(0, 1.5, 0); mesh.rotation.set(0, 0, 0); skinnedMesh.frustumCulled = false; skinnedMesh.material = new THREE.MeshStandardMaterial({skinning: true, color: this.data.modelColor}); this.el.setObject3D('mesh', mesh); } }); },{"../core/component":113,"../utils/bind":181,"../utils/tracked-controls":196}],66:[function(_dereq_,module,exports){ _dereq_('./animation'); _dereq_('./camera'); _dereq_('./cursor'); _dereq_('./daydream-controls'); _dereq_('./gearvr-controls'); _dereq_('./geometry'); _dereq_('./generic-tracked-controller-controls'); _dereq_('./gltf-model'); _dereq_('./hand-tracking-controls'); _dereq_('./hand-controls'); _dereq_('./layer'); _dereq_('./laser-controls'); _dereq_('./light'); _dereq_('./line'); _dereq_('./link'); _dereq_('./look-controls'); _dereq_('./magicleap-controls'); _dereq_('./material'); _dereq_('./obj-model'); _dereq_('./oculus-go-controls'); _dereq_('./oculus-touch-controls'); _dereq_('./position'); _dereq_('./raycaster'); _dereq_('./rotation'); _dereq_('./scale'); _dereq_('./shadow'); _dereq_('./sound'); _dereq_('./text'); _dereq_('./tracked-controls'); _dereq_('./tracked-controls-webvr'); _dereq_('./tracked-controls-webxr'); _dereq_('./visible'); _dereq_('./valve-index-controls'); _dereq_('./vive-controls'); _dereq_('./vive-focus-controls'); _dereq_('./wasd-controls'); _dereq_('./windows-motion-controls'); _dereq_('./scene/background'); _dereq_('./scene/debug'); _dereq_('./scene/device-orientation-permission-ui'); _dereq_('./scene/embedded'); _dereq_('./scene/inspector'); _dereq_('./scene/fog'); _dereq_('./scene/keyboard-shortcuts'); _dereq_('./scene/pool'); _dereq_('./scene/screenshot'); _dereq_('./scene/stats'); _dereq_('./scene/vr-mode-ui'); },{"./animation":56,"./camera":57,"./cursor":58,"./daydream-controls":59,"./gearvr-controls":60,"./generic-tracked-controller-controls":61,"./geometry":62,"./gltf-model":63,"./hand-controls":64,"./hand-tracking-controls":65,"./laser-controls":67,"./layer":68,"./light":69,"./line":70,"./link":71,"./look-controls":72,"./magicleap-controls":73,"./material":74,"./obj-model":75,"./oculus-go-controls":76,"./oculus-touch-controls":77,"./position":78,"./raycaster":79,"./rotation":80,"./scale":81,"./scene/background":82,"./scene/debug":83,"./scene/device-orientation-permission-ui":84,"./scene/embedded":85,"./scene/fog":86,"./scene/inspector":87,"./scene/keyboard-shortcuts":88,"./scene/pool":89,"./scene/screenshot":90,"./scene/stats":91,"./scene/vr-mode-ui":92,"./shadow":93,"./sound":94,"./text":95,"./tracked-controls":98,"./tracked-controls-webvr":96,"./tracked-controls-webxr":97,"./valve-index-controls":99,"./visible":100,"./vive-controls":101,"./vive-focus-controls":102,"./wasd-controls":103,"./windows-motion-controls":104}],67:[function(_dereq_,module,exports){ var registerComponent = _dereq_('../core/component').registerComponent; var utils = _dereq_('../utils/'); registerComponent('laser-controls', { schema: { hand: {default: 'right'}, model: {default: true}, defaultModelColor: {type: 'color', default: 'grey'} }, init: function () { var config = this.config; var data = this.data; var el = this.el; var self = this; var controlsConfiguration = {hand: data.hand, model: data.model}; // Set all controller models. el.setAttribute('daydream-controls', controlsConfiguration); el.setAttribute('gearvr-controls', controlsConfiguration); el.setAttribute('magicleap-controls', controlsConfiguration); el.setAttribute('oculus-go-controls', controlsConfiguration); el.setAttribute('oculus-touch-controls', controlsConfiguration); el.setAttribute('valve-index-controls', controlsConfiguration); el.setAttribute('vive-controls', controlsConfiguration); el.setAttribute('vive-focus-controls', controlsConfiguration); el.setAttribute('windows-motion-controls', controlsConfiguration); el.setAttribute('generic-tracked-controller-controls', controlsConfiguration); // Wait for controller to connect, or have a valid pointing pose, before creating ray el.addEventListener('controllerconnected', createRay); el.addEventListener('controllerdisconnected', hideRay); el.addEventListener('controllermodelready', function (evt) { createRay(evt); self.modelReady = true; }); function createRay (evt) { var controllerConfig = config[evt.detail.name]; if (!controllerConfig) { return; } // Show the line unless a particular config opts to hide it, until a controllermodelready // event comes through. var raycasterConfig = utils.extend({ showLine: true }, controllerConfig.raycaster || {}); // The controllermodelready event contains a rayOrigin that takes into account // offsets specific to the loaded model. if (evt.detail.rayOrigin) { raycasterConfig.origin = evt.detail.rayOrigin.origin; raycasterConfig.direction = evt.detail.rayOrigin.direction; raycasterConfig.showLine = true; } // Only apply a default raycaster if it does not yet exist. This prevents it overwriting // config applied from a controllermodelready event. if (evt.detail.rayOrigin || !self.modelReady) { el.setAttribute('raycaster', raycasterConfig); } else { el.setAttribute('raycaster', 'showLine', true); } el.setAttribute('cursor', utils.extend({ fuse: false }, controllerConfig.cursor)); } function hideRay () { el.setAttribute('raycaster', 'showLine', false); } }, config: { 'daydream-controls': { cursor: {downEvents: ['trackpaddown', 'triggerdown'], upEvents: ['trackpadup', 'triggerup']} }, 'gearvr-controls': { cursor: {downEvents: ['triggerdown'], upEvents: ['triggerup']}, raycaster: {origin: {x: 0, y: 0.0010, z: 0}} }, 'generic-tracked-controller-controls': { cursor: {downEvents: ['triggerdown'], upEvents: ['triggerup']} }, 'magicleap-controls': { cursor: {downEvents: ['trackpaddown', 'triggerdown'], upEvents: ['trackpadup', 'triggerup']} }, 'oculus-go-controls': { cursor: {downEvents: ['triggerdown'], upEvents: ['triggerup']}, raycaster: {origin: {x: 0, y: 0.0005, z: 0}} }, 'oculus-touch-controls': { cursor: {downEvents: ['triggerdown'], upEvents: ['triggerup']}, raycaster: {origin: {x: 0, y: 0, z: 0}} }, 'valve-index-controls': { cursor: {downEvents: ['triggerdown'], upEvents: ['triggerup']} }, 'vive-controls': { cursor: {downEvents: ['triggerdown'], upEvents: ['triggerup']} }, 'vive-focus-controls': { cursor: {downEvents: ['trackpaddown', 'triggerdown'], upEvents: ['trackpadup', 'triggerup']} }, 'windows-motion-controls': { cursor: {downEvents: ['triggerdown'], upEvents: ['triggerup']}, raycaster: {showLine: false} } } }); },{"../core/component":113,"../utils/":187}],68:[function(_dereq_,module,exports){ /* global THREE, XRRigidTransform, XRWebGLBinding */ var registerComponent = _dereq_('../core/component').registerComponent; var utils = _dereq_('../utils/'); var warn = utils.debug('components:layer:warn'); module.exports.Component = registerComponent('layer', { schema: { type: {default: 'quad', oneOf: ['quad', 'monocubemap', 'stereocubemap']}, src: {type: 'map'}, rotateCubemap: {default: false}, width: {default: 0}, height: {default: 0} }, init: function () { var gl = this.el.sceneEl.renderer.getContext(); this.quaternion = new THREE.Quaternion(); this.position = new THREE.Vector3(); this.bindMethods(); this.needsRedraw = false; this.frameBuffer = gl.createFramebuffer(); var requiredFeatures = this.el.sceneEl.getAttribute('webxr').requiredFeatures; requiredFeatures.push('layers'); this.el.sceneEl.getAttribute('webxr', 'requiredFeatures', requiredFeatures); this.el.sceneEl.addEventListener('enter-vr', this.onEnterVR); this.el.sceneEl.addEventListener('exit-vr', this.onExitVR); }, bindMethods: function () { this.onRequestedReferenceSpace = this.onRequestedReferenceSpace.bind(this); this.onEnterVR = this.onEnterVR.bind(this); this.onExitVR = this.onExitVR.bind(this); }, update: function (oldData) { if (this.data.src !== oldData.src) { this.updateSrc(); } }, updateSrc: function () { var type = this.data.type; this.texture = undefined; if (type === 'quad') { this.loadQuadImage(); return; } if (type === 'monocubemap' || type === 'stereocubemap') { this.loadCubeMapImages(); return; } }, loadCubeMapImages: function () { var type = this.data.type; var glayer; var xrGLFactory = this.xrGLFactory; var frame = this.el.sceneEl.frame; var src = this.data.src; this.visibilityChanged = false; if (!this.layer) { return; } if (!src.complete) { this.pendingCubeMapUpdate = true; } else { this.pendingCubeMapUpdate = false; } if (!this.loadingScreen) { this.loadingScreen = true; } else { this.loadingScreen = false; } if (type === 'monocubemap') { glayer = xrGLFactory.getSubImage(this.layer, frame); this.loadCubeMapImage(glayer.colorTexture, src, 0); } else { glayer = xrGLFactory.getSubImage(this.layer, frame, 'left'); this.loadCubeMapImage(glayer.colorTexture, src, 0); glayer = xrGLFactory.getSubImage(this.layer, frame, 'right'); this.loadCubeMapImage(glayer.colorTexture, src, 6); } }, loadQuadImage: function () { var src = this.data.src; var self = this; this.el.sceneEl.systems.material.loadTexture(src, {src: src}, function textureLoaded (texture) { self.el.sceneEl.renderer.initTexture(texture); self.texture = texture; if (src.tagName === 'VIDEO') { setTimeout(function () { self.textureIsVideo = true; }, 1000); } if (self.layer) { self.layer.height = self.data.height / 2 || self.texture.image.height / 1000; self.layer.width = self.data.width / 2 || self.texture.image.width / 1000; self.needsRedraw = true; } self.updateQuadPanel(); }); }, preGenerateCubeMapTextures: function (src, callback) { if (this.data.type === 'monocubemap') { this.generateCubeMapTextures(src, 0, callback); } else { this.generateCubeMapTextures(src, 0, callback); this.generateCubeMapTextures(src, 6, callback); } }, generateCubeMapTextures: function (src, faceOffset, callback) { var data = this.data; var cubeFaceSize = this.cubeFaceSize; var textureSourceCubeFaceSize = Math.min(src.width, src.height); var cubefaceTextures = []; var imgTmp0; var imgTmp2; for (var i = 0; i < 6; i++) { var tempCanvas = document.createElement('CANVAS'); tempCanvas.width = tempCanvas.height = cubeFaceSize; var tempCanvasContext = tempCanvas.getContext('2d'); if (data.rotateCubemap) { if (i === 2 || i === 3) { tempCanvasContext.save(); tempCanvasContext.translate(cubeFaceSize, cubeFaceSize); tempCanvasContext.rotate(Math.PI); } } // Note that this call to drawImage will not only copy the bytes to the // canvas but also could resized the image if our cube face size is // smaller than the source image due to GL max texture size. tempCanvasContext.drawImage( src, (i + faceOffset) * textureSourceCubeFaceSize, // top left x coord in source 0, // top left y coord in source textureSourceCubeFaceSize, // x pixel count from source textureSourceCubeFaceSize, // y pixel count from source 0, // dest x offset in the canvas 0, // dest y offset in the canvas cubeFaceSize, // x pixel count in dest cubeFaceSize // y pixel count in dest ); tempCanvasContext.restore(); if (callback) { callback(); } cubefaceTextures.push(tempCanvas); } if (data.rotateCubemap) { imgTmp0 = cubefaceTextures[0]; imgTmp2 = cubefaceTextures[1]; cubefaceTextures[0] = imgTmp2; cubefaceTextures[1] = imgTmp0; imgTmp0 = cubefaceTextures[4]; imgTmp2 = cubefaceTextures[5]; cubefaceTextures[4] = imgTmp2; cubefaceTextures[5] = imgTmp0; } if (callback) { callback(); } return cubefaceTextures; }, loadCubeMapImage: function (layerColorTexture, src, faceOffset) { var gl = this.el.sceneEl.renderer.getContext(); var cubefaceTextures; // dont flip the pixels as we load them into the texture buffer. // TEXTURE_CUBE_MAP expects the Y to be flipped for the faces and it already // is flipped in our texture image. gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false); gl.bindTexture(gl.TEXTURE_CUBE_MAP, layerColorTexture); if (!src.complete || this.loadingScreen) { cubefaceTextures = this.loadingScreenImages; } else { cubefaceTextures = this.generateCubeMapTextures(src, faceOffset); } var errorCode = 0; cubefaceTextures.forEach(function (canvas, i) { gl.texSubImage2D( gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, 0, 0, gl.RGBA, gl.UNSIGNED_BYTE, canvas ); errorCode = gl.getError(); }); if (errorCode !== 0) { console.log('renderingError, WebGL Error Code: ' + errorCode); } gl.bindTexture(gl.TEXTURE_CUBE_MAP, null); }, tick: function () { if (!this.el.sceneEl.xrSession) { return; } if (!this.layer && this.el.sceneEl.is('vr-mode')) { this.initLayer(); } this.updateTransform(); if (this.data.src.complete && (this.pendingCubeMapUpdate || this.loadingScreen || this.visibilityChanged)) { this.loadCubeMapImages(); } if (!this.needsRedraw && !this.layer.needsRedraw && !this.textureIsVideo) { return; } if (this.data.type === 'quad') { this.draw(); } this.needsRedraw = false; }, initLayer: function () { var self = this; var type = this.data.type; this.el.sceneEl.xrSession.onvisibilitychange = function (evt) { self.visibilityChanged = evt.session.visibilityState !== 'hidden'; }; if (type === 'quad') { this.initQuadLayer(); return; } if (type === 'monocubemap' || type === 'stereocubemap') { this.initCubeMapLayer(); return; } }, initQuadLayer: function () { var sceneEl = this.el.sceneEl; var gl = sceneEl.renderer.getContext(); var xrGLFactory = this.xrGLFactory = new XRWebGLBinding(sceneEl.xrSession, gl); if (!this.texture) { return; } this.layer = xrGLFactory.createQuadLayer({ space: this.referenceSpace, viewPixelHeight: 2048, viewPixelWidth: 2048, height: this.data.height / 2 || this.texture.image.height / 1000, width: this.data.width / 2 || this.texture.image.width / 1000 }); sceneEl.renderer.xr.addLayer(this.layer); }, initCubeMapLayer: function () { var src = this.data.src; var sceneEl = this.el.sceneEl; var gl = sceneEl.renderer.getContext(); var glSizeLimit = gl.getParameter(gl.MAX_CUBE_MAP_TEXTURE_SIZE); var cubeFaceSize = this.cubeFaceSize = Math.min(glSizeLimit, Math.min(src.width, src.height)); var xrGLFactory = this.xrGLFactory = new XRWebGLBinding(sceneEl.xrSession, gl); this.layer = xrGLFactory.createCubeLayer({ space: this.referenceSpace, viewPixelWidth: cubeFaceSize, viewPixelHeight: cubeFaceSize, layout: this.data.type === 'monocubemap' ? 'mono' : 'stereo', isStatic: false }); this.initLoadingScreenImages(); this.loadCubeMapImages(); sceneEl.renderer.xr.addLayer(this.layer); }, initLoadingScreenImages: function () { var cubeFaceSize = this.cubeFaceSize; var loadingScreenImages = this.loadingScreenImages = []; for (var i = 0; i < 6; i++) { var tempCanvas = document.createElement('CANVAS'); tempCanvas.width = tempCanvas.height = cubeFaceSize; var tempCanvasContext = tempCanvas.getContext('2d'); tempCanvas.width = tempCanvas.height = cubeFaceSize; tempCanvasContext.fillStyle = 'black'; tempCanvasContext.fillRect(0, 0, cubeFaceSize, cubeFaceSize); if (i !== 2 && i !== 3) { tempCanvasContext.translate(cubeFaceSize, 0); tempCanvasContext.scale(-1, 1); tempCanvasContext.fillStyle = 'white'; tempCanvasContext.font = '30px Arial'; tempCanvasContext.fillText('Loading', cubeFaceSize / 2, cubeFaceSize / 2); } loadingScreenImages.push(tempCanvas); } }, destroyLayer: function () { if (!this.layer) { return; } this.el.sceneEl.renderer.xr.removeLayer(this.layer); this.layer.destroy(); this.layer = undefined; }, toggleCompositorLayer: function () { this.enableCompositorLayer(!this.layerEnabled); }, enableCompositorLayer: function (enable) { this.layerEnabled = enable; this.quadPanelEl.object3D.visible = !this.layerEnabled; }, updateQuadPanel: function () { var quadPanelEl = this.quadPanelEl; if (!this.quadPanelEl) { quadPanelEl = this.quadPanelEl = document.createElement('a-entity'); this.el.appendChild(quadPanelEl); } quadPanelEl.setAttribute('material', { shader: 'flat', src: this.data.src, transparent: true }); quadPanelEl.setAttribute('geometry', { primitive: 'plane', height: this.data.height || this.texture.image.height / 1000, width: this.data.width || this.texture.image.height / 1000 }); }, draw: function () { var sceneEl = this.el.sceneEl; var gl = this.el.sceneEl.renderer.getContext(); var glayer = this.xrGLFactory.getSubImage(this.layer, sceneEl.frame); var texture = sceneEl.renderer.properties.get(this.texture).__webglTexture; var previousFrameBuffer = gl.getParameter(gl.FRAMEBUFFER_BINDING); gl.viewport(glayer.viewport.x, glayer.viewport.y, glayer.viewport.width, glayer.viewport.height); gl.bindFramebuffer(gl.FRAMEBUFFER, this.frameBuffer); gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, glayer.colorTexture, 0); blitTexture(gl, texture, glayer, this.data.src); gl.bindFramebuffer(gl.FRAMEBUFFER, previousFrameBuffer); }, updateTransform: function () { var el = this.el; var position = this.position; var quaternion = this.quaternion; el.object3D.updateMatrixWorld(); position.setFromMatrixPosition(el.object3D.matrixWorld); quaternion.setFromRotationMatrix(el.object3D.matrixWorld); if (!this.layerEnabled) { position.set(0, 0, 100000000); } this.layer.transform = new XRRigidTransform(position, quaternion); }, onEnterVR: function () { var sceneEl = this.el.sceneEl; var xrSession = sceneEl.xrSession; if (!sceneEl.hasWebXR || !XRWebGLBinding || !xrSession) { warn('The layer component requires WebXR and the layers API enabled'); return; } xrSession.requestReferenceSpace('local').then(this.onRequestedReferenceSpace); this.needsRedraw = true; this.layerEnabled = true; if (this.quadPanelEl) { this.quadPanelEl.object3D.visible = false; } if (this.data.src.play) { this.data.src.play(); } }, onExitVR: function () { if (this.quadPanelEl) { this.quadPanelEl.object3D.visible = true; } this.destroyLayer(); }, onRequestedReferenceSpace: function (referenceSpace) { this.referenceSpace = referenceSpace; } }); function blitTexture (gl, texture, subImage, textureEl) { var xrReadFramebuffer = gl.createFramebuffer(); let x1offset = subImage.viewport.x; let y1offset = subImage.viewport.y; let x2offset = subImage.viewport.x + subImage.viewport.width; let y2offset = subImage.viewport.y + subImage.viewport.height; // Update video texture. if (textureEl.tagName === 'VIDEO') { gl.bindTexture(gl.TEXTURE_2D, texture); gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, textureEl.width, textureEl.height, gl.RGB, gl.UNSIGNED_BYTE, textureEl); } // Bind texture to read framebuffer. gl.bindFramebuffer(gl.READ_FRAMEBUFFER, xrReadFramebuffer); gl.framebufferTexture2D(gl.READ_FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0); // Blit into layer buffer. gl.readBuffer(gl.COLOR_ATTACHMENT0); gl.blitFramebuffer(0, 0, textureEl.width, textureEl.height, x1offset, y1offset, x2offset, y2offset, gl.COLOR_BUFFER_BIT, gl.NEAREST); gl.bindFramebuffer(gl.READ_FRAMEBUFFER, null); gl.deleteFramebuffer(xrReadFramebuffer); } },{"../core/component":113,"../utils/":187}],69:[function(_dereq_,module,exports){ var bind = _dereq_('../utils/bind'); var diff = _dereq_('../utils').diff; var debug = _dereq_('../utils/debug'); var registerComponent = _dereq_('../core/component').registerComponent; var THREE = _dereq_('../lib/three'); var degToRad = THREE.Math.degToRad; var warn = debug('components:light:warn'); /** * Light component. */ module.exports.Component = registerComponent('light', { schema: { angle: {default: 60, if: {type: ['spot']}}, color: {type: 'color'}, groundColor: {type: 'color', if: {type: ['hemisphere']}}, decay: {default: 1, if: {type: ['point', 'spot']}}, distance: {default: 0.0, min: 0, if: {type: ['point', 'spot']}}, intensity: {default: 1.0, min: 0, if: {type: ['ambient', 'directional', 'hemisphere', 'point', 'spot']}}, penumbra: {default: 0, min: 0, max: 1, if: {type: ['spot']}}, type: { default: 'directional', oneOf: ['ambient', 'directional', 'hemisphere', 'point', 'spot'], schemaChange: true }, target: {type: 'selector', if: {type: ['spot', 'directional']}}, // Shadows. castShadow: {default: false, if: {type: ['point', 'spot', 'directional']}}, shadowBias: {default: 0, if: {castShadow: true}}, shadowCameraFar: {default: 500, if: {castShadow: true}}, shadowCameraFov: {default: 90, if: {castShadow: true}}, shadowCameraNear: {default: 0.5, if: {castShadow: true}}, shadowCameraTop: {default: 5, if: {castShadow: true}}, shadowCameraRight: {default: 5, if: {castShadow: true}}, shadowCameraBottom: {default: -5, if: {castShadow: true}}, shadowCameraLeft: {default: -5, if: {castShadow: true}}, shadowCameraVisible: {default: false, if: {castShadow: true}}, shadowMapHeight: {default: 512, if: {castShadow: true}}, shadowMapWidth: {default: 512, if: {castShadow: true}}, shadowRadius: {default: 1, if: {castShadow: true}} }, /** * Notifies scene a light has been added to remove default lighting. */ init: function () { var el = this.el; this.light = null; this.defaultTarget = null; this.rendererSystem = this.el.sceneEl.systems.renderer; this.system.registerLight(el); }, /** * (Re)create or update light. */ update: function (oldData) { var data = this.data; var diffData = diff(data, oldData); var light = this.light; var rendererSystem = this.rendererSystem; var self = this; // Existing light. if (light && !('type' in diffData)) { var shadowsLoaded = false; // Light type has not changed. Update light. Object.keys(diffData).forEach(function (key) { var value = data[key]; switch (key) { case 'color': { light.color.set(value); rendererSystem.applyColorCorrection(light.color); break; } case 'groundColor': { light.groundColor.set(value); rendererSystem.applyColorCorrection(light.groundColor); break; } case 'angle': { light.angle = degToRad(value); break; } case 'target': { // Reset target if selector is null. if (value === null) { if (data.type === 'spot' || data.type === 'directional') { light.target = self.defaultTarget; } } else { // Target specified, set target to entity's `object3D` when it is loaded. if (value.hasLoaded) { self.onSetTarget(value, light); } else { value.addEventListener('loaded', bind(self.onSetTarget, self, value, light)); } } break; } case 'castShadow': case 'shadowBias': case 'shadowCameraFar': case 'shadowCameraFov': case 'shadowCameraNear': case 'shadowCameraTop': case 'shadowCameraRight': case 'shadowCameraBottom': case 'shadowCameraLeft': case 'shadowCameraVisible': case 'shadowMapHeight': case 'shadowMapWidth': case 'shadowRadius': if (!shadowsLoaded) { self.updateShadow(); shadowsLoaded = true; } break; default: { light[key] = value; } } }); return; } // No light yet or light type has changed. Create and add light. this.setLight(this.data); this.updateShadow(); }, setLight: function (data) { var el = this.el; var newLight = this.getLight(data); if (newLight) { if (this.light) { el.removeObject3D('light'); } this.light = newLight; this.light.el = el; el.setObject3D('light', this.light); // HACK solution for issue #1624 if (data.type === 'spot' || data.type === 'directional' || data.type === 'hemisphere') { el.getObject3D('light').translateY(-1); } // set and position default lighttarget as a child to enable spotlight orientation if (data.type === 'spot') { el.setObject3D('light-target', this.defaultTarget); el.getObject3D('light-target').position.set(0, 0, -1); } } }, /** * Updates shadow-related properties on the current light. */ updateShadow: function () { var el = this.el; var data = this.data; var light = this.light; light.castShadow = data.castShadow; // Shadow camera helper. var cameraHelper = el.getObject3D('cameraHelper'); if (data.shadowCameraVisible && !cameraHelper) { el.setObject3D('cameraHelper', new THREE.CameraHelper(light.shadow.camera)); } else if (!data.shadowCameraVisible && cameraHelper) { el.removeObject3D('cameraHelper'); } if (!data.castShadow) { return light; } // Shadow appearance. light.shadow.bias = data.shadowBias; light.shadow.radius = data.shadowRadius; light.shadow.mapSize.height = data.shadowMapHeight; light.shadow.mapSize.width = data.shadowMapWidth; // Shadow camera. light.shadow.camera.near = data.shadowCameraNear; light.shadow.camera.far = data.shadowCameraFar; if (light.shadow.camera instanceof THREE.OrthographicCamera) { light.shadow.camera.top = data.shadowCameraTop; light.shadow.camera.right = data.shadowCameraRight; light.shadow.camera.bottom = data.shadowCameraBottom; light.shadow.camera.left = data.shadowCameraLeft; } else { light.shadow.camera.fov = data.shadowCameraFov; } light.shadow.camera.updateProjectionMatrix(); if (cameraHelper) { cameraHelper.update(); } }, /** * Creates a new three.js light object given data object defining the light. * * @param {object} data */ getLight: function (data) { var angle = data.angle; var color = new THREE.Color(data.color); this.rendererSystem.applyColorCorrection(color); color = color.getHex(); var decay = data.decay; var distance = data.distance; var groundColor = new THREE.Color(data.groundColor); this.rendererSystem.applyColorCorrection(groundColor); groundColor = groundColor.getHex(); var intensity = data.intensity; var type = data.type; var target = data.target; var light = null; switch (type.toLowerCase()) { case 'ambient': { return new THREE.AmbientLight(color, intensity); } case 'directional': { light = new THREE.DirectionalLight(color, intensity); this.defaultTarget = light.target; if (target) { if (target.hasLoaded) { this.onSetTarget(target, light); } else { target.addEventListener('loaded', bind(this.onSetTarget, this, target, light)); } } return light; } case 'hemisphere': { return new THREE.HemisphereLight(color, groundColor, intensity); } case 'point': { return new THREE.PointLight(color, intensity, distance, decay); } case 'spot': { light = new THREE.SpotLight(color, intensity, distance, degToRad(angle), data.penumbra, decay); this.defaultTarget = light.target; if (target) { if (target.hasLoaded) { this.onSetTarget(target, light); } else { target.addEventListener('loaded', bind(this.onSetTarget, this, target, light)); } } return light; } default: { warn('%s is not a valid light type. ' + 'Choose from ambient, directional, hemisphere, point, spot.', type); } } }, onSetTarget: function (targetEl, light) { light.target = targetEl.object3D; }, /** * Remove light on remove (callback). */ remove: function () { var el = this.el; el.removeObject3D('light'); if (el.getObject3D('cameraHelper')) { el.removeObject3D('cameraHelper'); } } }); },{"../core/component":113,"../lib/three":161,"../utils":187,"../utils/bind":181,"../utils/debug":183}],70:[function(_dereq_,module,exports){ /* global THREE */ var registerComponent = _dereq_('../core/component').registerComponent; module.exports.Component = registerComponent('line', { schema: { start: {type: 'vec3', default: {x: 0, y: 0, z: 0}}, end: {type: 'vec3', default: {x: 0, y: 0, z: 0}}, color: {type: 'color', default: '#74BEC1'}, opacity: {type: 'number', default: 1}, visible: {default: true} }, multiple: true, init: function () { var data = this.data; var geometry; var material; this.rendererSystem = this.el.sceneEl.systems.renderer; material = this.material = new THREE.LineBasicMaterial({ color: data.color, opacity: data.opacity, transparent: data.opacity < 1, visible: data.visible }); geometry = this.geometry = new THREE.BufferGeometry(); geometry.setAttribute('position', new THREE.BufferAttribute(new Float32Array(2 * 3), 3)); this.rendererSystem.applyColorCorrection(material.color); this.line = new THREE.Line(geometry, material); this.el.setObject3D(this.attrName, this.line); }, update: function (oldData) { var data = this.data; var geometry = this.geometry; var geoNeedsUpdate = false; var material = this.material; var positionArray = geometry.attributes.position.array; // Update geometry. if (!isEqualVec3(data.start, oldData.start)) { positionArray[0] = data.start.x; positionArray[1] = data.start.y; positionArray[2] = data.start.z; geoNeedsUpdate = true; } if (!isEqualVec3(data.end, oldData.end)) { positionArray[3] = data.end.x; positionArray[4] = data.end.y; positionArray[5] = data.end.z; geoNeedsUpdate = true; } if (geoNeedsUpdate) { geometry.attributes.position.needsUpdate = true; geometry.computeBoundingSphere(); } material.color.setStyle(data.color); this.rendererSystem.applyColorCorrection(material.color); material.opacity = data.opacity; material.transparent = data.opacity < 1; material.visible = data.visible; }, remove: function () { this.el.removeObject3D('line', this.line); } }); function isEqualVec3 (a, b) { if (!a || !b) { return false; } return (a.x === b.x && a.y === b.y && a.z === b.z); } },{"../core/component":113}],71:[function(_dereq_,module,exports){ var registerComponent = _dereq_('../core/component').registerComponent; var registerShader = _dereq_('../core/shader').registerShader; var THREE = _dereq_('../lib/three'); /** * Link component. Connect experiences and traverse between them in VR * * @member {object} hiddenEls - Store the hidden elements during peek mode. */ module.exports.Component = registerComponent('link', { schema: { backgroundColor: {default: 'red', type: 'color'}, borderColor: {default: 'white', type: 'color'}, highlighted: {default: false}, highlightedColor: {default: '#24CAFF', type: 'color'}, href: {default: ''}, image: {type: 'asset'}, on: {default: 'click'}, peekMode: {default: false}, title: {default: ''}, titleColor: {default: 'white', type: 'color'}, visualAspectEnabled: {default: false} }, init: function () { this.navigate = this.navigate.bind(this); this.previousQuaternion = undefined; this.quaternionClone = new THREE.Quaternion(); // Store hidden elements during peek mode so we can show them again later. this.hiddenEls = []; }, update: function (oldData) { var data = this.data; var el = this.el; var backgroundColor; var strokeColor; if (!data.visualAspectEnabled) { return; } this.initVisualAspect(); backgroundColor = data.highlighted ? data.highlightedColor : data.backgroundColor; strokeColor = data.highlighted ? data.highlightedColor : data.borderColor; el.setAttribute('material', 'backgroundColor', backgroundColor); el.setAttribute('material', 'strokeColor', strokeColor); if (data.on !== oldData.on) { this.updateEventListener(); } if (oldData.peekMode !== undefined && data.peekMode !== oldData.peekMode) { this.updatePeekMode(); } if (!data.image || oldData.image === data.image) { return; } el.setAttribute('material', 'pano', typeof data.image === 'string' ? data.image : data.image.src); }, /* * Toggle all elements and full 360 preview of the linked page. */ updatePeekMode: function () { var el = this.el; var sphereEl = this.sphereEl; if (this.data.peekMode) { this.hideAll(); el.getObject3D('mesh').visible = false; sphereEl.setAttribute('visible', true); } else { this.showAll(); el.getObject3D('mesh').visible = true; sphereEl.setAttribute('visible', false); } }, play: function () { this.updateEventListener(); }, pause: function () { this.removeEventListener(); }, updateEventListener: function () { var el = this.el; if (!el.isPlaying) { return; } this.removeEventListener(); el.addEventListener(this.data.on, this.navigate); }, removeEventListener: function () { var on = this.data.on; if (!on) { return; } this.el.removeEventListener(on, this.navigate); }, initVisualAspect: function () { var el = this.el; var semiSphereEl; var sphereEl; var textEl; if (!this.data.visualAspectEnabled || this.visualAspectInitialized) { return; } textEl = this.textEl = this.textEl || document.createElement('a-entity'); sphereEl = this.sphereEl = this.sphereEl || document.createElement('a-entity'); semiSphereEl = this.semiSphereEl = this.semiSphereEl || document.createElement('a-entity'); // Set portal. el.setAttribute('geometry', {primitive: 'circle', radius: 1.0, segments: 64}); el.setAttribute('material', {shader: 'portal', pano: this.data.image, side: 'double'}); // Set text that displays the link title and URL. textEl.setAttribute('text', { color: this.data.titleColor, align: 'center', font: 'kelsonsans', value: this.data.title || this.data.href, width: 4 }); textEl.setAttribute('position', '0 1.5 0'); el.appendChild(textEl); // Set sphere rendered when camera is close to portal to allow user to peek inside. semiSphereEl.setAttribute('geometry', { primitive: 'sphere', radius: 1.0, phiStart: 0, segmentsWidth: 64, segmentsHeight: 64, phiLength: 180, thetaStart: 0, thetaLength: 360 }); semiSphereEl.setAttribute('material', { shader: 'portal', borderEnabled: 0.0, pano: this.data.image, side: 'back' }); semiSphereEl.setAttribute('rotation', '0 180 0'); semiSphereEl.setAttribute('position', '0 0 0'); semiSphereEl.setAttribute('visible', false); el.appendChild(semiSphereEl); // Set sphere rendered when camera is close to portal to allow user to peek inside. sphereEl.setAttribute('geometry', { primitive: 'sphere', radius: 10, segmentsWidth: 64, segmentsHeight: 64 }); sphereEl.setAttribute('material', { shader: 'portal', borderEnabled: 0.0, pano: this.data.image, side: 'back' }); sphereEl.setAttribute('visible', false); el.appendChild(sphereEl); this.visualAspectInitialized = true; }, navigate: function () { window.location = this.data.href; }, /** * 1. Swap plane that represents portal with sphere with a hole when the camera is close * so user can peek inside portal. Sphere is rendered on oposite side of portal * from where user enters. * 2. Place the url/title above or inside portal depending on distance to camera. * 3. Face portal to camera when far away from user. */ tick: (function () { var cameraWorldPosition = new THREE.Vector3(); var elWorldPosition = new THREE.Vector3(); var quaternion = new THREE.Quaternion(); var scale = new THREE.Vector3(); return function () { var el = this.el; var object3D = el.object3D; var camera = el.sceneEl.camera; var cameraPortalOrientation; var distance; var textEl = this.textEl; if (!this.data.visualAspectEnabled) { return; } // Update matrices object3D.updateMatrixWorld(); camera.parent.updateMatrixWorld(); camera.updateMatrixWorld(); object3D.matrix.decompose(elWorldPosition, quaternion, scale); elWorldPosition.setFromMatrixPosition(object3D.matrixWorld); cameraWorldPosition.setFromMatrixPosition(camera.matrixWorld); distance = elWorldPosition.distanceTo(cameraWorldPosition); if (distance > 20) { // Store original orientation to be restored when the portal stops facing the camera. if (!this.previousQuaternion) { this.quaternionClone.copy(quaternion); this.previousQuaternion = this.quaternionClone; } // If the portal is far away from the user, face portal to camera. object3D.lookAt(cameraWorldPosition); } else { // When portal is close to the user/camera. cameraPortalOrientation = this.calculateCameraPortalOrientation(); // If user gets very close to portal, replace with holed sphere they can peek in. if (distance < 0.5) { // Configure text size and sphere orientation depending side user approaches portal. if (this.semiSphereEl.getAttribute('visible') === true) { return; } textEl.setAttribute('text', 'width', 1.5); if (cameraPortalOrientation <= 0.0) { textEl.setAttribute('position', '0 0 0.75'); textEl.setAttribute('rotation', '0 180 0'); this.semiSphereEl.setAttribute('rotation', '0 0 0'); } else { textEl.setAttribute('position', '0 0 -0.75'); textEl.setAttribute('rotation', '0 0 0'); this.semiSphereEl.setAttribute('rotation', '0 180 0'); } el.getObject3D('mesh').visible = false; this.semiSphereEl.setAttribute('visible', true); this.peekCameraPortalOrientation = cameraPortalOrientation; } else { // Calculate wich side the camera is approaching the camera (back / front). // Adjust text orientation based on camera position. if (cameraPortalOrientation <= 0.0) { textEl.setAttribute('rotation', '0 180 0'); } else { textEl.setAttribute('rotation', '0 0 0'); } textEl.setAttribute('text', 'width', 5); textEl.setAttribute('position', '0 1.5 0'); el.getObject3D('mesh').visible = true; this.semiSphereEl.setAttribute('visible', false); this.peekCameraPortalOrientation = undefined; } if (this.previousQuaternion) { object3D.quaternion.copy(this.previousQuaternion); this.previousQuaternion = undefined; } } }; })(), hideAll: function () { var el = this.el; var hiddenEls = this.hiddenEls; var self = this; if (hiddenEls.length > 0) { return; } el.sceneEl.object3D.traverse(function (object) { if (object && object.el && object.el.hasAttribute('link-controls')) { return; } if (!object.el || object === el.sceneEl.object3D || object.el === el || object.el === self.sphereEl || object.el === el.sceneEl.cameraEl || object.el.getAttribute('visible') === false || object.el === self.textEl || object.el === self.semiSphereEl) { return; } object.el.setAttribute('visible', false); hiddenEls.push(object.el); }); }, showAll: function () { this.hiddenEls.forEach(function (el) { el.setAttribute('visible', true); }); this.hiddenEls = []; }, /** * Calculate whether the camera faces the front or back face of the portal. * @returns {number} > 0 if camera faces front of portal, < 0 if it faces back of portal. */ calculateCameraPortalOrientation: (function () { var mat4 = new THREE.Matrix4(); var cameraPosition = new THREE.Vector3(); var portalNormal = new THREE.Vector3(0, 0, 1); var portalPosition = new THREE.Vector3(0, 0, 0); return function () { var el = this.el; var camera = el.sceneEl.camera; // Reset tmp variables. cameraPosition.set(0, 0, 0); portalNormal.set(0, 0, 1); portalPosition.set(0, 0, 0); // Apply portal orientation to the normal. el.object3D.matrixWorld.extractRotation(mat4); portalNormal.applyMatrix4(mat4); // Calculate portal world position. el.object3D.updateMatrixWorld(); el.object3D.localToWorld(portalPosition); // Calculate camera world position. camera.parent.parent.updateMatrixWorld(); camera.parent.updateMatrixWorld(); camera.updateMatrixWorld(); camera.localToWorld(cameraPosition); // Calculate vector from portal to camera. // (portal) -------> (camera) cameraPosition.sub(portalPosition).normalize(); portalNormal.normalize(); // Side where camera approaches portal is given by sign of dot product of portal normal // and portal to camera vectors. return Math.sign(portalNormal.dot(cameraPosition)); }; })(), remove: function () { this.removeEventListener(); } }); /* eslint-disable */ registerShader('portal', { schema: { borderEnabled: {default: 1.0, type: 'int', is: 'uniform'}, backgroundColor: {default: 'red', type: 'color', is: 'uniform'}, pano: {type: 'map', is: 'uniform'}, strokeColor: {default: 'white', type: 'color', is: 'uniform'} }, vertexShader: [ 'vec3 portalPosition;', 'varying vec3 vWorldPosition;', 'varying float vDistanceToCenter;', 'varying float vDistance;', 'void main() {', 'vDistanceToCenter = clamp(length(position - vec3(0.0, 0.0, 0.0)), 0.0, 1.0);', 'portalPosition = (modelMatrix * vec4(0.0, 0.0, 0.0, 1.0)).xyz;', 'vDistance = length(portalPosition - cameraPosition);', 'vWorldPosition = (modelMatrix * vec4(position, 1.0)).xyz;', 'gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);', '}' ].join('\n'), fragmentShader: [ '#define RECIPROCAL_PI2 0.15915494', 'uniform sampler2D pano;', 'uniform vec3 strokeColor;', 'uniform vec3 backgroundColor;', 'uniform float borderEnabled;', 'varying float vDistanceToCenter;', 'varying float vDistance;', 'varying vec3 vWorldPosition;', 'void main() {', 'vec3 direction = normalize(vWorldPosition - cameraPosition);', 'vec2 sampleUV;', 'float borderThickness = clamp(exp(-vDistance / 50.0), 0.6, 0.95);', 'sampleUV.y = clamp(direction.y * 0.5 + 0.5, 0.0, 1.0);', 'sampleUV.x = atan(direction.z, -direction.x) * -RECIPROCAL_PI2 + 0.5;', 'if (vDistanceToCenter > borderThickness && borderEnabled == 1.0) {', 'gl_FragColor = vec4(strokeColor, 1.0);', '} else {', 'gl_FragColor = mix(texture2D(pano, sampleUV), vec4(backgroundColor, 1.0), clamp(pow((vDistance / 15.0), 2.0), 0.0, 1.0));', '}', '}' ].join('\n') }); /* eslint-enable */ },{"../core/component":113,"../core/shader":123,"../lib/three":161}],72:[function(_dereq_,module,exports){ /* global DeviceOrientationEvent */ var registerComponent = _dereq_('../core/component').registerComponent; var THREE = _dereq_('../lib/three'); var utils = _dereq_('../utils/'); var bind = utils.bind; // To avoid recalculation at every mouse movement tick var PI_2 = Math.PI / 2; /** * look-controls. Update entity pose, factoring mouse, touch, and WebVR API data. */ module.exports.Component = registerComponent('look-controls', { dependencies: ['position', 'rotation'], schema: { enabled: {default: true}, magicWindowTrackingEnabled: {default: true}, pointerLockEnabled: {default: false}, reverseMouseDrag: {default: false}, reverseTouchDrag: {default: false}, touchEnabled: {default: true}, mouseEnabled: {default: true} }, init: function () { this.deltaYaw = 0; this.previousHMDPosition = new THREE.Vector3(); this.hmdQuaternion = new THREE.Quaternion(); this.magicWindowAbsoluteEuler = new THREE.Euler(); this.magicWindowDeltaEuler = new THREE.Euler(); this.position = new THREE.Vector3(); this.magicWindowObject = new THREE.Object3D(); this.rotation = {}; this.deltaRotation = {}; this.savedPose = null; this.pointerLocked = false; this.setupMouseControls(); this.bindMethods(); this.previousMouseEvent = {}; this.setupMagicWindowControls(); // To save / restore camera pose this.savedPose = { position: new THREE.Vector3(), rotation: new THREE.Euler() }; // Call enter VR handler if the scene has entered VR before the event listeners attached. if (this.el.sceneEl.is('vr-mode')) { this.onEnterVR(); } }, setupMagicWindowControls: function () { var magicWindowControls; var data = this.data; // Only on mobile devices and only enabled if DeviceOrientation permission has been granted. if (utils.device.isMobile()) { magicWindowControls = this.magicWindowControls = new THREE.DeviceOrientationControls(this.magicWindowObject); if (typeof DeviceOrientationEvent !== 'undefined' && DeviceOrientationEvent.requestPermission) { magicWindowControls.enabled = false; if (this.el.sceneEl.components['device-orientation-permission-ui'].permissionGranted) { magicWindowControls.enabled = data.magicWindowTrackingEnabled; } else { this.el.sceneEl.addEventListener('deviceorientationpermissiongranted', function () { magicWindowControls.enabled = data.magicWindowTrackingEnabled; }); } } } }, update: function (oldData) { var data = this.data; // Disable grab cursor classes if no longer enabled. if (data.enabled !== oldData.enabled) { this.updateGrabCursor(data.enabled); } // Reset magic window eulers if tracking is disabled. if (oldData && !data.magicWindowTrackingEnabled && oldData.magicWindowTrackingEnabled) { this.magicWindowAbsoluteEuler.set(0, 0, 0); this.magicWindowDeltaEuler.set(0, 0, 0); } // Pass on magic window tracking setting to magicWindowControls. if (this.magicWindowControls) { this.magicWindowControls.enabled = data.magicWindowTrackingEnabled; } if (oldData && !data.pointerLockEnabled !== oldData.pointerLockEnabled) { this.removeEventListeners(); this.addEventListeners(); if (this.pointerLocked) { this.exitPointerLock(); } } }, tick: function (t) { var data = this.data; if (!data.enabled) { return; } this.updateOrientation(); }, play: function () { this.addEventListeners(); }, pause: function () { this.removeEventListeners(); if (this.pointerLocked) { this.exitPointerLock(); } }, remove: function () { this.removeEventListeners(); if (this.pointerLocked) { this.exitPointerLock(); } }, bindMethods: function () { this.onMouseDown = bind(this.onMouseDown, this); this.onMouseMove = bind(this.onMouseMove, this); this.onMouseUp = bind(this.onMouseUp, this); this.onTouchStart = bind(this.onTouchStart, this); this.onTouchMove = bind(this.onTouchMove, this); this.onTouchEnd = bind(this.onTouchEnd, this); this.onEnterVR = bind(this.onEnterVR, this); this.onExitVR = bind(this.onExitVR, this); this.onPointerLockChange = bind(this.onPointerLockChange, this); this.onPointerLockError = bind(this.onPointerLockError, this); }, /** * Set up states and Object3Ds needed to store rotation data. */ setupMouseControls: function () { this.mouseDown = false; this.pitchObject = new THREE.Object3D(); this.yawObject = new THREE.Object3D(); this.yawObject.position.y = 10; this.yawObject.add(this.pitchObject); }, /** * Add mouse and touch event listeners to canvas. */ addEventListeners: function () { var sceneEl = this.el.sceneEl; var canvasEl = sceneEl.canvas; // Wait for canvas to load. if (!canvasEl) { sceneEl.addEventListener('render-target-loaded', bind(this.addEventListeners, this)); return; } // Mouse events. canvasEl.addEventListener('mousedown', this.onMouseDown, false); window.addEventListener('mousemove', this.onMouseMove, false); window.addEventListener('mouseup', this.onMouseUp, false); // Touch events. canvasEl.addEventListener('touchstart', this.onTouchStart); window.addEventListener('touchmove', this.onTouchMove); window.addEventListener('touchend', this.onTouchEnd); // sceneEl events. sceneEl.addEventListener('enter-vr', this.onEnterVR); sceneEl.addEventListener('exit-vr', this.onExitVR); // Pointer Lock events. if (this.data.pointerLockEnabled) { document.addEventListener('pointerlockchange', this.onPointerLockChange, false); document.addEventListener('mozpointerlockchange', this.onPointerLockChange, false); document.addEventListener('pointerlockerror', this.onPointerLockError, false); } }, /** * Remove mouse and touch event listeners from canvas. */ removeEventListeners: function () { var sceneEl = this.el.sceneEl; var canvasEl = sceneEl && sceneEl.canvas; if (!canvasEl) { return; } // Mouse events. canvasEl.removeEventListener('mousedown', this.onMouseDown); window.removeEventListener('mousemove', this.onMouseMove); window.removeEventListener('mouseup', this.onMouseUp); // Touch events. canvasEl.removeEventListener('touchstart', this.onTouchStart); window.removeEventListener('touchmove', this.onTouchMove); window.removeEventListener('touchend', this.onTouchEnd); // sceneEl events. sceneEl.removeEventListener('enter-vr', this.onEnterVR); sceneEl.removeEventListener('exit-vr', this.onExitVR); // Pointer Lock events. document.removeEventListener('pointerlockchange', this.onPointerLockChange, false); document.removeEventListener('mozpointerlockchange', this.onPointerLockChange, false); document.removeEventListener('pointerlockerror', this.onPointerLockError, false); }, /** * Update orientation for mobile, mouse drag, and headset. * Mouse-drag only enabled if HMD is not active. */ updateOrientation: (function () { var poseMatrix = new THREE.Matrix4(); return function () { var object3D = this.el.object3D; var pitchObject = this.pitchObject; var yawObject = this.yawObject; var pose; var sceneEl = this.el.sceneEl; // In VR mode, THREE is in charge of updating the camera pose. if (sceneEl.is('vr-mode') && sceneEl.checkHeadsetConnected()) { // With WebXR THREE applies headset pose to the object3D matrixWorld internally. // Reflect values back on position, rotation, scale for getAttribute to return the expected values. if (sceneEl.hasWebXR) { pose = sceneEl.renderer.xr.getCameraPose(); if (pose) { poseMatrix.elements = pose.transform.matrix; poseMatrix.decompose(object3D.position, object3D.rotation, object3D.scale); } } return; } this.updateMagicWindowOrientation(); // On mobile, do camera rotation with touch events and sensors. object3D.rotation.x = this.magicWindowDeltaEuler.x + pitchObject.rotation.x; object3D.rotation.y = this.magicWindowDeltaEuler.y + yawObject.rotation.y; object3D.rotation.z = this.magicWindowDeltaEuler.z; }; })(), updateMagicWindowOrientation: function () { var magicWindowAbsoluteEuler = this.magicWindowAbsoluteEuler; var magicWindowDeltaEuler = this.magicWindowDeltaEuler; // Calculate magic window HMD quaternion. if (this.magicWindowControls && this.magicWindowControls.enabled) { this.magicWindowControls.update(); magicWindowAbsoluteEuler.setFromQuaternion(this.magicWindowObject.quaternion, 'YXZ'); if (!this.previousMagicWindowYaw && magicWindowAbsoluteEuler.y !== 0) { this.previousMagicWindowYaw = magicWindowAbsoluteEuler.y; } if (this.previousMagicWindowYaw) { magicWindowDeltaEuler.x = magicWindowAbsoluteEuler.x; magicWindowDeltaEuler.y += magicWindowAbsoluteEuler.y - this.previousMagicWindowYaw; magicWindowDeltaEuler.z = magicWindowAbsoluteEuler.z; this.previousMagicWindowYaw = magicWindowAbsoluteEuler.y; } } }, /** * Translate mouse drag into rotation. * * Dragging up and down rotates the camera around the X-axis (yaw). * Dragging left and right rotates the camera around the Y-axis (pitch). */ onMouseMove: function (evt) { var direction; var movementX; var movementY; var pitchObject = this.pitchObject; var previousMouseEvent = this.previousMouseEvent; var yawObject = this.yawObject; // Not dragging or not enabled. if (!this.data.enabled || (!this.mouseDown && !this.pointerLocked)) { return; } // Calculate delta. if (this.pointerLocked) { movementX = evt.movementX || evt.mozMovementX || 0; movementY = evt.movementY || evt.mozMovementY || 0; } else { movementX = evt.screenX - previousMouseEvent.screenX; movementY = evt.screenY - previousMouseEvent.screenY; } this.previousMouseEvent.screenX = evt.screenX; this.previousMouseEvent.screenY = evt.screenY; // Calculate rotation. direction = this.data.reverseMouseDrag ? 1 : -1; yawObject.rotation.y += movementX * 0.002 * direction; pitchObject.rotation.x += movementY * 0.002 * direction; pitchObject.rotation.x = Math.max(-PI_2, Math.min(PI_2, pitchObject.rotation.x)); }, /** * Register mouse down to detect mouse drag. */ onMouseDown: function (evt) { var sceneEl = this.el.sceneEl; if (!this.data.enabled || !this.data.mouseEnabled || (sceneEl.is('vr-mode') && sceneEl.checkHeadsetConnected())) { return; } // Handle only primary button. if (evt.button !== 0) { return; } var canvasEl = sceneEl && sceneEl.canvas; this.mouseDown = true; this.previousMouseEvent.screenX = evt.screenX; this.previousMouseEvent.screenY = evt.screenY; this.showGrabbingCursor(); if (this.data.pointerLockEnabled && !this.pointerLocked) { if (canvasEl.requestPointerLock) { canvasEl.requestPointerLock(); } else if (canvasEl.mozRequestPointerLock) { canvasEl.mozRequestPointerLock(); } } }, /** * Shows grabbing cursor on scene */ showGrabbingCursor: function () { this.el.sceneEl.canvas.style.cursor = 'grabbing'; }, /** * Hides grabbing cursor on scene */ hideGrabbingCursor: function () { this.el.sceneEl.canvas.style.cursor = ''; }, /** * Register mouse up to detect release of mouse drag. */ onMouseUp: function () { this.mouseDown = false; this.hideGrabbingCursor(); }, /** * Register touch down to detect touch drag. */ onTouchStart: function (evt) { if (evt.touches.length !== 1 || !this.data.touchEnabled || this.el.sceneEl.is('vr-mode')) { return; } this.touchStart = { x: evt.touches[0].pageX, y: evt.touches[0].pageY }; this.touchStarted = true; }, /** * Translate touch move to Y-axis rotation. */ onTouchMove: function (evt) { var direction; var canvas = this.el.sceneEl.canvas; var deltaY; var yawObject = this.yawObject; if (!this.touchStarted || !this.data.touchEnabled) { return; } deltaY = 2 * Math.PI * (evt.touches[0].pageX - this.touchStart.x) / canvas.clientWidth; direction = this.data.reverseTouchDrag ? 1 : -1; // Limit touch orientaion to to yaw (y axis). yawObject.rotation.y -= deltaY * 0.5 * direction; this.touchStart = { x: evt.touches[0].pageX, y: evt.touches[0].pageY }; }, /** * Register touch end to detect release of touch drag. */ onTouchEnd: function () { this.touchStarted = false; }, /** * Save pose. */ onEnterVR: function () { var sceneEl = this.el.sceneEl; if (!sceneEl.checkHeadsetConnected()) { return; } this.saveCameraPose(); this.el.object3D.position.set(0, 0, 0); this.el.object3D.rotation.set(0, 0, 0); if (sceneEl.hasWebXR) { this.el.object3D.matrixAutoUpdate = false; this.el.object3D.updateMatrix(); } }, /** * Restore the pose. */ onExitVR: function () { if (!this.el.sceneEl.checkHeadsetConnected()) { return; } this.restoreCameraPose(); this.previousHMDPosition.set(0, 0, 0); this.el.object3D.matrixAutoUpdate = true; }, /** * Update Pointer Lock state. */ onPointerLockChange: function () { this.pointerLocked = !!(document.pointerLockElement || document.mozPointerLockElement); }, /** * Recover from Pointer Lock error. */ onPointerLockError: function () { this.pointerLocked = false; }, // Exits pointer-locked mode. exitPointerLock: function () { document.exitPointerLock(); this.pointerLocked = false; }, /** * Toggle the feature of showing/hiding the grab cursor. */ updateGrabCursor: function (enabled) { var sceneEl = this.el.sceneEl; function enableGrabCursor () { sceneEl.canvas.classList.add('a-grab-cursor'); } function disableGrabCursor () { sceneEl.canvas.classList.remove('a-grab-cursor'); } if (!sceneEl.canvas) { if (enabled) { sceneEl.addEventListener('render-target-loaded', enableGrabCursor); } else { sceneEl.addEventListener('render-target-loaded', disableGrabCursor); } return; } if (enabled) { enableGrabCursor(); return; } disableGrabCursor(); }, /** * Save camera pose before entering VR to restore later if exiting. */ saveCameraPose: function () { var el = this.el; this.savedPose.position.copy(el.object3D.position); this.savedPose.rotation.copy(el.object3D.rotation); this.hasSavedPose = true; }, /** * Reset camera pose to before entering VR. */ restoreCameraPose: function () { var el = this.el; var savedPose = this.savedPose; if (!this.hasSavedPose) { return; } // Reset camera orientation. el.object3D.position.copy(savedPose.position); el.object3D.rotation.copy(savedPose.rotation); this.hasSavedPose = false; } }); },{"../core/component":113,"../lib/three":161,"../utils/":187}],73:[function(_dereq_,module,exports){ var bind = _dereq_('../utils/bind'); var registerComponent = _dereq_('../core/component').registerComponent; var trackedControlsUtils = _dereq_('../utils/tracked-controls'); var checkControllerPresentAndSetup = trackedControlsUtils.checkControllerPresentAndSetup; var emitIfAxesChanged = trackedControlsUtils.emitIfAxesChanged; var onButtonEvent = trackedControlsUtils.onButtonEvent; // See Profiles Registry: // https://github.com/immersive-web/webxr-input-profiles/tree/master/packages/registry // TODO: Add a more robust system for deriving gamepad name. var GAMEPAD_ID_PREFIX = 'magicleap'; var GAMEPAD_ID_SUFFIX = '-one'; var GAMEPAD_ID_COMPOSITE = GAMEPAD_ID_PREFIX + GAMEPAD_ID_SUFFIX; var MAGICLEAP_CONTROLLER_MODEL_GLB_URL = 'https://cdn.aframe.io/controllers/magicleap/magicleap-one-controller.glb'; /** * Button IDs: * 0 - trigger * 1 - grip * 2 - touchpad * 3 - menu (never dispatched on this layer) * * Axis: * 0 - touchpad x axis * 1 - touchpad y axis */ var INPUT_MAPPING_WEBXR = { axes: {touchpad: [0, 1]}, buttons: ['trigger', 'grip', 'touchpad', 'menu'] }; /** * Magic Leap Controls * Interface with Magic Leap control and map Gamepad events to controller * buttons: trigger, grip, touchpad, and menu. * Load a controller model. */ module.exports.Component = registerComponent('magicleap-controls', { schema: { hand: {default: 'none'}, model: {default: true}, orientationOffset: {type: 'vec3'} }, mapping: INPUT_MAPPING_WEBXR, init: function () { var self = this; this.controllerPresent = false; this.lastControllerCheck = 0; this.onButtonChanged = bind(this.onButtonChanged, this); this.onButtonDown = function (evt) { onButtonEvent(evt.detail.id, 'down', self); }; this.onButtonUp = function (evt) { onButtonEvent(evt.detail.id, 'up', self); }; this.onButtonTouchEnd = function (evt) { onButtonEvent(evt.detail.id, 'touchend', self); }; this.onButtonTouchStart = function (evt) { onButtonEvent(evt.detail.id, 'touchstart', self); }; this.previousButtonValues = {}; this.rendererSystem = this.el.sceneEl.systems.renderer; this.bindMethods(); }, update: function () { var data = this.data; this.controllerIndex = data.hand === 'right' ? 0 : data.hand === 'left' ? 1 : 2; }, play: function () { this.checkIfControllerPresent(); this.addControllersUpdateListener(); }, pause: function () { this.removeEventListeners(); this.removeControllersUpdateListener(); }, bindMethods: function () { this.onModelLoaded = bind(this.onModelLoaded, this); this.onControllersUpdate = bind(this.onControllersUpdate, this); this.checkIfControllerPresent = bind(this.checkIfControllerPresent, this); this.removeControllersUpdateListener = bind(this.removeControllersUpdateListener, this); this.onAxisMoved = bind(this.onAxisMoved, this); }, addEventListeners: function () { var el = this.el; el.addEventListener('buttonchanged', this.onButtonChanged); el.addEventListener('buttondown', this.onButtonDown); el.addEventListener('buttonup', this.onButtonUp); el.addEventListener('touchstart', this.onButtonTouchStart); el.addEventListener('touchend', this.onButtonTouchEnd); el.addEventListener('axismove', this.onAxisMoved); el.addEventListener('model-loaded', this.onModelLoaded); this.controllerEventsActive = true; }, removeEventListeners: function () { var el = this.el; el.removeEventListener('buttonchanged', this.onButtonChanged); el.removeEventListener('buttondown', this.onButtonDown); el.removeEventListener('buttonup', this.onButtonUp); el.removeEventListener('touchstart', this.onButtonTouchStart); el.removeEventListener('touchend', this.onButtonTouchEnd); el.removeEventListener('axismove', this.onAxisMoved); el.removeEventListener('model-loaded', this.onModelLoaded); this.controllerEventsActive = false; }, checkIfControllerPresent: function () { var data = this.data; checkControllerPresentAndSetup(this, GAMEPAD_ID_COMPOSITE, {index: this.controllerIndex, hand: data.hand}); }, injectTrackedControls: function () { var el = this.el; var data = this.data; el.setAttribute('tracked-controls', { // TODO: verify expected behavior between reserved prefixes. idPrefix: GAMEPAD_ID_COMPOSITE, hand: data.hand, controller: this.controllerIndex, orientationOffset: data.orientationOffset }); // Load model. if (!this.data.model) { return; } this.el.setAttribute('gltf-model', MAGICLEAP_CONTROLLER_MODEL_GLB_URL); }, addControllersUpdateListener: function () { this.el.sceneEl.addEventListener('controllersupdated', this.onControllersUpdate, false); }, removeControllersUpdateListener: function () { this.el.sceneEl.removeEventListener('controllersupdated', this.onControllersUpdate, false); }, onControllersUpdate: function () { // Note that due to gamepadconnected event propagation issues, we don't rely on events. this.checkIfControllerPresent(); }, /** * Rotate the trigger button based on how hard the trigger is pressed. */ onButtonChanged: function (evt) { var button = this.mapping.buttons[evt.detail.id]; var analogValue; if (!button) { return; } if (button === 'trigger') { analogValue = evt.detail.state.value; console.log('analog value of trigger press: ' + analogValue); } // Pass along changed event with button state, using button mapping for convenience. this.el.emit(button + 'changed', evt.detail.state); }, onModelLoaded: function (evt) { var controllerObject3D = evt.detail.model; // our glb scale is too large. controllerObject3D.scale.set(0.01, 0.01, 0.01); }, onAxisMoved: function (evt) { emitIfAxesChanged(this, this.mapping.axes, evt); }, updateModel: function (buttonName, evtName) {}, setButtonColor: function (buttonName, color) {} }); },{"../core/component":113,"../utils/bind":181,"../utils/tracked-controls":196}],74:[function(_dereq_,module,exports){ /* global Promise */ var utils = _dereq_('../utils/'); var component = _dereq_('../core/component'); var THREE = _dereq_('../lib/three'); var shader = _dereq_('../core/shader'); var error = utils.debug('components:material:error'); var registerComponent = component.registerComponent; var shaders = shader.shaders; var shaderNames = shader.shaderNames; /** * Material component. * * @member {object} shader - Determines how material is shaded. Defaults to `standard`, * three.js's implementation of PBR. Another standard shading model is `flat` which * uses MeshBasicMaterial. */ module.exports.Component = registerComponent('material', { schema: { alphaTest: {default: 0.0, min: 0.0, max: 1.0}, depthTest: {default: true}, depthWrite: {default: true}, flatShading: {default: false}, npot: {default: false}, offset: {type: 'vec2', default: {x: 0, y: 0}}, opacity: {default: 1.0, min: 0.0, max: 1.0}, repeat: {type: 'vec2', default: {x: 1, y: 1}}, shader: {default: 'standard', oneOf: shaderNames, schemaChange: true}, side: {default: 'front', oneOf: ['front', 'back', 'double']}, transparent: {default: false}, vertexColors: {type: 'string', default: 'none', oneOf: ['face', 'vertex']}, visible: {default: true}, blending: {default: 'normal', oneOf: ['none', 'normal', 'additive', 'subtractive', 'multiply']}, dithering: {default: true} }, init: function () { this.material = null; }, /** * Update or create material. * * @param {object|null} oldData */ update: function (oldData) { var data = this.data; if (!this.shader || data.shader !== oldData.shader) { this.updateShader(data.shader); } this.shader.update(this.data); this.updateMaterial(oldData); }, updateSchema: function (data) { var currentShader; var newShader; var schema; var shader; newShader = data && data.shader; currentShader = this.oldData && this.oldData.shader; shader = newShader || currentShader; schema = shaders[shader] && shaders[shader].schema; if (!schema) { error('Unknown shader schema ' + shader); } if (currentShader && newShader === currentShader) { return; } this.extendSchema(schema); this.updateBehavior(); }, updateBehavior: function () { var key; var sceneEl = this.el.sceneEl; var schema = this.schema; var self = this; var tickProperties; function tickTime (time, delta) { var key; for (key in tickProperties) { tickProperties[key] = time; } self.shader.update(tickProperties); } this.tick = undefined; tickProperties = {}; for (key in schema) { if (schema[key].type === 'time') { this.tick = tickTime; tickProperties[key] = true; } } if (!sceneEl) { return; } if (this.tick) { sceneEl.addBehavior(this); } else { sceneEl.removeBehavior(this); } }, updateShader: function (shaderName) { var data = this.data; var Shader = shaders[shaderName] && shaders[shaderName].Shader; var shaderInstance; if (!Shader) { throw new Error('Unknown shader ' + shaderName); } // Get material from A-Frame shader. shaderInstance = this.shader = new Shader(); shaderInstance.el = this.el; shaderInstance.init(data); this.setMaterial(shaderInstance.material); this.updateSchema(data); }, /** * Set and update base material properties. * Set `needsUpdate` when needed. */ updateMaterial: function (oldData) { var data = this.data; var material = this.material; var oldDataHasKeys; // Base material properties. material.alphaTest = data.alphaTest; material.depthTest = data.depthTest !== false; material.depthWrite = data.depthWrite !== false; material.opacity = data.opacity; material.flatShading = data.flatShading; material.side = parseSide(data.side); material.transparent = data.transparent !== false || data.opacity < 1.0; material.vertexColors = parseVertexColors(data.vertexColors); material.visible = data.visible; material.blending = parseBlending(data.blending); material.dithering = data.dithering; // Check if material needs update. for (oldDataHasKeys in oldData) { break; } if (oldDataHasKeys && (oldData.alphaTest !== data.alphaTest || oldData.side !== data.side || oldData.vertexColors !== data.vertexColors)) { material.needsUpdate = true; } }, /** * Remove material on remove (callback). * Dispose of it from memory and unsubscribe from scene updates. */ remove: function () { var defaultMaterial = new THREE.MeshBasicMaterial(); var material = this.material; var object3D = this.el.getObject3D('mesh'); if (object3D) { object3D.material = defaultMaterial; } disposeMaterial(material, this.system); }, /** * (Re)create new material. Has side-effects of setting `this.material` and updating * material registration in scene. * * @param {object} data - Material component data. * @param {object} type - Material type to create. * @returns {object} Material. */ setMaterial: function (material) { var el = this.el; var mesh; var system = this.system; if (this.material) { disposeMaterial(this.material, system); } this.material = material; system.registerMaterial(material); // Set on mesh. If mesh does not exist, wait for it. mesh = el.getObject3D('mesh'); if (mesh) { mesh.material = material; } else { el.addEventListener('object3dset', function waitForMesh (evt) { if (evt.detail.type !== 'mesh' || evt.target !== el) { return; } el.getObject3D('mesh').material = material; el.removeEventListener('object3dset', waitForMesh); }); } } }); /** * Return a three.js constant determining which material face sides to render * based on the side parameter (passed as a component property). * * @param {string} [side=front] - `front`, `back`, or `double`. * @returns {number} THREE.FrontSide, THREE.BackSide, or THREE.DoubleSide. */ function parseSide (side) { switch (side) { case 'back': { return THREE.BackSide; } case 'double': { return THREE.DoubleSide; } default: { // Including case `front`. return THREE.FrontSide; } } } /** * Return a three.js constant determining vertex coloring. */ function parseVertexColors (coloring) { switch (coloring) { case 'face': { return THREE.FaceColors; } case 'vertex': { return THREE.VertexColors; } default: { return THREE.NoColors; } } } /** * Return a three.js constant determining blending * * @param {string} [blending=normal] * - `none`, additive`, `subtractive`,`multiply` or `normal`. * @returns {number} */ function parseBlending (blending) { switch (blending) { case 'none': { return THREE.NoBlending; } case 'additive': { return THREE.AdditiveBlending; } case 'subtractive': { return THREE.SubtractiveBlending; } case 'multiply': { return THREE.MultiplyBlending; } default: { return THREE.NormalBlending; } } } /** * Dispose of material from memory and unsubscribe material from scene updates like fog. */ function disposeMaterial (material, system) { material.dispose(); system.unregisterMaterial(material); } },{"../core/component":113,"../core/shader":123,"../lib/three":161,"../utils/":187}],75:[function(_dereq_,module,exports){ var debug = _dereq_('../utils/debug'); var registerComponent = _dereq_('../core/component').registerComponent; var THREE = _dereq_('../lib/three'); var warn = debug('components:obj-model:warn'); module.exports.Component = registerComponent('obj-model', { schema: { mtl: {type: 'model'}, obj: {type: 'model'} }, init: function () { var self = this; this.model = null; this.objLoader = new THREE.OBJLoader(); this.mtlLoader = new THREE.MTLLoader(this.objLoader.manager); // Allow cross-origin images to be loaded. this.mtlLoader.crossOrigin = ''; this.el.addEventListener('componentinitialized', function (evt) { if (!self.model) { return; } if (evt.detail.name !== 'material') { return; } self.applyMaterial(); }); }, update: function () { var data = this.data; if (!data.obj) { return; } this.resetMesh(); this.loadObj(data.obj, data.mtl); }, remove: function () { if (!this.model) { return; } this.resetMesh(); }, resetMesh: function () { this.el.removeObject3D('mesh'); }, loadObj: function (objUrl, mtlUrl) { var self = this; var el = this.el; var mtlLoader = this.mtlLoader; var objLoader = this.objLoader; var rendererSystem = this.el.sceneEl.systems.renderer; var BASE_PATH = mtlUrl.substr(0, mtlUrl.lastIndexOf('/') + 1); if (mtlUrl) { // .OBJ with an .MTL. if (el.hasAttribute('material')) { warn('Material component properties are ignored when a .MTL is provided'); } mtlLoader.setResourcePath(BASE_PATH); mtlLoader.load(mtlUrl, function (materials) { materials.preload(); objLoader.setMaterials(materials); objLoader.load(objUrl, function (objModel) { self.model = objModel; self.model.traverse(function (object) { if (object.isMesh) { var material = object.material; if (material.color) rendererSystem.applyColorCorrection(material.color); if (material.map) rendererSystem.applyColorCorrection(material.map); if (material.emissive) rendererSystem.applyColorCorrection(material.emissive); if (material.emissiveMap) rendererSystem.applyColorCorrection(material.emissiveMap); } }); el.setObject3D('mesh', objModel); el.emit('model-loaded', {format: 'obj', model: objModel}); }); }); return; } // .OBJ only. objLoader.load(objUrl, function loadObjOnly (objModel) { self.model = objModel; self.applyMaterial(); el.setObject3D('mesh', objModel); el.emit('model-loaded', {format: 'obj', model: objModel}); }); }, /** * Apply material from material component recursively. */ applyMaterial: function () { var material = this.el.components.material; if (!material) { return; } this.model.traverse(function (child) { if (child instanceof THREE.Mesh) { child.material = material.material; } }); } }); },{"../core/component":113,"../lib/three":161,"../utils/debug":183}],76:[function(_dereq_,module,exports){ var registerComponent = _dereq_('../core/component').registerComponent; var bind = _dereq_('../utils/bind'); var trackedControlsUtils = _dereq_('../utils/tracked-controls'); var checkControllerPresentAndSetup = trackedControlsUtils.checkControllerPresentAndSetup; var emitIfAxesChanged = trackedControlsUtils.emitIfAxesChanged; var onButtonEvent = trackedControlsUtils.onButtonEvent; var isWebXRAvailable = _dereq_('../utils/').device.isWebXRAvailable; var GAMEPAD_ID_WEBXR = 'oculus-go'; var GAMEPAD_ID_WEBVR = 'Oculus Go'; var OCULUS_GO_CONTROLLER_MODEL_URL = 'https://cdn.aframe.io/controllers/oculus/go/oculus-go-controller.gltf'; // Prefix for Gen1 and Gen2 Oculus Touch Controllers. var GAMEPAD_ID_PREFIX = isWebXRAvailable ? GAMEPAD_ID_WEBXR : GAMEPAD_ID_WEBVR; /** * Button indices: * 0 - trackpad * 1 - trigger * * Axis: * 0 - trackpad x * 1 - trackpad y */ var INPUT_MAPPING_WEBVR = { axes: {trackpad: [0, 1]}, buttons: ['trackpad', 'trigger'] }; /** * Button indices: * 0 - trigger * 1 - none * 2 - touchpad * * Axis: * 0 - touchpad x * 1 - touchpad y * Reference: https://github.com/immersive-web/webxr-input-profiles/blob/master/packages/registry/profiles/oculus/oculus-go.json */ var INPUT_MAPPING_WEBXR = { axes: {touchpad: [0, 1]}, buttons: ['trigger', 'none', 'touchpad'] }; var INPUT_MAPPING = isWebXRAvailable ? INPUT_MAPPING_WEBXR : INPUT_MAPPING_WEBVR; /** * Oculus Go controls. * Interface with Oculus Go controller and map Gamepad events to * controller buttons: trackpad, trigger * Load a controller model and highlight the pressed buttons. */ module.exports.Component = registerComponent('oculus-go-controls', { schema: { hand: {default: ''}, // This informs the degenerate arm model. buttonColor: {type: 'color', default: '#FFFFFF'}, buttonTouchedColor: {type: 'color', default: '#BBBBBB'}, buttonHighlightColor: {type: 'color', default: '#7A7A7A'}, model: {default: true}, orientationOffset: {type: 'vec3'}, armModel: {default: true} }, mapping: INPUT_MAPPING, bindMethods: function () { this.onModelLoaded = bind(this.onModelLoaded, this); this.onControllersUpdate = bind(this.onControllersUpdate, this); this.checkIfControllerPresent = bind(this.checkIfControllerPresent, this); this.removeControllersUpdateListener = bind(this.removeControllersUpdateListener, this); this.onAxisMoved = bind(this.onAxisMoved, this); }, init: function () { var self = this; this.onButtonChanged = bind(this.onButtonChanged, this); this.onButtonDown = function (evt) { onButtonEvent(evt.detail.id, 'down', self); }; this.onButtonUp = function (evt) { onButtonEvent(evt.detail.id, 'up', self); }; this.onButtonTouchStart = function (evt) { onButtonEvent(evt.detail.id, 'touchstart', self); }; this.onButtonTouchEnd = function (evt) { onButtonEvent(evt.detail.id, 'touchend', self); }; this.controllerPresent = false; this.lastControllerCheck = 0; this.rendererSystem = this.el.sceneEl.systems.renderer; this.bindMethods(); }, addEventListeners: function () { var el = this.el; el.addEventListener('buttonchanged', this.onButtonChanged); el.addEventListener('buttondown', this.onButtonDown); el.addEventListener('buttonup', this.onButtonUp); el.addEventListener('touchstart', this.onButtonTouchStart); el.addEventListener('touchend', this.onButtonTouchEnd); el.addEventListener('model-loaded', this.onModelLoaded); el.addEventListener('axismove', this.onAxisMoved); this.controllerEventsActive = true; }, removeEventListeners: function () { var el = this.el; el.removeEventListener('buttonchanged', this.onButtonChanged); el.removeEventListener('buttondown', this.onButtonDown); el.removeEventListener('buttonup', this.onButtonUp); el.removeEventListener('touchstart', this.onButtonTouchStart); el.removeEventListener('touchend', this.onButtonTouchEnd); el.removeEventListener('model-loaded', this.onModelLoaded); el.removeEventListener('axismove', this.onAxisMoved); this.controllerEventsActive = false; }, checkIfControllerPresent: function () { checkControllerPresentAndSetup(this, GAMEPAD_ID_PREFIX, this.data.hand ? {hand: this.data.hand} : {}); }, play: function () { this.checkIfControllerPresent(); this.addControllersUpdateListener(); }, pause: function () { this.removeEventListeners(); this.removeControllersUpdateListener(); }, injectTrackedControls: function () { var el = this.el; var data = this.data; el.setAttribute('tracked-controls', { armModel: data.armModel, hand: data.hand, idPrefix: GAMEPAD_ID_PREFIX, orientationOffset: data.orientationOffset }); if (!this.data.model) { return; } this.el.setAttribute('gltf-model', OCULUS_GO_CONTROLLER_MODEL_URL); }, addControllersUpdateListener: function () { this.el.sceneEl.addEventListener('controllersupdated', this.onControllersUpdate, false); }, removeControllersUpdateListener: function () { this.el.sceneEl.removeEventListener('controllersupdated', this.onControllersUpdate, false); }, onControllersUpdate: function () { this.checkIfControllerPresent(); }, // No need for onButtonChanged, since Oculus Go controller has no analog buttons. onModelLoaded: function (evt) { var controllerObject3D = evt.detail.model; var buttonMeshes; if (!this.data.model) { return; } buttonMeshes = this.buttonMeshes = {}; buttonMeshes.trigger = controllerObject3D.getObjectByName('oculus_go_button_trigger'); buttonMeshes.trackpad = controllerObject3D.getObjectByName('oculus_go_touchpad'); buttonMeshes.touchpad = controllerObject3D.getObjectByName('oculus_go_touchpad'); }, onButtonChanged: function (evt) { var button = this.mapping.buttons[evt.detail.id]; if (!button) return; // Pass along changed event with button state, using button mapping for convenience. this.el.emit(button + 'changed', evt.detail.state); }, onAxisMoved: function (evt) { emitIfAxesChanged(this, this.mapping.axes, evt); }, updateModel: function (buttonName, evtName) { if (!this.data.model) { return; } this.updateButtonModel(buttonName, evtName); }, updateButtonModel: function (buttonName, state) { var buttonMeshes = this.buttonMeshes; if (!buttonMeshes || !buttonMeshes[buttonName]) { return; } var color; var button; switch (state) { case 'down': color = this.data.buttonHighlightColor; break; case 'touchstart': color = this.data.buttonTouchedColor; break; default: color = this.data.buttonColor; } button = buttonMeshes[buttonName]; button.material.color.set(color); this.rendererSystem.applyColorCorrection(button.material.color); } }); },{"../core/component":113,"../utils/":187,"../utils/bind":181,"../utils/tracked-controls":196}],77:[function(_dereq_,module,exports){ var bind = _dereq_('../utils/bind'); var registerComponent = _dereq_('../core/component').registerComponent; var THREE = _dereq_('../lib/three'); var trackedControlsUtils = _dereq_('../utils/tracked-controls'); var checkControllerPresentAndSetup = trackedControlsUtils.checkControllerPresentAndSetup; var emitIfAxesChanged = trackedControlsUtils.emitIfAxesChanged; var onButtonEvent = trackedControlsUtils.onButtonEvent; var isWebXRAvailable = _dereq_('../utils/').device.isWebXRAvailable; var GAMEPAD_ID_WEBXR = 'oculus-touch'; var GAMEPAD_ID_WEBVR = 'Oculus Touch'; // Prefix for Gen1 and Gen2 Oculus Touch Controllers. var GAMEPAD_ID_PREFIX = isWebXRAvailable ? GAMEPAD_ID_WEBXR : GAMEPAD_ID_WEBVR; // First generation model URL. var TOUCH_CONTROLLER_MODEL_BASE_URL = 'https://cdn.aframe.io/controllers/oculus/oculus-touch-controller-'; var OCULUS_TOUCH_WEBVR = { left: { modelUrl: TOUCH_CONTROLLER_MODEL_BASE_URL + 'left.gltf', rayOrigin: {origin: {x: 0.008, y: -0.01, z: 0}, direction: {x: 0, y: -0.8, z: -1}}, modelPivotOffset: new THREE.Vector3(-0.005, 0.003, -0.055), modelPivotRotation: new THREE.Euler(0, 0, 0) }, right: { modelUrl: TOUCH_CONTROLLER_MODEL_BASE_URL + 'right.gltf', rayOrigin: {origin: {x: -0.008, y: -0.01, z: 0}, direction: {x: 0, y: -0.8, z: -1}}, modelPivotOffset: new THREE.Vector3(0.005, 0.003, -0.055), modelPivotRotation: new THREE.Euler(0, 0, 0) } }; var OCULUS_TOUCH_WEBXR = { left: { modelUrl: TOUCH_CONTROLLER_MODEL_BASE_URL + 'left.gltf', rayOrigin: {origin: {x: 0.002, y: -0.005, z: -0.03}, direction: {x: 0, y: -0.8, z: -1}}, modelPivotOffset: new THREE.Vector3(-0.005, 0.036, -0.037), modelPivotRotation: new THREE.Euler(Math.PI / 4.5, 0, 0) }, right: { modelUrl: TOUCH_CONTROLLER_MODEL_BASE_URL + 'right.gltf', rayOrigin: {origin: {x: -0.002, y: -0.005, z: -0.03}, direction: {x: 0, y: -0.8, z: -1}}, modelPivotOffset: new THREE.Vector3(0.005, 0.036, -0.037), modelPivotRotation: new THREE.Euler(Math.PI / 4.5, 0, 0) } }; var OCULUS_TOUCH_CONFIG = isWebXRAvailable ? OCULUS_TOUCH_WEBXR : OCULUS_TOUCH_WEBVR; var CONTROLLER_DEFAULT = 'oculus-touch'; var CONTROLLER_PROPERTIES = { 'oculus-touch': OCULUS_TOUCH_CONFIG, 'oculus-touch-v2': { left: { modelUrl: TOUCH_CONTROLLER_MODEL_BASE_URL + 'gen2-left.gltf', rayOrigin: {origin: {x: -0.01, y: 0, z: -0.02}, direction: {x: 0, y: -0.5, z: -1}}, modelPivotOffset: new THREE.Vector3(0, 0, 0), modelPivotRotation: new THREE.Euler(0, 0, 0) }, right: { modelUrl: TOUCH_CONTROLLER_MODEL_BASE_URL + 'gen2-right.gltf', rayOrigin: {origin: {x: 0.01, y: 0, z: -0.02}, direction: {x: 0, y: -0.5, z: -1}}, modelPivotOffset: new THREE.Vector3(0, 0, 0), modelPivotRotation: new THREE.Euler(0, 0, 0) } }, 'oculus-touch-v3': { left: { modelUrl: TOUCH_CONTROLLER_MODEL_BASE_URL + 'v3-left.glb', rayOrigin: {origin: {x: 0.015, y: 0.005, z: 0}, direction: {x: 0, y: 0, z: -1}}, modelPivotOffset: new THREE.Vector3(0.01, -0.01, 0.05), modelPivotRotation: new THREE.Euler(Math.PI / 4, 0, 0) }, right: { modelUrl: TOUCH_CONTROLLER_MODEL_BASE_URL + 'v3-right.glb', rayOrigin: {origin: {x: -0.015, y: 0.005, z: 0}, direction: {x: 0, y: 0, z: -1}}, modelPivotOffset: new THREE.Vector3(-0.01, -0.01, 0.05), modelPivotRotation: new THREE.Euler(Math.PI / 4, 0, 0) } } }; /** * Button indices: * 0 - thumbstick (which has separate axismove / thumbstickmoved events) * 1 - trigger (with analog value, which goes up to 1) * 2 - grip (with analog value, which goes up to 1) * 3 - X (left) or A (right) * 4 - Y (left) or B (right) * 5 - surface (touch only) */ var INPUT_MAPPING_WEBVR = { left: { axes: {thumbstick: [0, 1]}, buttons: ['thumbstick', 'trigger', 'grip', 'xbutton', 'ybutton', 'surface'] }, right: { axes: {thumbstick: [0, 1]}, buttons: ['thumbstick', 'trigger', 'grip', 'abutton', 'bbutton', 'surface'] } }; /** * Button indices: * 0 - trigger * 1 - grip * 2 - none * 3 - thumbstick * 4 - X or A button * 5 - Y or B button * 6 - surface * * Axis: * 0 - none * 1 - none * 2 - thumbstick * 3 - thumbstick * Reference: https://github.com/immersive-web/webxr-input-profiles/blob/master/packages/registry/profiles/oculus/oculus-touch.json */ var INPUT_MAPPING_WEBXR = { left: { axes: {thumbstick: [2, 3]}, buttons: ['trigger', 'grip', 'none', 'thumbstick', 'xbutton', 'ybutton', 'surface'] }, right: { axes: {thumbstick: [2, 3]}, buttons: ['trigger', 'grip', 'none', 'thumbstick', 'abutton', 'bbutton', 'surface'] } }; var INPUT_MAPPING = isWebX