/*! @name videojs-vr @version 1.7.1 @license Apache-2.0 */ (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('global/window'), require('global/document'), require('video.js')) : typeof define === 'function' && define.amd ? define(['global/window', 'global/document', 'video.js'], factory) : (global = global || self, global.videojsVr = factory(global.window, global.document, global.videojs)) }(this, function (window$1, document$1, videojs) { 'use strict' window$1 = window$1 && window$1.hasOwnProperty('default') ? window$1.default : window$1 document$1 = document$1 && document$1.hasOwnProperty('default') ? document$1.default : document$1 videojs = videojs && videojs.hasOwnProperty('default') ? videojs.default : videojs function _assertThisInitialized (self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called") } return self } var assertThisInitialized = _assertThisInitialized function _inheritsLoose (subClass, superClass) { subClass.prototype = Object.create(superClass.prototype) subClass.prototype.constructor = subClass subClass.__proto__ = superClass } var inheritsLoose = _inheritsLoose var version = '1.7.1' var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : 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 webvrPolyfill = createCommonjsModule(function (module, exports) { /** * @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) { module.exports = factory() }(commonjsGlobal, function () { var commonjsGlobal$1 = typeof window !== 'undefined' ? window : typeof commonjsGlobal !== 'undefined' ? commonjsGlobal : 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 race = function race (promises) { if (Promise.race) { return Promise.race(promises) } return new Promise(function (resolve, reject) { for (var i = 0; i < promises.length; i++) { promises[i].then(resolve, reject) } }) } 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$1, 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 base64 = function base64 (mimeType, _base) { return 'data:' + mimeType + ';base64,' + _base } 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 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('.') var _match$1$split2 = slicedToArray(_match$1$split, 4) var major = _match$1$split2[0] var minor = _match$1$split2[1] var branch = _match$1$split2[2] var 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) var bt = 1 / (bottom - top) var 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) var downTan = Math.tan(fov ? fov.downDegrees * piOver180 : rad45) var leftTan = Math.tan(fov ? fov.leftDegrees * piOver180 : rad45) var rightTan = Math.tan(fov ? fov.rightDegrees * piOver180 : rad45) var xScale = 2.0 / (leftTan + rightTan) var 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] var y = q[1] var z = q[2] var w = q[3] var x2 = x + x var y2 = y + y var z2 = z + z var xx = x * x2 var xy = x * y2 var xz = x * z2 var yy = y * y2 var yz = y * z2 var zz = z * z2 var wx = w * x2 var wy = w * y2 var 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] var y = v[1] var z = v[2] var a00 var a01 var a02 var a03 var a10 var a11 var a12 var a13 var a20 var a21 var a22 var 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] var a01 = a[1] var a02 = a[2] var a03 = a[3] var a10 = a[4] var a11 = a[5] var a12 = a[6] var a13 = a[7] var a20 = a[8] var a21 = a[9] var a22 = a[10] var a23 = a[11] var a30 = a[12] var a31 = a[13] var a32 = a[14] var a33 = a[15] var b00 = a00 * a11 - a01 * a10 var b01 = a00 * a12 - a02 * a10 var b02 = a00 * a13 - a03 * a10 var b03 = a01 * a12 - a02 * a11 var b04 = a01 * a13 - a03 * a11 var b05 = a02 * a13 - a03 * a12 var b06 = a20 * a31 - a21 * a30 var b07 = a20 * a32 - a22 * a30 var b08 = a20 * a33 - a23 * a30 var b09 = a21 * a32 - a22 * a31 var b10 = a21 * a33 - a23 * a31 var b11 = a22 * a33 - a23 * a32 var 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.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 || 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) 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) 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 (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 var ay = a.y var az = a.z var bx = b.x var by = b.y var 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 var 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 var qay = a.y var qaz = a.z var qaw = a.w var qbx = b.x var qby = b.y var qbz = b.z var 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 var y = this.y var z = this.z var 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 var 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 = '2018-02-20T22:55:10Z' 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_Z00AD/*' }, { ua: 'ASUS_Z00AD' }], dpi: [403, 404.6], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'Google/*/Pixel XL/*' }, { ua: 'Pixel XL' }], dpi: [537.9, 533], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'Google/*/Pixel/*' }, { ua: 'Pixel' }], dpi: [432.6, 436.7], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'HTC/*/HTC6435LVW/*' }, { ua: 'HTC6435LVW' }], dpi: [449.7, 443.3], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'HTC/*/HTC One XL/*' }, { ua: 'HTC One XL' }], dpi: [315.3, 314.6], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'htc/*/Nexus 9/*' }, { ua: 'Nexus 9' }], dpi: 289, bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'HTC/*/HTC One M9/*' }, { ua: 'HTC One M9' }], dpi: [442.5, 443.3], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'HTC/*/HTC One_M8/*' }, { ua: 'HTC One_M8' }], dpi: [449.7, 447.4], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'HTC/*/HTC One/*' }, { ua: 'HTC One' }], dpi: 472.8, bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'Huawei/*/Nexus 6P/*' }, { ua: 'Nexus 6P' }], dpi: [515.1, 518], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'LENOVO/*/Lenovo PB2-690Y/*' }, { ua: 'Lenovo PB2-690Y' }], dpi: [457.2, 454.713], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'LGE/*/Nexus 5X/*' }, { ua: 'Nexus 5X' }], dpi: [422, 419.9], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'LGE/*/LGMS345/*' }, { ua: 'LGMS345' }], dpi: [221.7, 219.1], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'LGE/*/LG-D800/*' }, { ua: 'LG-D800' }], dpi: [422, 424.1], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'LGE/*/LG-D850/*' }, { ua: 'LG-D850' }], dpi: [537.9, 541.9], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'LGE/*/VS985 4G/*' }, { ua: 'VS985 4G' }], dpi: [537.9, 535.6], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'LGE/*/Nexus 5/*' }, { ua: 'Nexus 5 B' }], dpi: [442.4, 444.8], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'LGE/*/Nexus 4/*' }, { ua: 'Nexus 4' }], dpi: [319.8, 318.4], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'LGE/*/LG-P769/*' }, { ua: 'LG-P769' }], dpi: [240.6, 247.5], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'LGE/*/LGMS323/*' }, { ua: 'LGMS323' }], dpi: [206.6, 204.6], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'LGE/*/LGLS996/*' }, { ua: 'LGLS996' }], dpi: [403.4, 401.5], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'Micromax/*/4560MMX/*' }, { ua: '4560MMX' }], dpi: [240, 219.4], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'Micromax/*/A250/*' }, { ua: 'Micromax A250' }], dpi: [480, 446.4], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'Micromax/*/Micromax AQ4501/*' }, { ua: 'Micromax AQ4501' }], dpi: 240, bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'motorola/*/G5/*' }, { ua: 'Moto G (5) Plus' }], dpi: [403.4, 403], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'motorola/*/DROID RAZR/*' }, { ua: 'DROID RAZR' }], dpi: [368.1, 256.7], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'motorola/*/XT830C/*' }, { ua: 'XT830C' }], dpi: [254, 255.9], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'motorola/*/XT1021/*' }, { ua: 'XT1021' }], dpi: [254, 256.7], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'motorola/*/XT1023/*' }, { ua: 'XT1023' }], dpi: [254, 256.7], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'motorola/*/XT1028/*' }, { ua: 'XT1028' }], dpi: [326.6, 327.6], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'motorola/*/XT1034/*' }, { ua: 'XT1034' }], dpi: [326.6, 328.4], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'motorola/*/XT1053/*' }, { ua: 'XT1053' }], dpi: [315.3, 316.1], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'motorola/*/XT1562/*' }, { ua: 'XT1562' }], dpi: [403.4, 402.7], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'motorola/*/Nexus 6/*' }, { ua: 'Nexus 6 B' }], dpi: [494.3, 489.7], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'motorola/*/XT1063/*' }, { ua: 'XT1063' }], dpi: [295, 296.6], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'motorola/*/XT1064/*' }, { ua: 'XT1064' }], dpi: [295, 295.6], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'motorola/*/XT1092/*' }, { ua: 'XT1092' }], dpi: [422, 424.1], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'motorola/*/XT1095/*' }, { ua: 'XT1095' }], dpi: [422, 423.4], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'motorola/*/G4/*' }, { ua: 'Moto G (4)' }], dpi: 401, bw: 4, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'OnePlus/*/A0001/*' }, { ua: 'A0001' }], dpi: [403.4, 401], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'OnePlus/*/ONE E1005/*' }, { ua: 'ONE E1005' }], dpi: [442.4, 441.4], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'OnePlus/*/ONE A2005/*' }, { ua: 'ONE A2005' }], dpi: [391.9, 405.4], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'OnePlus/*/ONEPLUS A5000/*' }, { ua: 'ONEPLUS A5000 ' }], dpi: [403.411, 399.737], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'OnePlus/*/ONE A5010/*' }, { ua: 'ONEPLUS A5010' }], dpi: [403, 400], bw: 2, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'OPPO/*/X909/*' }, { ua: 'X909' }], dpi: [442.4, 444.1], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/GT-I9082/*' }, { ua: 'GT-I9082' }], dpi: [184.7, 185.4], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-G360P/*' }, { ua: 'SM-G360P' }], dpi: [196.7, 205.4], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/Nexus S/*' }, { ua: 'Nexus S' }], dpi: [234.5, 229.8], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/GT-I9300/*' }, { ua: 'GT-I9300' }], dpi: [304.8, 303.9], bw: 5, ac: 500 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-T230NU/*' }, { ua: 'SM-T230NU' }], dpi: 216, bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SGH-T399/*' }, { ua: 'SGH-T399' }], dpi: [217.7, 231.4], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SGH-M919/*' }, { ua: 'SGH-M919' }], dpi: [440.8, 437.7], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-N9005/*' }, { ua: 'SM-N9005' }], dpi: [386.4, 387], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SAMSUNG-SM-N900A/*' }, { ua: 'SAMSUNG-SM-N900A' }], dpi: [386.4, 387.7], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/GT-I9500/*' }, { ua: 'GT-I9500' }], dpi: [442.5, 443.3], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'samsung/*/GT-I9505/*' }, { ua: 'GT-I9505' }], dpi: 439.4, bw: 4, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-G900F/*' }, { ua: 'SM-G900F' }], dpi: [415.6, 431.6], bw: 5, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-G900M/*' }, { ua: 'SM-G900M' }], dpi: [415.6, 431.6], bw: 5, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-G800F/*' }, { ua: 'SM-G800F' }], dpi: 326.8, bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-G906S/*' }, { ua: 'SM-G906S' }], dpi: [562.7, 572.4], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/GT-I9300/*' }, { ua: 'GT-I9300' }], dpi: [306.7, 304.8], bw: 5, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-T535/*' }, { ua: 'SM-T535' }], dpi: [142.6, 136.4], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-N920C/*' }, { ua: 'SM-N920C' }], dpi: [515.1, 518.4], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-N920P/*' }, { ua: 'SM-N920P' }], dpi: [386.3655, 390.144], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-N920W8/*' }, { ua: 'SM-N920W8' }], dpi: [515.1, 518.4], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/GT-I9300I/*' }, { ua: 'GT-I9300I' }], dpi: [304.8, 305.8], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/GT-I9195/*' }, { ua: 'GT-I9195' }], dpi: [249.4, 256.7], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SPH-L520/*' }, { ua: 'SPH-L520' }], dpi: [249.4, 255.9], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SAMSUNG-SGH-I717/*' }, { ua: 'SAMSUNG-SGH-I717' }], dpi: 285.8, bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SPH-D710/*' }, { ua: 'SPH-D710' }], dpi: [217.7, 204.2], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/GT-N7100/*' }, { ua: 'GT-N7100' }], dpi: 265.1, bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SCH-I605/*' }, { ua: 'SCH-I605' }], dpi: 265.1, bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/Galaxy Nexus/*' }, { ua: 'Galaxy Nexus' }], dpi: [315.3, 314.2], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-N910H/*' }, { ua: 'SM-N910H' }], dpi: [515.1, 518], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-N910C/*' }, { ua: 'SM-N910C' }], dpi: [515.2, 520.2], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-G130M/*' }, { ua: 'SM-G130M' }], dpi: [165.9, 164.8], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-G928I/*' }, { ua: 'SM-G928I' }], dpi: [515.1, 518.4], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-G920F/*' }, { ua: 'SM-G920F' }], dpi: 580.6, bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-G920P/*' }, { ua: 'SM-G920P' }], dpi: [522.5, 577], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-G925F/*' }, { ua: 'SM-G925F' }], dpi: 580.6, bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-G925V/*' }, { ua: 'SM-G925V' }], dpi: [522.5, 576.6], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-G930F/*' }, { ua: 'SM-G930F' }], dpi: 576.6, bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-G935F/*' }, { ua: 'SM-G935F' }], dpi: 533, bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-G950F/*' }, { ua: 'SM-G950F' }], dpi: [562.707, 565.293], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'samsung/*/SM-G955U/*' }, { ua: 'SM-G955U' }], dpi: [522.514, 525.762], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'Sony/*/C6903/*' }, { ua: 'C6903' }], dpi: [442.5, 443.3], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'Sony/*/D6653/*' }, { ua: 'D6653' }], dpi: [428.6, 427.6], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'Sony/*/E6653/*' }, { ua: 'E6653' }], dpi: [428.6, 425.7], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'Sony/*/E6853/*' }, { ua: 'E6853' }], dpi: [403.4, 401.9], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'Sony/*/SGP321/*' }, { ua: 'SGP321' }], dpi: [224.7, 224.1], bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'TCT/*/ALCATEL ONE TOUCH Fierce/*' }, { ua: 'ALCATEL ONE TOUCH Fierce' }], dpi: [240, 247.5], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'THL/*/thl 5000/*' }, { ua: 'thl 5000' }], dpi: [480, 443.3], bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'Fly/*/IQ4412/*' }, { ua: 'IQ4412' }], dpi: 307.9, bw: 3, ac: 1000 }, { type: 'android', rules: [{ mdmh: 'ZTE/*/ZTE Blade L2/*' }, { ua: 'ZTE Blade L2' }], dpi: 240, bw: 3, ac: 500 }, { type: 'android', rules: [{ mdmh: 'BENEVE/*/VR518/*' }, { ua: 'VR518' }], dpi: 480, bw: 3, ac: 500 }, { type: 'ios', rules: [{ res: [640, 960] }], dpi: [325.1, 328.4], bw: 4, ac: 1000 }, { type: 'ios', rules: [{ res: [640, 1136] }], dpi: [317.1, 320.2], bw: 3, ac: 1000 }, { type: 'ios', rules: [{ res: [750, 1334] }], dpi: 326.4, bw: 4, ac: 1000 }, { type: 'ios', rules: [{ res: [1242, 2208] }], dpi: [453.6, 458.4], bw: 4, ac: 1000 }, { type: 'ios', rules: [{ res: [1125, 2001] }], dpi: [410.9, 415.4], bw: 4, ac: 1000 }, { type: 'ios', rules: [{ res: [1125, 2436] }], dpi: 458, bw: 4, ac: 1000 }] 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.matchRule_(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.matchRule_ = function (rule, ua, screenWidth, screenHeight) { if (!rule.ua && !rule.res) return false 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() 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 var beta = e.beta var 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 (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.addAccelMeasurement(this.accelerometer, timestampS) this.filter.addGyroMeasurement(this.gyroscope, 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 orientation = {} if (screen.orientation) { orientation = screen.orientation } else if (screen.msOrientation) { orientation = screen.msOrientation } else { Object.defineProperty(orientation, 'angle', { get: function get$$1 () { return window.orientation || 0 } }) } 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._worldToScreenQ = new Quaternion() this._outQ = new Quaternion() this._onSensorRead = this._onSensorRead.bind(this) this._onSensorError = this._onSensorError.bind(this) this._onOrientationChange = this._onOrientationChange.bind(this) this._onOrientationChange() this.init() } createClass(PoseSensor, [{ key: 'init', value: function init () { var sensor = null try { sensor = new RelativeOrientationSensor({ frequency: SENSOR_FREQUENCY }) 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() } window.addEventListener('orientationchange', this._onOrientationChange) } }, { 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) out.multiply(this._worldToScreenQ) 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 () {} }, { key: '_onOrientationChange', value: function _onOrientationChange () { var angle = -orientation.angle * Math.PI / 180 this._worldToScreenQ.setFromAxisAngle(Z_AXIS, angle) } }]) return PoseSensor }()) var rotateInstructionsAsset = 'PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5OHB4IiBoZWlnaHQ9IjI0MHB4IiB2aWV3Qm94PSIwIDAgMTk4IDI0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuMy4zICgxMjA4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+dHJhbnNpdGlvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJ0cmFuc2l0aW9uIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIj4KICAgICAgICAgICAgPGcgaWQ9IkltcG9ydGVkLUxheWVycy1Db3B5LTQtKy1JbXBvcnRlZC1MYXllcnMtQ29weS0rLUltcG9ydGVkLUxheWVycy1Db3B5LTItQ29weSIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iSW1wb3J0ZWQtTGF5ZXJzLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEwNy4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQ5LjYyNSwyLjUyNyBDMTQ5LjYyNSwyLjUyNyAxNTUuODA1LDYuMDk2IDE1Ni4zNjIsNi40MTggTDE1Ni4zNjIsNy4zMDQgQzE1Ni4zNjIsNy40ODEgMTU2LjM3NSw3LjY2NCAxNTYuNCw3Ljg1MyBDMTU2LjQxLDcuOTM0IDE1Ni40Miw4LjAxNSAxNTYuNDI3LDguMDk1IEMxNTYuNTY3LDkuNTEgMTU3LjQwMSwxMS4wOTMgMTU4LjUzMiwxMi4wOTQgTDE2NC4yNTIsMTcuMTU2IEwxNjQuMzMzLDE3LjA2NiBDMTY0LjMzMywxNy4wNjYgMTY4LjcxNSwxNC41MzYgMTY5LjU2OCwxNC4wNDIgQzE3MS4wMjUsMTQuODgzIDE5NS41MzgsMjkuMDM1IDE5NS41MzgsMjkuMDM1IEwxOTUuNTM4LDgzLjAzNiBDMTk1LjUzOCw4My44MDcgMTk1LjE1Miw4NC4yNTMgMTk0LjU5LDg0LjI1MyBDMTk0LjM1Nyw4NC4yNTMgMTk0LjA5NSw4NC4xNzcgMTkzLjgxOCw4NC4wMTcgTDE2OS44NTEsNzAuMTc5IEwxNjkuODM3LDcwLjIwMyBMMTQyLjUxNSw4NS45NzggTDE0MS42NjUsODQuNjU1IEMxMzYuOTM0LDgzLjEyNiAxMzEuOTE3LDgxLjkxNSAxMjYuNzE0LDgxLjA0NSBDMTI2LjcwOSw4MS4wNiAxMjYuNzA3LDgxLjA2OSAxMjYuNzA3LDgxLjA2OSBMMTIxLjY0LDk4LjAzIEwxMTMuNzQ5LDEwMi41ODYgTDExMy43MTIsMTAyLjUyMyBMMTEzLjcxMiwxMzAuMTEzIEMxMTMuNzEyLDEzMC44ODUgMTEzLjMyNiwxMzEuMzMgMTEyLjc2NCwxMzEuMzMgQzExMi41MzIsMTMxLjMzIDExMi4yNjksMTMxLjI1NCAxMTEuOTkyLDEzMS4wOTQgTDY5LjUxOSwxMDYuNTcyIEM2OC41NjksMTA2LjAyMyA2Ny43OTksMTA0LjY5NSA2Ny43OTksMTAzLjYwNSBMNjcuNzk5LDEwMi41NyBMNjcuNzc4LDEwMi42MTcgQzY3LjI3LDEwMi4zOTMgNjYuNjQ4LDEwMi4yNDkgNjUuOTYyLDEwMi4yMTggQzY1Ljg3NSwxMDIuMjE0IDY1Ljc4OCwxMDIuMjEyIDY1LjcwMSwxMDIuMjEyIEM2NS42MDYsMTAyLjIxMiA2NS41MTEsMTAyLjIxNSA2NS40MTYsMTAyLjIxOSBDNjUuMTk1LDEwMi4yMjkgNjQuOTc0LDEwMi4yMzUgNjQuNzU0LDEwMi4yMzUgQzY0LjMzMSwxMDIuMjM1IDYzLjkxMSwxMDIuMjE2IDYzLjQ5OCwxMDIuMTc4IEM2MS44NDMsMTAyLjAyNSA2MC4yOTgsMTAxLjU3OCA1OS4wOTQsMTAwLjg4MiBMMTIuNTE4LDczLjk5MiBMMTIuNTIzLDc0LjAwNCBMMi4yNDUsNTUuMjU0IEMxLjI0NCw1My40MjcgMi4wMDQsNTEuMDM4IDMuOTQzLDQ5LjkxOCBMNTkuOTU0LDE3LjU3MyBDNjAuNjI2LDE3LjE4NSA2MS4zNSwxNy4wMDEgNjIuMDUzLDE3LjAwMSBDNjMuMzc5LDE3LjAwMSA2NC42MjUsMTcuNjYgNjUuMjgsMTguODU0IEw2NS4yODUsMTguODUxIEw2NS41MTIsMTkuMjY0IEw2NS41MDYsMTkuMjY4IEM2NS45MDksMjAuMDAzIDY2LjQwNSwyMC42OCA2Ni45ODMsMjEuMjg2IEw2Ny4yNiwyMS41NTYgQzY5LjE3NCwyMy40MDYgNzEuNzI4LDI0LjM1NyA3NC4zNzMsMjQuMzU3IEM3Ni4zMjIsMjQuMzU3IDc4LjMyMSwyMy44NCA4MC4xNDgsMjIuNzg1IEM4MC4xNjEsMjIuNzg1IDg3LjQ2NywxOC41NjYgODcuNDY3LDE4LjU2NiBDODguMTM5LDE4LjE3OCA4OC44NjMsMTcuOTk0IDg5LjU2NiwxNy45OTQgQzkwLjg5MiwxNy45OTQgOTIuMTM4LDE4LjY1MiA5Mi43OTIsMTkuODQ3IEw5Ni4wNDIsMjUuNzc1IEw5Ni4wNjQsMjUuNzU3IEwxMDIuODQ5LDI5LjY3NCBMMTAyLjc0NCwyOS40OTIgTDE0OS42MjUsMi41MjcgTTE0OS42MjUsMC44OTIgQzE0OS4zNDMsMC44OTIgMTQ5LjA2MiwwLjk2NSAxNDguODEsMS4xMSBMMTAyLjY0MSwyNy42NjYgTDk3LjIzMSwyNC41NDIgTDk0LjIyNiwxOS4wNjEgQzkzLjMxMywxNy4zOTQgOTEuNTI3LDE2LjM1OSA4OS41NjYsMTYuMzU4IEM4OC41NTUsMTYuMzU4IDg3LjU0NiwxNi42MzIgODYuNjQ5LDE3LjE1IEM4My44NzgsMTguNzUgNzkuNjg3LDIxLjE2OSA3OS4zNzQsMjEuMzQ1IEM3OS4zNTksMjEuMzUzIDc5LjM0NSwyMS4zNjEgNzkuMzMsMjEuMzY5IEM3Ny43OTgsMjIuMjU0IDc2LjA4NCwyMi43MjIgNzQuMzczLDIyLjcyMiBDNzIuMDgxLDIyLjcyMiA2OS45NTksMjEuODkgNjguMzk3LDIwLjM4IEw2OC4xNDUsMjAuMTM1IEM2Ny43MDYsMTkuNjcyIDY3LjMyMywxOS4xNTYgNjcuMDA2LDE4LjYwMSBDNjYuOTg4LDE4LjU1OSA2Ni45NjgsMTguNTE5IDY2Ljk0NiwxOC40NzkgTDY2LjcxOSwxOC4wNjUgQzY2LjY5LDE4LjAxMiA2Ni42NTgsMTcuOTYgNjYuNjI0LDE3LjkxMSBDNjUuNjg2LDE2LjMzNyA2My45NTEsMTUuMzY2IDYyLjA1MywxNS4zNjYgQzYxLjA0MiwxNS4zNjYgNjAuMDMzLDE1LjY0IDU5LjEzNiwxNi4xNTggTDMuMTI1LDQ4LjUwMiBDMC40MjYsNTAuMDYxIC0wLjYxMyw1My40NDIgMC44MTEsNTYuMDQgTDExLjA4OSw3NC43OSBDMTEuMjY2LDc1LjExMyAxMS41MzcsNzUuMzUzIDExLjg1LDc1LjQ5NCBMNTguMjc2LDEwMi4yOTggQzU5LjY3OSwxMDMuMTA4IDYxLjQzMywxMDMuNjMgNjMuMzQ4LDEwMy44MDYgQzYzLjgxMiwxMDMuODQ4IDY0LjI4NSwxMDMuODcgNjQuNzU0LDEwMy44NyBDNjUsMTAzLjg3IDY1LjI0OSwxMDMuODY0IDY1LjQ5NCwxMDMuODUyIEM2NS41NjMsMTAzLjg0OSA2NS42MzIsMTAzLjg0NyA2NS43MDEsMTAzLjg0NyBDNjUuNzY0LDEwMy44NDcgNjUuODI4LDEwMy44NDkgNjUuODksMTAzLjg1MiBDNjUuOTg2LDEwMy44NTYgNjYuMDgsMTAzLjg2MyA2Ni4xNzMsMTAzLjg3NCBDNjYuMjgyLDEwNS40NjcgNjcuMzMyLDEwNy4xOTcgNjguNzAyLDEwNy45ODggTDExMS4xNzQsMTMyLjUxIEMxMTEuNjk4LDEzMi44MTIgMTEyLjIzMiwxMzIuOTY1IDExMi43NjQsMTMyLjk2NSBDMTE0LjI2MSwxMzIuOTY1IDExNS4zNDcsMTMxLjc2NSAxMTUuMzQ3LDEzMC4xMTMgTDExNS4zNDcsMTAzLjU1MSBMMTIyLjQ1OCw5OS40NDYgQzEyMi44MTksOTkuMjM3IDEyMy4wODcsOTguODk4IDEyMy4yMDcsOTguNDk4IEwxMjcuODY1LDgyLjkwNSBDMTMyLjI3OSw4My43MDIgMTM2LjU1Nyw4NC43NTMgMTQwLjYwNyw4Ni4wMzMgTDE0MS4xNCw4Ni44NjIgQzE0MS40NTEsODcuMzQ2IDE0MS45NzcsODcuNjEzIDE0Mi41MTYsODcuNjEzIEMxNDIuNzk0LDg3LjYxMyAxNDMuMDc2LDg3LjU0MiAxNDMuMzMzLDg3LjM5MyBMMTY5Ljg2NSw3Mi4wNzYgTDE5Myw4NS40MzMgQzE5My41MjMsODUuNzM1IDE5NC4wNTgsODUuODg4IDE5NC41OSw4NS44ODggQzE5Ni4wODcsODUuODg4IDE5Ny4xNzMsODQuNjg5IDE5Ny4xNzMsODMuMDM2IEwxOTcuMTczLDI5LjAzNSBDMTk3LjE3MywyOC40NTEgMTk2Ljg2MSwyNy45MTEgMTk2LjM1NSwyNy42MTkgQzE5Ni4zNTUsMjcuNjE5IDE3MS44NDMsMTMuNDY3IDE3MC4zODUsMTIuNjI2IEMxNzAuMTMyLDEyLjQ4IDE2OS44NSwxMi40MDcgMTY5LjU2OCwxMi40MDcgQzE2OS4yODUsMTIuNDA3IDE2OS4wMDIsMTIuNDgxIDE2OC43NDksMTIuNjI3IEMxNjguMTQzLDEyLjk3OCAxNjUuNzU2LDE0LjM1NyAxNjQuNDI0LDE1LjEyNSBMMTU5LjYxNSwxMC44NyBDMTU4Ljc5NiwxMC4xNDUgMTU4LjE1NCw4LjkzNyAxNTguMDU0LDcuOTM0IEMxNTguMDQ1LDcuODM3IDE1OC4wMzQsNy43MzkgMTU4LjAyMSw3LjY0IEMxNTguMDA1LDcuNTIzIDE1Ny45OTgsNy40MSAxNTcuOTk4LDcuMzA0IEwxNTcuOTk4LDYuNDE4IEMxNTcuOTk4LDUuODM0IDE1Ny42ODYsNS4yOTUgMTU3LjE4MSw1LjAwMiBDMTU2LjYyNCw0LjY4IDE1MC40NDIsMS4xMTEgMTUwLjQ0MiwxLjExMSBDMTUwLjE4OSwwLjk2NSAxNDkuOTA3LDAuODkyIDE0OS42MjUsMC44OTIiIGlkPSJGaWxsLTEiIGZpbGw9IiM0NTVBNjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOTYuMDI3LDI1LjYzNiBMMTQyLjYwMyw1Mi41MjcgQzE0My44MDcsNTMuMjIyIDE0NC41ODIsNTQuMTE0IDE0NC44NDUsNTUuMDY4IEwxNDQuODM1LDU1LjA3NSBMNjMuNDYxLDEwMi4wNTcgTDYzLjQ2LDEwMi4wNTcgQzYxLjgwNiwxMDEuOTA1IDYwLjI2MSwxMDEuNDU3IDU5LjA1NywxMDAuNzYyIEwxMi40ODEsNzMuODcxIEw5Ni4wMjcsMjUuNjM2IiBpZD0iRmlsbC0yIiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYzLjQ2MSwxMDIuMTc0IEM2My40NTMsMTAyLjE3NCA2My40NDYsMTAyLjE3NCA2My40MzksMTAyLjE3MiBDNjEuNzQ2LDEwMi4wMTYgNjAuMjExLDEwMS41NjMgNTguOTk4LDEwMC44NjMgTDEyLjQyMiw3My45NzMgQzEyLjM4Niw3My45NTIgMTIuMzY0LDczLjkxNCAxMi4zNjQsNzMuODcxIEMxMi4zNjQsNzMuODMgMTIuMzg2LDczLjc5MSAxMi40MjIsNzMuNzcgTDk1Ljk2OCwyNS41MzUgQzk2LjAwNCwyNS41MTQgOTYuMDQ5LDI1LjUxNCA5Ni4wODUsMjUuNTM1IEwxNDIuNjYxLDUyLjQyNiBDMTQzLjg4OCw1My4xMzQgMTQ0LjY4Miw1NC4wMzggMTQ0Ljk1Nyw1NS4wMzcgQzE0NC45Nyw1NS4wODMgMTQ0Ljk1Myw1NS4xMzMgMTQ0LjkxNSw1NS4xNjEgQzE0NC45MTEsNTUuMTY1IDE0NC44OTgsNTUuMTc0IDE0NC44OTQsNTUuMTc3IEw2My41MTksMTAyLjE1OCBDNjMuNTAxLDEwMi4xNjkgNjMuNDgxLDEwMi4xNzQgNjMuNDYxLDEwMi4xNzQgTDYzLjQ2MSwxMDIuMTc0IFogTTEyLjcxNCw3My44NzEgTDU5LjExNSwxMDAuNjYxIEM2MC4yOTMsMTAxLjM0MSA2MS43ODYsMTAxLjc4MiA2My40MzUsMTAxLjkzNyBMMTQ0LjcwNyw1NS4wMTUgQzE0NC40MjgsNTQuMTA4IDE0My42ODIsNTMuMjg1IDE0Mi41NDQsNTIuNjI4IEw5Ni4wMjcsMjUuNzcxIEwxMi43MTQsNzMuODcxIEwxMi43MTQsNzMuODcxIFoiIGlkPSJGaWxsLTMiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQ4LjMyNyw1OC40NzEgQzE0OC4xNDUsNTguNDggMTQ3Ljk2Miw1OC40OCAxNDcuNzgxLDU4LjQ3MiBDMTQ1Ljg4Nyw1OC4zODkgMTQ0LjQ3OSw1Ny40MzQgMTQ0LjYzNiw1Ni4zNCBDMTQ0LjY4OSw1NS45NjcgMTQ0LjY2NCw1NS41OTcgMTQ0LjU2NCw1NS4yMzUgTDYzLjQ2MSwxMDIuMDU3IEM2NC4wODksMTAyLjExNSA2NC43MzMsMTAyLjEzIDY1LjM3OSwxMDIuMDk5IEM2NS41NjEsMTAyLjA5IDY1Ljc0MywxMDIuMDkgNjUuOTI1LDEwMi4wOTggQzY3LjgxOSwxMDIuMTgxIDY5LjIyNywxMDMuMTM2IDY5LjA3LDEwNC4yMyBMMTQ4LjMyNyw1OC40NzEiIGlkPSJGaWxsLTQiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNjkuMDcsMTA0LjM0NyBDNjkuMDQ4LDEwNC4zNDcgNjkuMDI1LDEwNC4zNCA2OS4wMDUsMTA0LjMyNyBDNjguOTY4LDEwNC4zMDEgNjguOTQ4LDEwNC4yNTcgNjguOTU1LDEwNC4yMTMgQzY5LDEwMy44OTYgNjguODk4LDEwMy41NzYgNjguNjU4LDEwMy4yODggQzY4LjE1MywxMDIuNjc4IDY3LjEwMywxMDIuMjY2IDY1LjkyLDEwMi4yMTQgQzY1Ljc0MiwxMDIuMjA2IDY1LjU2MywxMDIuMjA3IDY1LjM4NSwxMDIuMjE1IEM2NC43NDIsMTAyLjI0NiA2NC4wODcsMTAyLjIzMiA2My40NSwxMDIuMTc0IEM2My4zOTksMTAyLjE2OSA2My4zNTgsMTAyLjEzMiA2My4zNDcsMTAyLjA4MiBDNjMuMzM2LDEwMi4wMzMgNjMuMzU4LDEwMS45ODEgNjMuNDAyLDEwMS45NTYgTDE0NC41MDYsNTUuMTM0IEMxNDQuNTM3LDU1LjExNiAxNDQuNTc1LDU1LjExMyAxNDQuNjA5LDU1LjEyNyBDMTQ0LjY0Miw1NS4xNDEgMTQ0LjY2OCw1NS4xNyAxNDQuNjc3LDU1LjIwNCBDMTQ0Ljc4MSw1NS41ODUgMTQ0LjgwNiw1NS45NzIgMTQ0Ljc1MSw1Ni4zNTcgQzE0NC43MDYsNTYuNjczIDE0NC44MDgsNTYuOTk0IDE0NS4wNDcsNTcuMjgyIEMxNDUuNTUzLDU3Ljg5MiAxNDYuNjAyLDU4LjMwMyAxNDcuNzg2LDU4LjM1NSBDMTQ3Ljk2NCw1OC4zNjMgMTQ4LjE0Myw1OC4zNjMgMTQ4LjMyMSw1OC4zNTQgQzE0OC4zNzcsNTguMzUyIDE0OC40MjQsNTguMzg3IDE0OC40MzksNTguNDM4IEMxNDguNDU0LDU4LjQ5IDE0OC40MzIsNTguNTQ1IDE0OC4zODUsNTguNTcyIEw2OS4xMjksMTA0LjMzMSBDNjkuMTExLDEwNC4zNDIgNjkuMDksMTA0LjM0NyA2OS4wNywxMDQuMzQ3IEw2OS4wNywxMDQuMzQ3IFogTTY1LjY2NSwxMDEuOTc1IEM2NS43NTQsMTAxLjk3NSA2NS44NDIsMTAxLjk3NyA2NS45MywxMDEuOTgxIEM2Ny4xOTYsMTAyLjAzNyA2OC4yODMsMTAyLjQ2OSA2OC44MzgsMTAzLjEzOSBDNjkuMDY1LDEwMy40MTMgNjkuMTg4LDEwMy43MTQgNjkuMTk4LDEwNC4wMjEgTDE0Ny44ODMsNTguNTkyIEMxNDcuODQ3LDU4LjU5MiAxNDcuODExLDU4LjU5MSAxNDcuNzc2LDU4LjU4OSBDMTQ2LjUwOSw1OC41MzMgMTQ1LjQyMiw1OC4xIDE0NC44NjcsNTcuNDMxIEMxNDQuNTg1LDU3LjA5MSAxNDQuNDY1LDU2LjcwNyAxNDQuNTIsNTYuMzI0IEMxNDQuNTYzLDU2LjAyMSAxNDQuNTUyLDU1LjcxNiAxNDQuNDg4LDU1LjQxNCBMNjMuODQ2LDEwMS45NyBDNjQuMzUzLDEwMi4wMDIgNjQuODY3LDEwMi4wMDYgNjUuMzc0LDEwMS45ODIgQzY1LjQ3MSwxMDEuOTc3IDY1LjU2OCwxMDEuOTc1IDY1LjY2NSwxMDEuOTc1IEw2NS42NjUsMTAxLjk3NSBaIiBpZD0iRmlsbC01IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIuMjA4LDU1LjEzNCBDMS4yMDcsNTMuMzA3IDEuOTY3LDUwLjkxNyAzLjkwNiw0OS43OTcgTDU5LjkxNywxNy40NTMgQzYxLjg1NiwxNi4zMzMgNjQuMjQxLDE2LjkwNyA2NS4yNDMsMTguNzM0IEw2NS40NzUsMTkuMTQ0IEM2NS44NzIsMTkuODgyIDY2LjM2OCwyMC41NiA2Ni45NDUsMjEuMTY1IEw2Ny4yMjMsMjEuNDM1IEM3MC41NDgsMjQuNjQ5IDc1LjgwNiwyNS4xNTEgODAuMTExLDIyLjY2NSBMODcuNDMsMTguNDQ1IEM4OS4zNywxNy4zMjYgOTEuNzU0LDE3Ljg5OSA5Mi43NTUsMTkuNzI3IEw5Ni4wMDUsMjUuNjU1IEwxMi40ODYsNzMuODg0IEwyLjIwOCw1NS4xMzQgWiIgaWQ9IkZpbGwtNiIgZmlsbD0iI0ZBRkFGQSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMi40ODYsNzQuMDAxIEMxMi40NzYsNzQuMDAxIDEyLjQ2NSw3My45OTkgMTIuNDU1LDczLjk5NiBDMTIuNDI0LDczLjk4OCAxMi4zOTksNzMuOTY3IDEyLjM4NCw3My45NCBMMi4xMDYsNTUuMTkgQzEuMDc1LDUzLjMxIDEuODU3LDUwLjg0NSAzLjg0OCw0OS42OTYgTDU5Ljg1OCwxNy4zNTIgQzYwLjUyNSwxNi45NjcgNjEuMjcxLDE2Ljc2NCA2Mi4wMTYsMTYuNzY0IEM2My40MzEsMTYuNzY0IDY0LjY2NiwxNy40NjYgNjUuMzI3LDE4LjY0NiBDNjUuMzM3LDE4LjY1NCA2NS4zNDUsMTguNjYzIDY1LjM1MSwxOC42NzQgTDY1LjU3OCwxOS4wODggQzY1LjU4NCwxOS4xIDY1LjU4OSwxOS4xMTIgNjUuNTkxLDE5LjEyNiBDNjUuOTg1LDE5LjgzOCA2Ni40NjksMjAuNDk3IDY3LjAzLDIxLjA4NSBMNjcuMzA1LDIxLjM1MSBDNjkuMTUxLDIzLjEzNyA3MS42NDksMjQuMTIgNzQuMzM2LDI0LjEyIEM3Ni4zMTMsMjQuMTIgNzguMjksMjMuNTgyIDgwLjA1MywyMi41NjMgQzgwLjA2NCwyMi41NTcgODAuMDc2LDIyLjU1MyA4MC4wODgsMjIuNTUgTDg3LjM3MiwxOC4zNDQgQzg4LjAzOCwxNy45NTkgODguNzg0LDE3Ljc1NiA4OS41MjksMTcuNzU2IEM5MC45NTYsMTcuNzU2IDkyLjIwMSwxOC40NzIgOTIuODU4LDE5LjY3IEw5Ni4xMDcsMjUuNTk5IEM5Ni4xMzgsMjUuNjU0IDk2LjExOCwyNS43MjQgOTYuMDYzLDI1Ljc1NiBMMTIuNTQ1LDczLjk4NSBDMTIuNTI2LDczLjk5NiAxMi41MDYsNzQuMDAxIDEyLjQ4Niw3NC4wMDEgTDEyLjQ4Niw3NC4wMDEgWiBNNjIuMDE2LDE2Ljk5NyBDNjEuMzEyLDE2Ljk5NyA2MC42MDYsMTcuMTkgNTkuOTc1LDE3LjU1NCBMMy45NjUsNDkuODk5IEMyLjA4Myw1MC45ODUgMS4zNDEsNTMuMzA4IDIuMzEsNTUuMDc4IEwxMi41MzEsNzMuNzIzIEw5NS44NDgsMjUuNjExIEw5Mi42NTMsMTkuNzgyIEM5Mi4wMzgsMTguNjYgOTAuODcsMTcuOTkgODkuNTI5LDE3Ljk5IEM4OC44MjUsMTcuOTkgODguMTE5LDE4LjE4MiA4Ny40ODksMTguNTQ3IEw4MC4xNzIsMjIuNzcyIEM4MC4xNjEsMjIuNzc4IDgwLjE0OSwyMi43ODIgODAuMTM3LDIyLjc4NSBDNzguMzQ2LDIzLjgxMSA3Ni4zNDEsMjQuMzU0IDc0LjMzNiwyNC4zNTQgQzcxLjU4OCwyNC4zNTQgNjkuMDMzLDIzLjM0NyA2Ny4xNDIsMjEuNTE5IEw2Ni44NjQsMjEuMjQ5IEM2Ni4yNzcsMjAuNjM0IDY1Ljc3NCwxOS45NDcgNjUuMzY3LDE5LjIwMyBDNjUuMzYsMTkuMTkyIDY1LjM1NiwxOS4xNzkgNjUuMzU0LDE5LjE2NiBMNjUuMTYzLDE4LjgxOSBDNjUuMTU0LDE4LjgxMSA2NS4xNDYsMTguODAxIDY1LjE0LDE4Ljc5IEM2NC41MjUsMTcuNjY3IDYzLjM1NywxNi45OTcgNjIuMDE2LDE2Ljk5NyBMNjIuMDE2LDE2Ljk5NyBaIiBpZD0iRmlsbC03IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQyLjQzNCw0OC44MDggTDQyLjQzNCw0OC44MDggQzM5LjkyNCw0OC44MDcgMzcuNzM3LDQ3LjU1IDM2LjU4Miw0NS40NDMgQzM0Ljc3MSw0Mi4xMzkgMzYuMTQ0LDM3LjgwOSAzOS42NDEsMzUuNzg5IEw1MS45MzIsMjguNjkxIEM1My4xMDMsMjguMDE1IDU0LjQxMywyNy42NTggNTUuNzIxLDI3LjY1OCBDNTguMjMxLDI3LjY1OCA2MC40MTgsMjguOTE2IDYxLjU3MywzMS4wMjMgQzYzLjM4NCwzNC4zMjcgNjIuMDEyLDM4LjY1NyA1OC41MTQsNDAuNjc3IEw0Ni4yMjMsNDcuNzc1IEM0NS4wNTMsNDguNDUgNDMuNzQyLDQ4LjgwOCA0Mi40MzQsNDguODA4IEw0Mi40MzQsNDguODA4IFogTTU1LjcyMSwyOC4xMjUgQzU0LjQ5NSwyOC4xMjUgNTMuMjY1LDI4LjQ2MSA1Mi4xNjYsMjkuMDk2IEwzOS44NzUsMzYuMTk0IEMzNi41OTYsMzguMDg3IDM1LjMwMiw0Mi4xMzYgMzYuOTkyLDQ1LjIxOCBDMzguMDYzLDQ3LjE3MyA0MC4wOTgsNDguMzQgNDIuNDM0LDQ4LjM0IEM0My42NjEsNDguMzQgNDQuODksNDguMDA1IDQ1Ljk5LDQ3LjM3IEw1OC4yODEsNDAuMjcyIEM2MS41NiwzOC4zNzkgNjIuODUzLDM0LjMzIDYxLjE2NCwzMS4yNDggQzYwLjA5MiwyOS4yOTMgNTguMDU4LDI4LjEyNSA1NS43MjEsMjguMTI1IEw1NS43MjEsMjguMTI1IFoiIGlkPSJGaWxsLTgiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQ5LjU4OCwyLjQwNyBDMTQ5LjU4OCwyLjQwNyAxNTUuNzY4LDUuOTc1IDE1Ni4zMjUsNi4yOTcgTDE1Ni4zMjUsNy4xODQgQzE1Ni4zMjUsNy4zNiAxNTYuMzM4LDcuNTQ0IDE1Ni4zNjIsNy43MzMgQzE1Ni4zNzMsNy44MTQgMTU2LjM4Miw3Ljg5NCAxNTYuMzksNy45NzUgQzE1Ni41Myw5LjM5IDE1Ny4zNjMsMTAuOTczIDE1OC40OTUsMTEuOTc0IEwxNjUuODkxLDE4LjUxOSBDMTY2LjA2OCwxOC42NzUgMTY2LjI0OSwxOC44MTQgMTY2LjQzMiwxOC45MzQgQzE2OC4wMTEsMTkuOTc0IDE2OS4zODIsMTkuNCAxNjkuNDk0LDE3LjY1MiBDMTY5LjU0MywxNi44NjggMTY5LjU1MSwxNi4wNTcgMTY5LjUxNywxNS4yMjMgTDE2OS41MTQsMTUuMDYzIEwxNjkuNTE0LDEzLjkxMiBDMTcwLjc4LDE0LjY0MiAxOTUuNTAxLDI4LjkxNSAxOTUuNTAxLDI4LjkxNSBMMTk1LjUwMSw4Mi45MTUgQzE5NS41MDEsODQuMDA1IDE5NC43MzEsODQuNDQ1IDE5My43ODEsODMuODk3IEwxNTEuMzA4LDU5LjM3NCBDMTUwLjM1OCw1OC44MjYgMTQ5LjU4OCw1Ny40OTcgMTQ5LjU4OCw1Ni40MDggTDE0OS41ODgsMjIuMzc1IiBpZD0iRmlsbC05IiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE5NC41NTMsODQuMjUgQzE5NC4yOTYsODQuMjUgMTk0LjAxMyw4NC4xNjUgMTkzLjcyMiw4My45OTcgTDE1MS4yNSw1OS40NzYgQzE1MC4yNjksNTguOTA5IDE0OS40NzEsNTcuNTMzIDE0OS40NzEsNTYuNDA4IEwxNDkuNDcxLDIyLjM3NSBMMTQ5LjcwNSwyMi4zNzUgTDE0OS43MDUsNTYuNDA4IEMxNDkuNzA1LDU3LjQ1OSAxNTAuNDUsNTguNzQ0IDE1MS4zNjYsNTkuMjc0IEwxOTMuODM5LDgzLjc5NSBDMTk0LjI2Myw4NC4wNCAxOTQuNjU1LDg0LjA4MyAxOTQuOTQyLDgzLjkxNyBDMTk1LjIyNyw4My43NTMgMTk1LjM4NCw4My4zOTcgMTk1LjM4NCw4Mi45MTUgTDE5NS4zODQsMjguOTgyIEMxOTQuMTAyLDI4LjI0MiAxNzIuMTA0LDE1LjU0MiAxNjkuNjMxLDE0LjExNCBMMTY5LjYzNCwxNS4yMiBDMTY5LjY2OCwxNi4wNTIgMTY5LjY2LDE2Ljg3NCAxNjkuNjEsMTcuNjU5IEMxNjkuNTU2LDE4LjUwMyAxNjkuMjE0LDE5LjEyMyAxNjguNjQ3LDE5LjQwNSBDMTY4LjAyOCwxOS43MTQgMTY3LjE5NywxOS41NzggMTY2LjM2NywxOS4wMzIgQzE2Ni4xODEsMTguOTA5IDE2NS45OTUsMTguNzY2IDE2NS44MTQsMTguNjA2IEwxNTguNDE3LDEyLjA2MiBDMTU3LjI1OSwxMS4wMzYgMTU2LjQxOCw5LjQzNyAxNTYuMjc0LDcuOTg2IEMxNTYuMjY2LDcuOTA3IDE1Ni4yNTcsNy44MjcgMTU2LjI0Nyw3Ljc0OCBDMTU2LjIyMSw3LjU1NSAxNTYuMjA5LDcuMzY1IDE1Ni4yMDksNy4xODQgTDE1Ni4yMDksNi4zNjQgQzE1NS4zNzUsNS44ODMgMTQ5LjUyOSwyLjUwOCAxNDkuNTI5LDIuNTA4IEwxNDkuNjQ2LDIuMzA2IEMxNDkuNjQ2LDIuMzA2IDE1NS44MjcsNS44NzQgMTU2LjM4NCw2LjE5NiBMMTU2LjQ0Miw2LjIzIEwxNTYuNDQyLDcuMTg0IEMxNTYuNDQyLDcuMzU1IDE1Ni40NTQsNy41MzUgMTU2LjQ3OCw3LjcxNyBDMTU2LjQ4OSw3LjggMTU2LjQ5OSw3Ljg4MiAxNTYuNTA3LDcuOTYzIEMxNTYuNjQ1LDkuMzU4IDE1Ny40NTUsMTAuODk4IDE1OC41NzIsMTEuODg2IEwxNjUuOTY5LDE4LjQzMSBDMTY2LjE0MiwxOC41ODQgMTY2LjMxOSwxOC43MiAxNjYuNDk2LDE4LjgzNyBDMTY3LjI1NCwxOS4zMzYgMTY4LDE5LjQ2NyAxNjguNTQzLDE5LjE5NiBDMTY5LjAzMywxOC45NTMgMTY5LjMyOSwxOC40MDEgMTY5LjM3NywxNy42NDUgQzE2OS40MjcsMTYuODY3IDE2OS40MzQsMTYuMDU0IDE2OS40MDEsMTUuMjI4IEwxNjkuMzk3LDE1LjA2NSBMMTY5LjM5NywxMy43MSBMMTY5LjU3MiwxMy44MSBDMTcwLjgzOSwxNC41NDEgMTk1LjU1OSwyOC44MTQgMTk1LjU1OSwyOC44MTQgTDE5NS42MTgsMjguODQ3IEwxOTUuNjE4LDgyLjkxNSBDMTk1LjYxOCw4My40ODQgMTk1LjQyLDgzLjkxMSAxOTUuMDU5LDg0LjExOSBDMTk0LjkwOCw4NC4yMDYgMTk0LjczNyw4NC4yNSAxOTQuNTUzLDg0LjI1IiBpZD0iRmlsbC0xMCIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNDUuNjg1LDU2LjE2MSBMMTY5LjgsNzAuMDgzIEwxNDMuODIyLDg1LjA4MSBMMTQyLjM2LDg0Ljc3NCBDMTM1LjgyNiw4Mi42MDQgMTI4LjczMiw4MS4wNDYgMTIxLjM0MSw4MC4xNTggQzExNi45NzYsNzkuNjM0IDExMi42NzgsODEuMjU0IDExMS43NDMsODMuNzc4IEMxMTEuNTA2LDg0LjQxNCAxMTEuNTAzLDg1LjA3MSAxMTEuNzMyLDg1LjcwNiBDMTEzLjI3LDg5Ljk3MyAxMTUuOTY4LDk0LjA2OSAxMTkuNzI3LDk3Ljg0MSBMMTIwLjI1OSw5OC42ODYgQzEyMC4yNiw5OC42ODUgOTQuMjgyLDExMy42ODMgOTQuMjgyLDExMy42ODMgTDcwLjE2Nyw5OS43NjEgTDE0NS42ODUsNTYuMTYxIiBpZD0iRmlsbC0xMSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05NC4yODIsMTEzLjgxOCBMOTQuMjIzLDExMy43ODUgTDY5LjkzMyw5OS43NjEgTDcwLjEwOCw5OS42NiBMMTQ1LjY4NSw1Ni4wMjYgTDE0NS43NDMsNTYuMDU5IEwxNzAuMDMzLDcwLjA4MyBMMTQzLjg0Miw4NS4yMDUgTDE0My43OTcsODUuMTk1IEMxNDMuNzcyLDg1LjE5IDE0Mi4zMzYsODQuODg4IDE0Mi4zMzYsODQuODg4IEMxMzUuNzg3LDgyLjcxNCAxMjguNzIzLDgxLjE2MyAxMjEuMzI3LDgwLjI3NCBDMTIwLjc4OCw4MC4yMDkgMTIwLjIzNiw4MC4xNzcgMTE5LjY4OSw4MC4xNzcgQzExNS45MzEsODAuMTc3IDExMi42MzUsODEuNzA4IDExMS44NTIsODMuODE5IEMxMTEuNjI0LDg0LjQzMiAxMTEuNjIxLDg1LjA1MyAxMTEuODQyLDg1LjY2NyBDMTEzLjM3Nyw4OS45MjUgMTE2LjA1OCw5My45OTMgMTE5LjgxLDk3Ljc1OCBMMTE5LjgyNiw5Ny43NzkgTDEyMC4zNTIsOTguNjE0IEMxMjAuMzU0LDk4LjYxNyAxMjAuMzU2LDk4LjYyIDEyMC4zNTgsOTguNjI0IEwxMjAuNDIyLDk4LjcyNiBMMTIwLjMxNyw5OC43ODcgQzEyMC4yNjQsOTguODE4IDk0LjU5OSwxMTMuNjM1IDk0LjM0LDExMy43ODUgTDk0LjI4MiwxMTMuODE4IEw5NC4yODIsMTEzLjgxOCBaIE03MC40MDEsOTkuNzYxIEw5NC4yODIsMTEzLjU0OSBMMTE5LjA4NCw5OS4yMjkgQzExOS42Myw5OC45MTQgMTE5LjkzLDk4Ljc0IDEyMC4xMDEsOTguNjU0IEwxMTkuNjM1LDk3LjkxNCBDMTE1Ljg2NCw5NC4xMjcgMTEzLjE2OCw5MC4wMzMgMTExLjYyMiw4NS43NDYgQzExMS4zODIsODUuMDc5IDExMS4zODYsODQuNDA0IDExMS42MzMsODMuNzM4IEMxMTIuNDQ4LDgxLjUzOSAxMTUuODM2LDc5Ljk0MyAxMTkuNjg5LDc5Ljk0MyBDMTIwLjI0Niw3OS45NDMgMTIwLjgwNiw3OS45NzYgMTIxLjM1NSw4MC4wNDIgQzEyOC43NjcsODAuOTMzIDEzNS44NDYsODIuNDg3IDE0Mi4zOTYsODQuNjYzIEMxNDMuMjMyLDg0LjgzOCAxNDMuNjExLDg0LjkxNyAxNDMuNzg2LDg0Ljk2NyBMMTY5LjU2Niw3MC4wODMgTDE0NS42ODUsNTYuMjk1IEw3MC40MDEsOTkuNzYxIEw3MC40MDEsOTkuNzYxIFoiIGlkPSJGaWxsLTEyIiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2Ny4yMywxOC45NzkgTDE2Ny4yMyw2OS44NSBMMTM5LjkwOSw4NS42MjMgTDEzMy40NDgsNzEuNDU2IEMxMzIuNTM4LDY5LjQ2IDEzMC4wMiw2OS43MTggMTI3LjgyNCw3Mi4wMyBDMTI2Ljc2OSw3My4xNCAxMjUuOTMxLDc0LjU4NSAxMjUuNDk0LDc2LjA0OCBMMTE5LjAzNCw5Ny42NzYgTDkxLjcxMiwxMTMuNDUgTDkxLjcxMiw2Mi41NzkgTDE2Ny4yMywxOC45NzkiIGlkPSJGaWxsLTEzIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTkxLjcxMiwxMTMuNTY3IEM5MS42OTIsMTEzLjU2NyA5MS42NzIsMTEzLjU2MSA5MS42NTMsMTEzLjU1MSBDOTEuNjE4LDExMy41MyA5MS41OTUsMTEzLjQ5MiA5MS41OTUsMTEzLjQ1IEw5MS41OTUsNjIuNTc5IEM5MS41OTUsNjIuNTM3IDkxLjYxOCw2Mi40OTkgOTEuNjUzLDYyLjQ3OCBMMTY3LjE3MiwxOC44NzggQzE2Ny4yMDgsMTguODU3IDE2Ny4yNTIsMTguODU3IDE2Ny4yODgsMTguODc4IEMxNjcuMzI0LDE4Ljg5OSAxNjcuMzQ3LDE4LjkzNyAxNjcuMzQ3LDE4Ljk3OSBMMTY3LjM0Nyw2OS44NSBDMTY3LjM0Nyw2OS44OTEgMTY3LjMyNCw2OS45MyAxNjcuMjg4LDY5Ljk1IEwxMzkuOTY3LDg1LjcyNSBDMTM5LjkzOSw4NS43NDEgMTM5LjkwNSw4NS43NDUgMTM5Ljg3Myw4NS43MzUgQzEzOS44NDIsODUuNzI1IDEzOS44MTYsODUuNzAyIDEzOS44MDIsODUuNjcyIEwxMzMuMzQyLDcxLjUwNCBDMTMyLjk2Nyw3MC42ODIgMTMyLjI4LDcwLjIyOSAxMzEuNDA4LDcwLjIyOSBDMTMwLjMxOSw3MC4yMjkgMTI5LjA0NCw3MC45MTUgMTI3LjkwOCw3Mi4xMSBDMTI2Ljg3NCw3My4yIDEyNi4wMzQsNzQuNjQ3IDEyNS42MDYsNzYuMDgyIEwxMTkuMTQ2LDk3LjcwOSBDMTE5LjEzNyw5Ny43MzggMTE5LjExOCw5Ny43NjIgMTE5LjA5Miw5Ny43NzcgTDkxLjc3LDExMy41NTEgQzkxLjc1MiwxMTMuNTYxIDkxLjczMiwxMTMuNTY3IDkxLjcxMiwxMTMuNTY3IEw5MS43MTIsMTEzLjU2NyBaIE05MS44MjksNjIuNjQ3IEw5MS44MjksMTEzLjI0OCBMMTE4LjkzNSw5Ny41OTggTDEyNS4zODIsNzYuMDE1IEMxMjUuODI3LDc0LjUyNSAxMjYuNjY0LDczLjA4MSAxMjcuNzM5LDcxLjk1IEMxMjguOTE5LDcwLjcwOCAxMzAuMjU2LDY5Ljk5NiAxMzEuNDA4LDY5Ljk5NiBDMTMyLjM3Nyw2OS45OTYgMTMzLjEzOSw3MC40OTcgMTMzLjU1NCw3MS40MDcgTDEzOS45NjEsODUuNDU4IEwxNjcuMTEzLDY5Ljc4MiBMMTY3LjExMywxOS4xODEgTDkxLjgyOSw2Mi42NDcgTDkxLjgyOSw2Mi42NDcgWiIgaWQ9IkZpbGwtMTQiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTY4LjU0MywxOS4yMTMgTDE2OC41NDMsNzAuMDgzIEwxNDEuMjIxLDg1Ljg1NyBMMTM0Ljc2MSw3MS42ODkgQzEzMy44NTEsNjkuNjk0IDEzMS4zMzMsNjkuOTUxIDEyOS4xMzcsNzIuMjYzIEMxMjguMDgyLDczLjM3NCAxMjcuMjQ0LDc0LjgxOSAxMjYuODA3LDc2LjI4MiBMMTIwLjM0Niw5Ny45MDkgTDkzLjAyNSwxMTMuNjgzIEw5My4wMjUsNjIuODEzIEwxNjguNTQzLDE5LjIxMyIgaWQ9IkZpbGwtMTUiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOTMuMDI1LDExMy44IEM5My4wMDUsMTEzLjggOTIuOTg0LDExMy43OTUgOTIuOTY2LDExMy43ODUgQzkyLjkzMSwxMTMuNzY0IDkyLjkwOCwxMTMuNzI1IDkyLjkwOCwxMTMuNjg0IEw5Mi45MDgsNjIuODEzIEM5Mi45MDgsNjIuNzcxIDkyLjkzMSw2Mi43MzMgOTIuOTY2LDYyLjcxMiBMMTY4LjQ4NCwxOS4xMTIgQzE2OC41MiwxOS4wOSAxNjguNTY1LDE5LjA5IDE2OC42MDEsMTkuMTEyIEMxNjguNjM3LDE5LjEzMiAxNjguNjYsMTkuMTcxIDE2OC42NiwxOS4yMTIgTDE2OC42Niw3MC4wODMgQzE2OC42Niw3MC4xMjUgMTY4LjYzNyw3MC4xNjQgMTY4LjYwMSw3MC4xODQgTDE0MS4yOCw4NS45NTggQzE0MS4yNTEsODUuOTc1IDE0MS4yMTcsODUuOTc5IDE0MS4xODYsODUuOTY4IEMxNDEuMTU0LDg1Ljk1OCAxNDEuMTI5LDg1LjkzNiAxNDEuMTE1LDg1LjkwNiBMMTM0LjY1NSw3MS43MzggQzEzNC4yOCw3MC45MTUgMTMzLjU5Myw3MC40NjMgMTMyLjcyLDcwLjQ2MyBDMTMxLjYzMiw3MC40NjMgMTMwLjM1Nyw3MS4xNDggMTI5LjIyMSw3Mi4zNDQgQzEyOC4xODYsNzMuNDMzIDEyNy4zNDcsNzQuODgxIDEyNi45MTksNzYuMzE1IEwxMjAuNDU4LDk3Ljk0MyBDMTIwLjQ1LDk3Ljk3MiAxMjAuNDMxLDk3Ljk5NiAxMjAuNDA1LDk4LjAxIEw5My4wODMsMTEzLjc4NSBDOTMuMDY1LDExMy43OTUgOTMuMDQ1LDExMy44IDkzLjAyNSwxMTMuOCBMOTMuMDI1LDExMy44IFogTTkzLjE0Miw2Mi44ODEgTDkzLjE0MiwxMTMuNDgxIEwxMjAuMjQ4LDk3LjgzMiBMMTI2LjY5NSw3Ni4yNDggQzEyNy4xNCw3NC43NTggMTI3Ljk3Nyw3My4zMTUgMTI5LjA1Miw3Mi4xODMgQzEzMC4yMzEsNzAuOTQyIDEzMS41NjgsNzAuMjI5IDEzMi43Miw3MC4yMjkgQzEzMy42ODksNzAuMjI5IDEzNC40NTIsNzAuNzMxIDEzNC44NjcsNzEuNjQxIEwxNDEuMjc0LDg1LjY5MiBMMTY4LjQyNiw3MC4wMTYgTDE2OC40MjYsMTkuNDE1IEw5My4xNDIsNjIuODgxIEw5My4xNDIsNjIuODgxIFoiIGlkPSJGaWxsLTE2IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2OS44LDcwLjA4MyBMMTQyLjQ3OCw4NS44NTcgTDEzNi4wMTgsNzEuNjg5IEMxMzUuMTA4LDY5LjY5NCAxMzIuNTksNjkuOTUxIDEzMC4zOTMsNzIuMjYzIEMxMjkuMzM5LDczLjM3NCAxMjguNSw3NC44MTkgMTI4LjA2NCw3Ni4yODIgTDEyMS42MDMsOTcuOTA5IEw5NC4yODIsMTEzLjY4MyBMOTQuMjgyLDYyLjgxMyBMMTY5LjgsMTkuMjEzIEwxNjkuOCw3MC4wODMgWiIgaWQ9IkZpbGwtMTciIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOTQuMjgyLDExMy45MTcgQzk0LjI0MSwxMTMuOTE3IDk0LjIwMSwxMTMuOTA3IDk0LjE2NSwxMTMuODg2IEM5NC4wOTMsMTEzLjg0NSA5NC4wNDgsMTEzLjc2NyA5NC4wNDgsMTEzLjY4NCBMOTQuMDQ4LDYyLjgxMyBDOTQuMDQ4LDYyLjczIDk0LjA5Myw2Mi42NTIgOTQuMTY1LDYyLjYxMSBMMTY5LjY4MywxOS4wMSBDMTY5Ljc1NSwxOC45NjkgMTY5Ljg0NCwxOC45NjkgMTY5LjkxNywxOS4wMSBDMTY5Ljk4OSwxOS4wNTIgMTcwLjAzMywxOS4xMjkgMTcwLjAzMywxOS4yMTIgTDE3MC4wMzMsNzAuMDgzIEMxNzAuMDMzLDcwLjE2NiAxNjkuOTg5LDcwLjI0NCAxNjkuOTE3LDcwLjI4NSBMMTQyLjU5NSw4Ni4wNiBDMTQyLjUzOCw4Ni4wOTIgMTQyLjQ2OSw4Ni4xIDE0Mi40MDcsODYuMDggQzE0Mi4zNDQsODYuMDYgMTQyLjI5Myw4Ni4wMTQgMTQyLjI2Niw4NS45NTQgTDEzNS44MDUsNzEuNzg2IEMxMzUuNDQ1LDcwLjk5NyAxMzQuODEzLDcwLjU4IDEzMy45NzcsNzAuNTggQzEzMi45MjEsNzAuNTggMTMxLjY3Niw3MS4yNTIgMTMwLjU2Miw3Mi40MjQgQzEyOS41NCw3My41MDEgMTI4LjcxMSw3NC45MzEgMTI4LjI4Nyw3Ni4zNDggTDEyMS44MjcsOTcuOTc2IEMxMjEuODEsOTguMDM0IDEyMS43NzEsOTguMDgyIDEyMS43Miw5OC4xMTIgTDk0LjM5OCwxMTMuODg2IEM5NC4zNjIsMTEzLjkwNyA5NC4zMjIsMTEzLjkxNyA5NC4yODIsMTEzLjkxNyBMOTQuMjgyLDExMy45MTcgWiBNOTQuNTE1LDYyLjk0OCBMOTQuNTE1LDExMy4yNzkgTDEyMS40MDYsOTcuNzU0IEwxMjcuODQsNzYuMjE1IEMxMjguMjksNzQuNzA4IDEyOS4xMzcsNzMuMjQ3IDEzMC4yMjQsNzIuMTAzIEMxMzEuNDI1LDcwLjgzOCAxMzIuNzkzLDcwLjExMiAxMzMuOTc3LDcwLjExMiBDMTM0Ljk5NSw3MC4xMTIgMTM1Ljc5NSw3MC42MzggMTM2LjIzLDcxLjU5MiBMMTQyLjU4NCw4NS41MjYgTDE2OS41NjYsNjkuOTQ4IEwxNjkuNTY2LDE5LjYxNyBMOTQuNTE1LDYyLjk0OCBMOTQuNTE1LDYyLjk0OCBaIiBpZD0iRmlsbC0xOCIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDkuODk0LDkyLjk0MyBMMTA5Ljg5NCw5Mi45NDMgQzEwOC4xMiw5Mi45NDMgMTA2LjY1Myw5Mi4yMTggMTA1LjY1LDkwLjgyMyBDMTA1LjU4Myw5MC43MzEgMTA1LjU5Myw5MC42MSAxMDUuNjczLDkwLjUyOSBDMTA1Ljc1Myw5MC40NDggMTA1Ljg4LDkwLjQ0IDEwNS45NzQsOTAuNTA2IEMxMDYuNzU0LDkxLjA1MyAxMDcuNjc5LDkxLjMzMyAxMDguNzI0LDkxLjMzMyBDMTEwLjA0Nyw5MS4zMzMgMTExLjQ3OCw5MC44OTQgMTEyLjk4LDkwLjAyNyBDMTE4LjI5MSw4Ni45NiAxMjIuNjExLDc5LjUwOSAxMjIuNjExLDczLjQxNiBDMTIyLjYxMSw3MS40ODkgMTIyLjE2OSw2OS44NTYgMTIxLjMzMyw2OC42OTIgQzEyMS4yNjYsNjguNiAxMjEuMjc2LDY4LjQ3MyAxMjEuMzU2LDY4LjM5MiBDMTIxLjQzNiw2OC4zMTEgMTIxLjU2Myw2OC4yOTkgMTIxLjY1Niw2OC4zNjUgQzEyMy4zMjcsNjkuNTM3IDEyNC4yNDcsNzEuNzQ2IDEyNC4yNDcsNzQuNTg0IEMxMjQuMjQ3LDgwLjgyNiAxMTkuODIxLDg4LjQ0NyAxMTQuMzgyLDkxLjU4NyBDMTEyLjgwOCw5Mi40OTUgMTExLjI5OCw5Mi45NDMgMTA5Ljg5NCw5Mi45NDMgTDEwOS44OTQsOTIuOTQzIFogTTEwNi45MjUsOTEuNDAxIEMxMDcuNzM4LDkyLjA1MiAxMDguNzQ1LDkyLjI3OCAxMDkuODkzLDkyLjI3OCBMMTA5Ljg5NCw5Mi4yNzggQzExMS4yMTUsOTIuMjc4IDExMi42NDcsOTEuOTUxIDExNC4xNDgsOTEuMDg0IEMxMTkuNDU5LDg4LjAxNyAxMjMuNzgsODAuNjIxIDEyMy43OCw3NC41MjggQzEyMy43OCw3Mi41NDkgMTIzLjMxNyw3MC45MjkgMTIyLjQ1NCw2OS43NjcgQzEyMi44NjUsNzAuODAyIDEyMy4wNzksNzIuMDQyIDEyMy4wNzksNzMuNDAyIEMxMjMuMDc5LDc5LjY0NSAxMTguNjUzLDg3LjI4NSAxMTMuMjE0LDkwLjQyNSBDMTExLjY0LDkxLjMzNCAxMTAuMTMsOTEuNzQyIDEwOC43MjQsOTEuNzQyIEMxMDguMDgzLDkxLjc0MiAxMDcuNDgxLDkxLjU5MyAxMDYuOTI1LDkxLjQwMSBMMTA2LjkyNSw5MS40MDEgWiIgaWQ9IkZpbGwtMTkiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEzLjA5Nyw5MC4yMyBDMTE4LjQ4MSw4Ny4xMjIgMTIyLjg0NSw3OS41OTQgMTIyLjg0NSw3My40MTYgQzEyMi44NDUsNzEuMzY1IDEyMi4zNjIsNjkuNzI0IDEyMS41MjIsNjguNTU2IEMxMTkuNzM4LDY3LjMwNCAxMTcuMTQ4LDY3LjM2MiAxMTQuMjY1LDY5LjAyNiBDMTA4Ljg4MSw3Mi4xMzQgMTA0LjUxNyw3OS42NjIgMTA0LjUxNyw4NS44NCBDMTA0LjUxNyw4Ny44OTEgMTA1LDg5LjUzMiAxMDUuODQsOTAuNyBDMTA3LjYyNCw5MS45NTIgMTEwLjIxNCw5MS44OTQgMTEzLjA5Nyw5MC4yMyIgaWQ9IkZpbGwtMjAiIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTA4LjcyNCw5MS42MTQgTDEwOC43MjQsOTEuNjE0IEMxMDcuNTgyLDkxLjYxNCAxMDYuNTY2LDkxLjQwMSAxMDUuNzA1LDkwLjc5NyBDMTA1LjY4NCw5MC43ODMgMTA1LjY2NSw5MC44MTEgMTA1LjY1LDkwLjc5IEMxMDQuNzU2LDg5LjU0NiAxMDQuMjgzLDg3Ljg0MiAxMDQuMjgzLDg1LjgxNyBDMTA0LjI4Myw3OS41NzUgMTA4LjcwOSw3MS45NTMgMTE0LjE0OCw2OC44MTIgQzExNS43MjIsNjcuOTA0IDExNy4yMzIsNjcuNDQ5IDExOC42MzgsNjcuNDQ5IEMxMTkuNzgsNjcuNDQ5IDEyMC43OTYsNjcuNzU4IDEyMS42NTYsNjguMzYyIEMxMjEuNjc4LDY4LjM3NyAxMjEuNjk3LDY4LjM5NyAxMjEuNzEyLDY4LjQxOCBDMTIyLjYwNiw2OS42NjIgMTIzLjA3OSw3MS4zOSAxMjMuMDc5LDczLjQxNSBDMTIzLjA3OSw3OS42NTggMTE4LjY1Myw4Ny4xOTggMTEzLjIxNCw5MC4zMzggQzExMS42NCw5MS4yNDcgMTEwLjEzLDkxLjYxNCAxMDguNzI0LDkxLjYxNCBMMTA4LjcyNCw5MS42MTQgWiBNMTA2LjAwNiw5MC41MDUgQzEwNi43OCw5MS4wMzcgMTA3LjY5NCw5MS4yODEgMTA4LjcyNCw5MS4yODEgQzExMC4wNDcsOTEuMjgxIDExMS40NzgsOTAuODY4IDExMi45OCw5MC4wMDEgQzExOC4yOTEsODYuOTM1IDEyMi42MTEsNzkuNDk2IDEyMi42MTEsNzMuNDAzIEMxMjIuNjExLDcxLjQ5NCAxMjIuMTc3LDY5Ljg4IDEyMS4zNTYsNjguNzE4IEMxMjAuNTgyLDY4LjE4NSAxMTkuNjY4LDY3LjkxOSAxMTguNjM4LDY3LjkxOSBDMTE3LjMxNSw2Ny45MTkgMTE1Ljg4Myw2OC4zNiAxMTQuMzgyLDY5LjIyNyBDMTA5LjA3MSw3Mi4yOTMgMTA0Ljc1MSw3OS43MzMgMTA0Ljc1MSw4NS44MjYgQzEwNC43NTEsODcuNzM1IDEwNS4xODUsODkuMzQzIDEwNi4wMDYsOTAuNTA1IEwxMDYuMDA2LDkwLjUwNSBaIiBpZD0iRmlsbC0yMSIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNDkuMzE4LDcuMjYyIEwxMzkuMzM0LDE2LjE0IEwxNTUuMjI3LDI3LjE3MSBMMTYwLjgxNiwyMS4wNTkgTDE0OS4zMTgsNy4yNjIiIGlkPSJGaWxsLTIyIiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2OS42NzYsMTMuODQgTDE1OS45MjgsMTkuNDY3IEMxNTYuMjg2LDIxLjU3IDE1MC40LDIxLjU4IDE0Ni43ODEsMTkuNDkxIEMxNDMuMTYxLDE3LjQwMiAxNDMuMTgsMTQuMDAzIDE0Ni44MjIsMTEuOSBMMTU2LjMxNyw2LjI5MiBMMTQ5LjU4OCwyLjQwNyBMNjcuNzUyLDQ5LjQ3OCBMMTEzLjY3NSw3NS45OTIgTDExNi43NTYsNzQuMjEzIEMxMTcuMzg3LDczLjg0OCAxMTcuNjI1LDczLjMxNSAxMTcuMzc0LDcyLjgyMyBDMTE1LjAxNyw2OC4xOTEgMTE0Ljc4MSw2My4yNzcgMTE2LjY5MSw1OC41NjEgQzEyMi4zMjksNDQuNjQxIDE0MS4yLDMzLjc0NiAxNjUuMzA5LDMwLjQ5MSBDMTczLjQ3OCwyOS4zODggMTgxLjk4OSwyOS41MjQgMTkwLjAxMywzMC44ODUgQzE5MC44NjUsMzEuMDMgMTkxLjc4OSwzMC44OTMgMTkyLjQyLDMwLjUyOCBMMTk1LjUwMSwyOC43NSBMMTY5LjY3NiwxMy44NCIgaWQ9IkZpbGwtMjMiIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEzLjY3NSw3Ni40NTkgQzExMy41OTQsNzYuNDU5IDExMy41MTQsNzYuNDM4IDExMy40NDIsNzYuMzk3IEw2Ny41MTgsNDkuODgyIEM2Ny4zNzQsNDkuNzk5IDY3LjI4NCw0OS42NDUgNjcuMjg1LDQ5LjQ3OCBDNjcuMjg1LDQ5LjMxMSA2Ny4zNzQsNDkuMTU3IDY3LjUxOSw0OS4wNzMgTDE0OS4zNTUsMi4wMDIgQzE0OS40OTksMS45MTkgMTQ5LjY3NywxLjkxOSAxNDkuODIxLDIuMDAyIEwxNTYuNTUsNS44ODcgQzE1Ni43NzQsNi4wMTcgMTU2Ljg1LDYuMzAyIDE1Ni43MjIsNi41MjYgQzE1Ni41OTIsNi43NDkgMTU2LjMwNyw2LjgyNiAxNTYuMDgzLDYuNjk2IEwxNDkuNTg3LDIuOTQ2IEw2OC42ODcsNDkuNDc5IEwxMTMuNjc1LDc1LjQ1MiBMMTE2LjUyMyw3My44MDggQzExNi43MTUsNzMuNjk3IDExNy4xNDMsNzMuMzk5IDExNi45NTgsNzMuMDM1IEMxMTQuNTQyLDY4LjI4NyAxMTQuMyw2My4yMjEgMTE2LjI1OCw1OC4zODUgQzExOS4wNjQsNTEuNDU4IDEyNS4xNDMsNDUuMTQzIDEzMy44NCw0MC4xMjIgQzE0Mi40OTcsMzUuMTI0IDE1My4zNTgsMzEuNjMzIDE2NS4yNDcsMzAuMDI4IEMxNzMuNDQ1LDI4LjkyMSAxODIuMDM3LDI5LjA1OCAxOTAuMDkxLDMwLjQyNSBDMTkwLjgzLDMwLjU1IDE5MS42NTIsMzAuNDMyIDE5Mi4xODYsMzAuMTI0IEwxOTQuNTY3LDI4Ljc1IEwxNjkuNDQyLDE0LjI0NCBDMTY5LjIxOSwxNC4xMTUgMTY5LjE0MiwxMy44MjkgMTY5LjI3MSwxMy42MDYgQzE2OS40LDEzLjM4MiAxNjkuNjg1LDEzLjMwNiAxNjkuOTA5LDEzLjQzNSBMMTk1LjczNCwyOC4zNDUgQzE5NS44NzksMjguNDI4IDE5NS45NjgsMjguNTgzIDE5NS45NjgsMjguNzUgQzE5NS45NjgsMjguOTE2IDE5NS44NzksMjkuMDcxIDE5NS43MzQsMjkuMTU0IEwxOTIuNjUzLDMwLjkzMyBDMTkxLjkzMiwzMS4zNSAxOTAuODksMzEuNTA4IDE4OS45MzUsMzEuMzQ2IEMxODEuOTcyLDI5Ljk5NSAxNzMuNDc4LDI5Ljg2IDE2NS4zNzIsMzAuOTU0IEMxNTMuNjAyLDMyLjU0MyAxNDIuODYsMzUuOTkzIDEzNC4zMDcsNDAuOTMxIEMxMjUuNzkzLDQ1Ljg0NyAxMTkuODUxLDUyLjAwNCAxMTcuMTI0LDU4LjczNiBDMTE1LjI3LDYzLjMxNCAxMTUuNTAxLDY4LjExMiAxMTcuNzksNzIuNjExIEMxMTguMTYsNzMuMzM2IDExNy44NDUsNzQuMTI0IDExNi45OSw3NC42MTcgTDExMy45MDksNzYuMzk3IEMxMTMuODM2LDc2LjQzOCAxMTMuNzU2LDc2LjQ1OSAxMTMuNjc1LDc2LjQ1OSIgaWQ9IkZpbGwtMjQiIGZpbGw9IiM0NTVBNjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUzLjMxNiwyMS4yNzkgQzE1MC45MDMsMjEuMjc5IDE0OC40OTUsMjAuNzUxIDE0Ni42NjQsMTkuNjkzIEMxNDQuODQ2LDE4LjY0NCAxNDMuODQ0LDE3LjIzMiAxNDMuODQ0LDE1LjcxOCBDMTQzLjg0NCwxNC4xOTEgMTQ0Ljg2LDEyLjc2MyAxNDYuNzA1LDExLjY5OCBMMTU2LjE5OCw2LjA5MSBDMTU2LjMwOSw2LjAyNSAxNTYuNDUyLDYuMDYyIDE1Ni41MTgsNi4xNzMgQzE1Ni41ODMsNi4yODQgMTU2LjU0Nyw2LjQyNyAxNTYuNDM2LDYuNDkzIEwxNDYuOTQsMTIuMTAyIEMxNDUuMjQ0LDEzLjA4MSAxNDQuMzEyLDE0LjM2NSAxNDQuMzEyLDE1LjcxOCBDMTQ0LjMxMiwxNy4wNTggMTQ1LjIzLDE4LjMyNiAxNDYuODk3LDE5LjI4OSBDMTUwLjQ0NiwyMS4zMzggMTU2LjI0LDIxLjMyNyAxNTkuODExLDE5LjI2NSBMMTY5LjU1OSwxMy42MzcgQzE2OS42NywxMy41NzMgMTY5LjgxMywxMy42MTEgMTY5Ljg3OCwxMy43MjMgQzE2OS45NDMsMTMuODM0IDE2OS45MDQsMTMuOTc3IDE2OS43OTMsMTQuMDQyIEwxNjAuMDQ1LDE5LjY3IEMxNTguMTg3LDIwLjc0MiAxNTUuNzQ5LDIxLjI3OSAxNTMuMzE2LDIxLjI3OSIgaWQ9IkZpbGwtMjUiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEzLjY3NSw3NS45OTIgTDY3Ljc2Miw0OS40ODQiIGlkPSJGaWxsLTI2IiBmaWxsPSIjNDU1QTY0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExMy42NzUsNzYuMzQyIEMxMTMuNjE1LDc2LjM0MiAxMTMuNTU1LDc2LjMyNyAxMTMuNSw3Ni4yOTUgTDY3LjU4Nyw0OS43ODcgQzY3LjQxOSw0OS42OSA2Ny4zNjIsNDkuNDc2IDY3LjQ1OSw0OS4zMDkgQzY3LjU1Niw0OS4xNDEgNjcuNzcsNDkuMDgzIDY3LjkzNyw0OS4xOCBMMTEzLjg1LDc1LjY4OCBDMTE0LjAxOCw3NS43ODUgMTE0LjA3NSw3NiAxMTMuOTc4LDc2LjE2NyBDMTEzLjkxNCw3Ni4yNzkgMTEzLjc5Niw3Ni4zNDIgMTEzLjY3NSw3Ni4zNDIiIGlkPSJGaWxsLTI3IiBmaWxsPSIjNDU1QTY0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTY3Ljc2Miw0OS40ODQgTDY3Ljc2MiwxMDMuNDg1IEM2Ny43NjIsMTA0LjU3NSA2OC41MzIsMTA1LjkwMyA2OS40ODIsMTA2LjQ1MiBMMTExLjk1NSwxMzAuOTczIEMxMTIuOTA1LDEzMS41MjIgMTEzLjY3NSwxMzEuMDgzIDExMy42NzUsMTI5Ljk5MyBMMTEzLjY3NSw3NS45OTIiIGlkPSJGaWxsLTI4IiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExMi43MjcsMTMxLjU2MSBDMTEyLjQzLDEzMS41NjEgMTEyLjEwNywxMzEuNDY2IDExMS43OCwxMzEuMjc2IEw2OS4zMDcsMTA2Ljc1NSBDNjguMjQ0LDEwNi4xNDIgNjcuNDEyLDEwNC43MDUgNjcuNDEyLDEwMy40ODUgTDY3LjQxMiw0OS40ODQgQzY3LjQxMiw0OS4yOSA2Ny41NjksNDkuMTM0IDY3Ljc2Miw0OS4xMzQgQzY3Ljk1Niw0OS4xMzQgNjguMTEzLDQ5LjI5IDY4LjExMyw0OS40ODQgTDY4LjExMywxMDMuNDg1IEM2OC4xMTMsMTA0LjQ0NSA2OC44MiwxMDUuNjY1IDY5LjY1NywxMDYuMTQ4IEwxMTIuMTMsMTMwLjY3IEMxMTIuNDc0LDEzMC44NjggMTEyLjc5MSwxMzAuOTEzIDExMywxMzAuNzkyIEMxMTMuMjA2LDEzMC42NzMgMTEzLjMyNSwxMzAuMzgxIDExMy4zMjUsMTI5Ljk5MyBMMTEzLjMyNSw3NS45OTIgQzExMy4zMjUsNzUuNzk4IDExMy40ODIsNzUuNjQxIDExMy42NzUsNzUuNjQxIEMxMTMuODY5LDc1LjY0MSAxMTQuMDI1LDc1Ljc5OCAxMTQuMDI1LDc1Ljk5MiBMMTE0LjAyNSwxMjkuOTkzIEMxMTQuMDI1LDEzMC42NDggMTEzLjc4NiwxMzEuMTQ3IDExMy4zNSwxMzEuMzk5IEMxMTMuMTYyLDEzMS41MDcgMTEyLjk1MiwxMzEuNTYxIDExMi43MjcsMTMxLjU2MSIgaWQ9IkZpbGwtMjkiIGZpbGw9IiM0NTVBNjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEyLjg2LDQwLjUxMiBDMTEyLjg2LDQwLjUxMiAxMTIuODYsNDAuNTEyIDExMi44NTksNDAuNTEyIEMxMTAuNTQxLDQwLjUxMiAxMDguMzYsMzkuOTkgMTA2LjcxNywzOS4wNDEgQzEwNS4wMTIsMzguMDU3IDEwNC4wNzQsMzYuNzI2IDEwNC4wNzQsMzUuMjkyIEMxMDQuMDc0LDMzLjg0NyAxMDUuMDI2LDMyLjUwMSAxMDYuNzU0LDMxLjUwNCBMMTE4Ljc5NSwyNC41NTEgQzEyMC40NjMsMjMuNTg5IDEyMi42NjksMjMuMDU4IDEyNS4wMDcsMjMuMDU4IEMxMjcuMzI1LDIzLjA1OCAxMjkuNTA2LDIzLjU4MSAxMzEuMTUsMjQuNTMgQzEzMi44NTQsMjUuNTE0IDEzMy43OTMsMjYuODQ1IDEzMy43OTMsMjguMjc4IEMxMzMuNzkzLDI5LjcyNCAxMzIuODQxLDMxLjA2OSAxMzEuMTEzLDMyLjA2NyBMMTE5LjA3MSwzOS4wMTkgQzExNy40MDMsMzkuOTgyIDExNS4xOTcsNDAuNTEyIDExMi44Niw0MC41MTIgTDExMi44Niw0MC41MTIgWiBNMTI1LjAwNywyMy43NTkgQzEyMi43OSwyMy43NTkgMTIwLjcwOSwyNC4yNTYgMTE5LjE0NiwyNS4xNTggTDEwNy4xMDQsMzIuMTEgQzEwNS42MDIsMzIuOTc4IDEwNC43NzQsMzQuMTA4IDEwNC43NzQsMzUuMjkyIEMxMDQuNzc0LDM2LjQ2NSAxMDUuNTg5LDM3LjU4MSAxMDcuMDY3LDM4LjQzNCBDMTA4LjYwNSwzOS4zMjMgMTEwLjY2MywzOS44MTIgMTEyLjg1OSwzOS44MTIgTDExMi44NiwzOS44MTIgQzExNS4wNzYsMzkuODEyIDExNy4xNTgsMzkuMzE1IDExOC43MjEsMzguNDEzIEwxMzAuNzYyLDMxLjQ2IEMxMzIuMjY0LDMwLjU5MyAxMzMuMDkyLDI5LjQ2MyAxMzMuMDkyLDI4LjI3OCBDMTMzLjA5MiwyNy4xMDYgMTMyLjI3OCwyNS45OSAxMzAuOCwyNS4xMzYgQzEyOS4yNjEsMjQuMjQ4IDEyNy4yMDQsMjMuNzU5IDEyNS4wMDcsMjMuNzU5IEwxMjUuMDA3LDIzLjc1OSBaIiBpZD0iRmlsbC0zMCIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNjUuNjMsMTYuMjE5IEwxNTkuODk2LDE5LjUzIEMxNTYuNzI5LDIxLjM1OCAxNTEuNjEsMjEuMzY3IDE0OC40NjMsMTkuNTUgQzE0NS4zMTYsMTcuNzMzIDE0NS4zMzIsMTQuNzc4IDE0OC40OTksMTIuOTQ5IEwxNTQuMjMzLDkuNjM5IEwxNjUuNjMsMTYuMjE5IiBpZD0iRmlsbC0zMSIgZmlsbD0iI0ZBRkFGQSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNTQuMjMzLDEwLjQ0OCBMMTY0LjIyOCwxNi4yMTkgTDE1OS41NDYsMTguOTIzIEMxNTguMTEyLDE5Ljc1IDE1Ni4xOTQsMjAuMjA2IDE1NC4xNDcsMjAuMjA2IEMxNTIuMTE4LDIwLjIwNiAxNTAuMjI0LDE5Ljc1NyAxNDguODE0LDE4Ljk0MyBDMTQ3LjUyNCwxOC4xOTkgMTQ2LjgxNCwxNy4yNDkgMTQ2LjgxNCwxNi4yNjkgQzE0Ni44MTQsMTUuMjc4IDE0Ny41MzcsMTQuMzE0IDE0OC44NSwxMy41NTYgTDE1NC4yMzMsMTAuNDQ4IE0xNTQuMjMzLDkuNjM5IEwxNDguNDk5LDEyLjk0OSBDMTQ1LjMzMiwxNC43NzggMTQ1LjMxNiwxNy43MzMgMTQ4LjQ2MywxOS41NSBDMTUwLjAzMSwyMC40NTUgMTUyLjA4NiwyMC45MDcgMTU0LjE0NywyMC45MDcgQzE1Ni4yMjQsMjAuOTA3IDE1OC4zMDYsMjAuNDQ3IDE1OS44OTYsMTkuNTMgTDE2NS42MywxNi4yMTkgTDE1NC4yMzMsOS42MzkiIGlkPSJGaWxsLTMyIiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0NS40NDUsNzIuNjY3IEwxNDUuNDQ1LDcyLjY2NyBDMTQzLjY3Miw3Mi42NjcgMTQyLjIwNCw3MS44MTcgMTQxLjIwMiw3MC40MjIgQzE0MS4xMzUsNzAuMzMgMTQxLjE0NSw3MC4xNDcgMTQxLjIyNSw3MC4wNjYgQzE0MS4zMDUsNjkuOTg1IDE0MS40MzIsNjkuOTQ2IDE0MS41MjUsNzAuMDExIEMxNDIuMzA2LDcwLjU1OSAxNDMuMjMxLDcwLjgyMyAxNDQuMjc2LDcwLjgyMiBDMTQ1LjU5OCw3MC44MjIgMTQ3LjAzLDcwLjM3NiAxNDguNTMyLDY5LjUwOSBDMTUzLjg0Miw2Ni40NDMgMTU4LjE2Myw1OC45ODcgMTU4LjE2Myw1Mi44OTQgQzE1OC4xNjMsNTAuOTY3IDE1Ny43MjEsNDkuMzMyIDE1Ni44ODQsNDguMTY4IEMxNTYuODE4LDQ4LjA3NiAxNTYuODI4LDQ3Ljk0OCAxNTYuOTA4LDQ3Ljg2NyBDMTU2Ljk4OCw0Ny43ODYgMTU3LjExNCw0Ny43NzQgMTU3LjIwOCw0Ny44NCBDMTU4Ljg3OCw0OS4wMTIgMTU5Ljc5OCw1MS4yMiAxNTkuNzk4LDU0LjA1OSBDMTU5Ljc5OCw2MC4zMDEgMTU1LjM3Myw2OC4wNDYgMTQ5LjkzMyw3MS4xODYgQzE0OC4zNiw3Mi4wOTQgMTQ2Ljg1LDcyLjY2NyAxNDUuNDQ1LDcyLjY2NyBMMTQ1LjQ0NSw3Mi42NjcgWiBNMTQyLjQ3Niw3MSBDMTQzLjI5LDcxLjY1MSAxNDQuMjk2LDcyLjAwMiAxNDUuNDQ1LDcyLjAwMiBDMTQ2Ljc2Nyw3Mi4wMDIgMTQ4LjE5OCw3MS41NSAxNDkuNyw3MC42ODIgQzE1NS4wMSw2Ny42MTcgMTU5LjMzMSw2MC4xNTkgMTU5LjMzMSw1NC4wNjUgQzE1OS4zMzEsNTIuMDg1IDE1OC44NjgsNTAuNDM1IDE1OC4wMDYsNDkuMjcyIEMxNTguNDE3LDUwLjMwNyAxNTguNjMsNTEuNTMyIDE1OC42Myw1Mi44OTIgQzE1OC42Myw1OS4xMzQgMTU0LjIwNSw2Ni43NjcgMTQ4Ljc2NSw2OS45MDcgQzE0Ny4xOTIsNzAuODE2IDE0NS42ODEsNzEuMjgzIDE0NC4yNzYsNzEuMjgzIEMxNDMuNjM0LDcxLjI4MyAxNDMuMDMzLDcxLjE5MiAxNDIuNDc2LDcxIEwxNDIuNDc2LDcxIFoiIGlkPSJGaWxsLTMzIiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0OC42NDgsNjkuNzA0IEMxNTQuMDMyLDY2LjU5NiAxNTguMzk2LDU5LjA2OCAxNTguMzk2LDUyLjg5MSBDMTU4LjM5Niw1MC44MzkgMTU3LjkxMyw0OS4xOTggMTU3LjA3NCw0OC4wMyBDMTU1LjI4OSw0Ni43NzggMTUyLjY5OSw0Ni44MzYgMTQ5LjgxNiw0OC41MDEgQzE0NC40MzMsNTEuNjA5IDE0MC4wNjgsNTkuMTM3IDE0MC4wNjgsNjUuMzE0IEMxNDAuMDY4LDY3LjM2NSAxNDAuNTUyLDY5LjAwNiAxNDEuMzkxLDcwLjE3NCBDMTQzLjE3Niw3MS40MjcgMTQ1Ljc2NSw3MS4zNjkgMTQ4LjY0OCw2OS43MDQiIGlkPSJGaWxsLTM0IiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0NC4yNzYsNzEuMjc2IEwxNDQuMjc2LDcxLjI3NiBDMTQzLjEzMyw3MS4yNzYgMTQyLjExOCw3MC45NjkgMTQxLjI1Nyw3MC4zNjUgQzE0MS4yMzYsNzAuMzUxIDE0MS4yMTcsNzAuMzMyIDE0MS4yMDIsNzAuMzExIEMxNDAuMzA3LDY5LjA2NyAxMzkuODM1LDY3LjMzOSAxMzkuODM1LDY1LjMxNCBDMTM5LjgzNSw1OS4wNzMgMTQ0LjI2LDUxLjQzOSAxNDkuNyw0OC4yOTggQzE1MS4yNzMsNDcuMzkgMTUyLjc4NCw0Ni45MjkgMTU0LjE4OSw0Ni45MjkgQzE1NS4zMzIsNDYuOTI5IDE1Ni4zNDcsNDcuMjM2IDE1Ny4yMDgsNDcuODM5IEMxNTcuMjI5LDQ3Ljg1NCAxNTcuMjQ4LDQ3Ljg3MyAxNTcuMjYzLDQ3Ljg5NCBDMTU4LjE1Nyw0OS4xMzggMTU4LjYzLDUwLjg2NSAxNTguNjMsNTIuODkxIEMxNTguNjMsNTkuMTMyIDE1NC4yMDUsNjYuNzY2IDE0OC43NjUsNjkuOTA3IEMxNDcuMTkyLDcwLjgxNSAxNDUuNjgxLDcxLjI3NiAxNDQuMjc2LDcxLjI3NiBMMTQ0LjI3Niw3MS4yNzYgWiBNMTQxLjU1OCw3MC4xMDQgQzE0Mi4zMzEsNzAuNjM3IDE0My4yNDUsNzEuMDA1IDE0NC4yNzYsNzEuMDA1IEMxNDUuNTk4LDcxLjAwNSAxNDcuMDMsNzAuNDY3IDE0OC41MzIsNjkuNiBDMTUzLjg0Miw2Ni41MzQgMTU4LjE2Myw1OS4wMzMgMTU4LjE2Myw1Mi45MzkgQzE1OC4xNjMsNTEuMDMxIDE1Ny43MjksNDkuMzg1IDE1Ni45MDcsNDguMjIzIEMxNTYuMTMzLDQ3LjY5MSAxNTUuMjE5LDQ3LjQwOSAxNTQuMTg5LDQ3LjQwOSBDMTUyLjg2Nyw0Ny40MDkgMTUxLjQzNSw0Ny44NDIgMTQ5LjkzMyw0OC43MDkgQzE0NC42MjMsNTEuNzc1IDE0MC4zMDIsNTkuMjczIDE0MC4zMDIsNjUuMzY2IEMxNDAuMzAyLDY3LjI3NiAxNDAuNzM2LDY4Ljk0MiAxNDEuNTU4LDcwLjEwNCBMMTQxLjU1OCw3MC4xMDQgWiIgaWQ9IkZpbGwtMzUiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUwLjcyLDY1LjM2MSBMMTUwLjM1Nyw2NS4wNjYgQzE1MS4xNDcsNjQuMDkyIDE1MS44NjksNjMuMDQgMTUyLjUwNSw2MS45MzggQzE1My4zMTMsNjAuNTM5IDE1My45NzgsNTkuMDY3IDE1NC40ODIsNTcuNTYzIEwxNTQuOTI1LDU3LjcxMiBDMTU0LjQxMiw1OS4yNDUgMTUzLjczMyw2MC43NDUgMTUyLjkxLDYyLjE3MiBDMTUyLjI2Miw2My4yOTUgMTUxLjUyNSw2NC4zNjggMTUwLjcyLDY1LjM2MSIgaWQ9IkZpbGwtMzYiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTE1LjkxNyw4NC41MTQgTDExNS41NTQsODQuMjIgQzExNi4zNDQsODMuMjQ1IDExNy4wNjYsODIuMTk0IDExNy43MDIsODEuMDkyIEMxMTguNTEsNzkuNjkyIDExOS4xNzUsNzguMjIgMTE5LjY3OCw3Ni43MTcgTDEyMC4xMjEsNzYuODY1IEMxMTkuNjA4LDc4LjM5OCAxMTguOTMsNzkuODk5IDExOC4xMDYsODEuMzI2IEMxMTcuNDU4LDgyLjQ0OCAxMTYuNzIyLDgzLjUyMSAxMTUuOTE3LDg0LjUxNCIgaWQ9IkZpbGwtMzciIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTE0LDEzMC40NzYgTDExNCwxMzAuMDA4IEwxMTQsNzYuMDUyIEwxMTQsNzUuNTg0IEwxMTQsNzYuMDUyIEwxMTQsMTMwLjAwOCBMMTE0LDEzMC40NzYiIGlkPSJGaWxsLTM4IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8ZyBpZD0iSW1wb3J0ZWQtTGF5ZXJzLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYyLjAwMDAwMCwgMC4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTkuODIyLDM3LjQ3NCBDMTkuODM5LDM3LjMzOSAxOS43NDcsMzcuMTk0IDE5LjU1NSwzNy4wODIgQzE5LjIyOCwzNi44OTQgMTguNzI5LDM2Ljg3MiAxOC40NDYsMzcuMDM3IEwxMi40MzQsNDAuNTA4IEMxMi4zMDMsNDAuNTg0IDEyLjI0LDQwLjY4NiAxMi4yNDMsNDAuNzkzIEMxMi4yNDUsNDAuOTI1IDEyLjI0NSw0MS4yNTQgMTIuMjQ1LDQxLjM3MSBMMTIuMjQ1LDQxLjQxNCBMMTIuMjM4LDQxLjU0MiBDOC4xNDgsNDMuODg3IDUuNjQ3LDQ1LjMyMSA1LjY0Nyw0NS4zMjEgQzUuNjQ2LDQ1LjMyMSAzLjU3LDQ2LjM2NyAyLjg2LDUwLjUxMyBDMi44Niw1MC41MTMgMS45NDgsNTcuNDc0IDEuOTYyLDcwLjI1OCBDMS45NzcsODIuODI4IDIuNTY4LDg3LjMyOCAzLjEyOSw5MS42MDkgQzMuMzQ5LDkzLjI5MyA2LjEzLDkzLjczNCA2LjEzLDkzLjczNCBDNi40NjEsOTMuNzc0IDYuODI4LDkzLjcwNyA3LjIxLDkzLjQ4NiBMODIuNDgzLDQ5LjkzNSBDODQuMjkxLDQ4Ljg2NiA4NS4xNSw0Ni4yMTYgODUuNTM5LDQzLjY1MSBDODYuNzUyLDM1LjY2MSA4Ny4yMTQsMTAuNjczIDg1LjI2NCwzLjc3MyBDODUuMDY4LDMuMDggODQuNzU0LDIuNjkgODQuMzk2LDIuNDkxIEw4Mi4zMSwxLjcwMSBDODEuNTgzLDEuNzI5IDgwLjg5NCwyLjE2OCA4MC43NzYsMi4yMzYgQzgwLjYzNiwyLjMxNyA0MS44MDcsMjQuNTg1IDIwLjAzMiwzNy4wNzIgTDE5LjgyMiwzNy40NzQiIGlkPSJGaWxsLTEiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNODIuMzExLDEuNzAxIEw4NC4zOTYsMi40OTEgQzg0Ljc1NCwyLjY5IDg1LjA2OCwzLjA4IDg1LjI2NCwzLjc3MyBDODcuMjEzLDEwLjY3MyA4Ni43NTEsMzUuNjYgODUuNTM5LDQzLjY1MSBDODUuMTQ5LDQ2LjIxNiA4NC4yOSw0OC44NjYgODIuNDgzLDQ5LjkzNSBMNy4yMSw5My40ODYgQzYuODk3LDkzLjY2NyA2LjU5NSw5My43NDQgNi4zMTQsOTMuNzQ0IEw2LjEzMSw5My43MzMgQzYuMTMxLDkzLjczNCAzLjM0OSw5My4yOTMgMy4xMjgsOTEuNjA5IEMyLjU2OCw4Ny4zMjcgMS45NzcsODIuODI4IDEuOTYzLDcwLjI1OCBDMS45NDgsNTcuNDc0IDIuODYsNTAuNTEzIDIuODYsNTAuNTEzIEMzLjU3LDQ2LjM2NyA1LjY0Nyw0NS4zMjEgNS42NDcsNDUuMzIxIEM1LjY0Nyw0NS4zMjEgOC4xNDgsNDMuODg3IDEyLjIzOCw0MS41NDIgTDEyLjI0NSw0MS40MTQgTDEyLjI0NSw0MS4zNzEgQzEyLjI0NSw0MS4yNTQgMTIuMjQ1LDQwLjkyNSAxMi4yNDMsNDAuNzkzIEMxMi4yNCw0MC42ODYgMTIuMzAyLDQwLjU4MyAxMi40MzQsNDAuNTA4IEwxOC40NDYsMzcuMDM2IEMxOC41NzQsMzYuOTYyIDE4Ljc0NiwzNi45MjYgMTguOTI3LDM2LjkyNiBDMTkuMTQ1LDM2LjkyNiAxOS4zNzYsMzYuOTc5IDE5LjU1NCwzNy4wODIgQzE5Ljc0NywzNy4xOTQgMTkuODM5LDM3LjM0IDE5LjgyMiwzNy40NzQgTDIwLjAzMywzNy4wNzIgQzQxLjgwNiwyNC41ODUgODAuNjM2LDIuMzE4IDgwLjc3NywyLjIzNiBDODAuODk0LDIuMTY4IDgxLjU4MywxLjcyOSA4Mi4zMTEsMS43MDEgTTgyLjMxMSwwLjcwNCBMODIuMjcyLDAuNzA1IEM4MS42NTQsMC43MjggODAuOTg5LDAuOTQ5IDgwLjI5OCwxLjM2MSBMODAuMjc3LDEuMzczIEM4MC4xMjksMS40NTggNTkuNzY4LDEzLjEzNSAxOS43NTgsMzYuMDc5IEMxOS41LDM1Ljk4MSAxOS4yMTQsMzUuOTI5IDE4LjkyNywzNS45MjkgQzE4LjU2MiwzNS45MjkgMTguMjIzLDM2LjAxMyAxNy45NDcsMzYuMTczIEwxMS45MzUsMzkuNjQ0IEMxMS40OTMsMzkuODk5IDExLjIzNiw0MC4zMzQgMTEuMjQ2LDQwLjgxIEwxMS4yNDcsNDAuOTYgTDUuMTY3LDQ0LjQ0NyBDNC43OTQsNDQuNjQ2IDIuNjI1LDQ1Ljk3OCAxLjg3Nyw1MC4zNDUgTDEuODcxLDUwLjM4NCBDMS44NjIsNTAuNDU0IDAuOTUxLDU3LjU1NyAwLjk2NSw3MC4yNTkgQzAuOTc5LDgyLjg3OSAxLjU2OCw4Ny4zNzUgMi4xMzcsOTEuNzI0IEwyLjEzOSw5MS43MzkgQzIuNDQ3LDk0LjA5NCA1LjYxNCw5NC42NjIgNS45NzUsOTQuNzE5IEw2LjAwOSw5NC43MjMgQzYuMTEsOTQuNzM2IDYuMjEzLDk0Ljc0MiA2LjMxNCw5NC43NDIgQzYuNzksOTQuNzQyIDcuMjYsOTQuNjEgNy43MSw5NC4zNSBMODIuOTgzLDUwLjc5OCBDODQuNzk0LDQ5LjcyNyA4NS45ODIsNDcuMzc1IDg2LjUyNSw0My44MDEgQzg3LjcxMSwzNS45ODcgODguMjU5LDEwLjcwNSA4Ni4yMjQsMy41MDIgQzg1Ljk3MSwyLjYwOSA4NS41MiwxLjk3NSA4NC44ODEsMS42MiBMODQuNzQ5LDEuNTU4IEw4Mi42NjQsMC43NjkgQzgyLjU1MSwwLjcyNSA4Mi40MzEsMC43MDQgODIuMzExLDAuNzA0IiBpZD0iRmlsbC0yIiBmaWxsPSIjNDU1QTY0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTY2LjI2NywxMS41NjUgTDY3Ljc2MiwxMS45OTkgTDExLjQyMyw0NC4zMjUiIGlkPSJGaWxsLTMiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuMjAyLDkwLjU0NSBDMTIuMDI5LDkwLjU0NSAxMS44NjIsOTAuNDU1IDExLjc2OSw5MC4yOTUgQzExLjYzMiw5MC4wNTcgMTEuNzEzLDg5Ljc1MiAxMS45NTIsODkuNjE0IEwzMC4zODksNzguOTY5IEMzMC42MjgsNzguODMxIDMwLjkzMyw3OC45MTMgMzEuMDcxLDc5LjE1MiBDMzEuMjA4LDc5LjM5IDMxLjEyNyw3OS42OTYgMzAuODg4LDc5LjgzMyBMMTIuNDUxLDkwLjQ3OCBMMTIuMjAyLDkwLjU0NSIgaWQ9IkZpbGwtNCIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy43NjQsNDIuNjU0IEwxMy42NTYsNDIuNTkyIEwxMy43MDIsNDIuNDIxIEwxOC44MzcsMzkuNDU3IEwxOS4wMDcsMzkuNTAyIEwxOC45NjIsMzkuNjczIEwxMy44MjcsNDIuNjM3IEwxMy43NjQsNDIuNjU0IiBpZD0iRmlsbC01IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTguNTIsOTAuMzc1IEw4LjUyLDQ2LjQyMSBMOC41ODMsNDYuMzg1IEw3NS44NCw3LjU1NCBMNzUuODQsNTEuNTA4IEw3NS43NzgsNTEuNTQ0IEw4LjUyLDkwLjM3NSBMOC41Miw5MC4zNzUgWiBNOC43Nyw0Ni41NjQgTDguNzcsODkuOTQ0IEw3NS41OTEsNTEuMzY1IEw3NS41OTEsNy45ODUgTDguNzcsNDYuNTY0IEw4Ljc3LDQ2LjU2NCBaIiBpZD0iRmlsbC02IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI0Ljk4Niw4My4xODIgQzI0Ljc1Niw4My4zMzEgMjQuMzc0LDgzLjU2NiAyNC4xMzcsODMuNzA1IEwxMi42MzIsOTAuNDA2IEMxMi4zOTUsOTAuNTQ1IDEyLjQyNiw5MC42NTggMTIuNyw5MC42NTggTDEzLjI2NSw5MC42NTggQzEzLjU0LDkwLjY1OCAxMy45NTgsOTAuNTQ1IDE0LjE5NSw5MC40MDYgTDI1LjcsODMuNzA1IEMyNS45MzcsODMuNTY2IDI2LjEyOCw4My40NTIgMjYuMTI1LDgzLjQ0OSBDMjYuMTIyLDgzLjQ0NyAyNi4xMTksODMuMjIgMjYuMTE5LDgyLjk0NiBDMjYuMTE5LDgyLjY3MiAyNS45MzEsODIuNTY5IDI1LjcwMSw4Mi43MTkgTDI0Ljk4Niw4My4xODIiIGlkPSJGaWxsLTciIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTMuMjY2LDkwLjc4MiBMMTIuNyw5MC43ODIgQzEyLjUsOTAuNzgyIDEyLjM4NCw5MC43MjYgMTIuMzU0LDkwLjYxNiBDMTIuMzI0LDkwLjUwNiAxMi4zOTcsOTAuMzk5IDEyLjU2OSw5MC4yOTkgTDI0LjA3NCw4My41OTcgQzI0LjMxLDgzLjQ1OSAyNC42ODksODMuMjI2IDI0LjkxOCw4My4wNzggTDI1LjYzMyw4Mi42MTQgQzI1LjcyMyw4Mi41NTUgMjUuODEzLDgyLjUyNSAyNS44OTksODIuNTI1IEMyNi4wNzEsODIuNTI1IDI2LjI0NCw4Mi42NTUgMjYuMjQ0LDgyLjk0NiBDMjYuMjQ0LDgzLjE2IDI2LjI0NSw4My4zMDkgMjYuMjQ3LDgzLjM4MyBMMjYuMjUzLDgzLjM4NyBMMjYuMjQ5LDgzLjQ1NiBDMjYuMjQ2LDgzLjUzMSAyNi4yNDYsODMuNTMxIDI1Ljc2Myw4My44MTIgTDE0LjI1OCw5MC41MTQgQzE0LDkwLjY2NSAxMy41NjQsOTAuNzgyIDEzLjI2Niw5MC43ODIgTDEzLjI2Niw5MC43ODIgWiBNMTIuNjY2LDkwLjUzMiBMMTIuNyw5MC41MzMgTDEzLjI2Niw5MC41MzMgQzEzLjUxOCw5MC41MzMgMTMuOTE1LDkwLjQyNSAxNC4xMzIsOTAuMjk5IEwyNS42MzcsODMuNTk3IEMyNS44MDUsODMuNDk5IDI1LjkzMSw4My40MjQgMjUuOTk4LDgzLjM4MyBDMjUuOTk0LDgzLjI5OSAyNS45OTQsODMuMTY1IDI1Ljk5NCw4Mi45NDYgTDI1Ljg5OSw4Mi43NzUgTDI1Ljc2OCw4Mi44MjQgTDI1LjA1NCw4My4yODcgQzI0LjgyMiw4My40MzcgMjQuNDM4LDgzLjY3MyAyNC4yLDgzLjgxMiBMMTIuNjk1LDkwLjUxNCBMMTIuNjY2LDkwLjUzMiBMMTIuNjY2LDkwLjUzMiBaIiBpZD0iRmlsbC04IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEzLjI2Niw4OS44NzEgTDEyLjcsODkuODcxIEMxMi41LDg5Ljg3MSAxMi4zODQsODkuODE1IDEyLjM1NCw4OS43MDUgQzEyLjMyNCw4OS41OTUgMTIuMzk3LDg5LjQ4OCAxMi41NjksODkuMzg4IEwyNC4wNzQsODIuNjg2IEMyNC4zMzIsODIuNTM1IDI0Ljc2OCw4Mi40MTggMjUuMDY3LDgyLjQxOCBMMjUuNjMyLDgyLjQxOCBDMjUuODMyLDgyLjQxOCAyNS45NDgsODIuNDc0IDI1Ljk3OCw4Mi41ODQgQzI2LjAwOCw4Mi42OTQgMjUuOTM1LDgyLjgwMSAyNS43NjMsODIuOTAxIEwxNC4yNTgsODkuNjAzIEMxNCw4OS43NTQgMTMuNTY0LDg5Ljg3MSAxMy4yNjYsODkuODcxIEwxMy4yNjYsODkuODcxIFogTTEyLjY2Niw4OS42MjEgTDEyLjcsODkuNjIyIEwxMy4yNjYsODkuNjIyIEMxMy41MTgsODkuNjIyIDEzLjkxNSw4OS41MTUgMTQuMTMyLDg5LjM4OCBMMjUuNjM3LDgyLjY4NiBMMjUuNjY3LDgyLjY2OCBMMjUuNjMyLDgyLjY2NyBMMjUuMDY3LDgyLjY2NyBDMjQuODE1LDgyLjY2NyAyNC40MTgsODIuNzc1IDI0LjIsODIuOTAxIEwxMi42OTUsODkuNjAzIEwxMi42NjYsODkuNjIxIEwxMi42NjYsODkuNjIxIFoiIGlkPSJGaWxsLTkiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuMzcsOTAuODAxIEwxMi4zNyw4OS41NTQgTDEyLjM3LDkwLjgwMSIgaWQ9IkZpbGwtMTAiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi4xMyw5My45MDEgQzUuMzc5LDkzLjgwOCA0LjgxNiw5My4xNjQgNC42OTEsOTIuNTI1IEMzLjg2LDg4LjI4NyAzLjU0LDgzLjc0MyAzLjUyNiw3MS4xNzMgQzMuNTExLDU4LjM4OSA0LjQyMyw1MS40MjggNC40MjMsNTEuNDI4IEM1LjEzNCw0Ny4yODIgNy4yMSw0Ni4yMzYgNy4yMSw0Ni4yMzYgQzcuMjEsNDYuMjM2IDgxLjY2NywzLjI1IDgyLjA2OSwzLjAxNyBDODIuMjkyLDIuODg4IDg0LjU1NiwxLjQzMyA4NS4yNjQsMy45NCBDODcuMjE0LDEwLjg0IDg2Ljc1MiwzNS44MjcgODUuNTM5LDQzLjgxOCBDODUuMTUsNDYuMzgzIDg0LjI5MSw0OS4wMzMgODIuNDgzLDUwLjEwMSBMNy4yMSw5My42NTMgQzYuODI4LDkzLjg3NCA2LjQ2MSw5My45NDEgNi4xMyw5My45MDEgQzYuMTMsOTMuOTAxIDMuMzQ5LDkzLjQ2IDMuMTI5LDkxLjc3NiBDMi41NjgsODcuNDk1IDEuOTc3LDgyLjk5NSAxLjk2Miw3MC40MjUgQzEuOTQ4LDU3LjY0MSAyLjg2LDUwLjY4IDIuODYsNTAuNjggQzMuNTcsNDYuNTM0IDUuNjQ3LDQ1LjQ4OSA1LjY0Nyw0NS40ODkgQzUuNjQ2LDQ1LjQ4OSA4LjA2NSw0NC4wOTIgMTIuMjQ1LDQxLjY3OSBMMTMuMTE2LDQxLjU2IEwxOS43MTUsMzcuNzMgTDE5Ljc2MSwzNy4yNjkgTDYuMTMsOTMuOTAxIiBpZD0iRmlsbC0xMSIgZmlsbD0iI0ZBRkFGQSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjMxNyw5NC4xNjEgTDYuMTAyLDk0LjE0OCBMNi4xMDEsOTQuMTQ4IEw1Ljg1Nyw5NC4xMDEgQzUuMTM4LDkzLjk0NSAzLjA4NSw5My4zNjUgMi44ODEsOTEuODA5IEMyLjMxMyw4Ny40NjkgMS43MjcsODIuOTk2IDEuNzEzLDcwLjQyNSBDMS42OTksNTcuNzcxIDIuNjA0LDUwLjcxOCAyLjYxMyw1MC42NDggQzMuMzM4LDQ2LjQxNyA1LjQ0NSw0NS4zMSA1LjUzNSw0NS4yNjYgTDEyLjE2Myw0MS40MzkgTDEzLjAzMyw0MS4zMiBMMTkuNDc5LDM3LjU3OCBMMTkuNTEzLDM3LjI0NCBDMTkuNTI2LDM3LjEwNyAxOS42NDcsMzcuMDA4IDE5Ljc4NiwzNy4wMjEgQzE5LjkyMiwzNy4wMzQgMjAuMDIzLDM3LjE1NiAyMC4wMDksMzcuMjkzIEwxOS45NSwzNy44ODIgTDEzLjE5OCw0MS44MDEgTDEyLjMyOCw0MS45MTkgTDUuNzcyLDQ1LjcwNCBDNS43NDEsNDUuNzIgMy43ODIsNDYuNzcyIDMuMTA2LDUwLjcyMiBDMy4wOTksNTAuNzgyIDIuMTk4LDU3LjgwOCAyLjIxMiw3MC40MjQgQzIuMjI2LDgyLjk2MyAyLjgwOSw4Ny40MiAzLjM3Myw5MS43MjkgQzMuNDY0LDkyLjQyIDQuMDYyLDkyLjg4MyA0LjY4Miw5My4xODEgQzQuNTY2LDkyLjk4NCA0LjQ4Niw5Mi43NzYgNC40NDYsOTIuNTcyIEMzLjY2NSw4OC41ODggMy4yOTEsODQuMzcgMy4yNzYsNzEuMTczIEMzLjI2Miw1OC41MiA0LjE2Nyw1MS40NjYgNC4xNzYsNTEuMzk2IEM0LjkwMSw0Ny4xNjUgNy4wMDgsNDYuMDU5IDcuMDk4LDQ2LjAxNCBDNy4wOTQsNDYuMDE1IDgxLjU0MiwzLjAzNCA4MS45NDQsMi44MDIgTDgxLjk3MiwyLjc4NSBDODIuODc2LDIuMjQ3IDgzLjY5MiwyLjA5NyA4NC4zMzIsMi4zNTIgQzg0Ljg4NywyLjU3MyA4NS4yODEsMy4wODUgODUuNTA0LDMuODcyIEM4Ny41MTgsMTEgODYuOTY0LDM2LjA5MSA4NS43ODUsNDMuODU1IEM4NS4yNzgsNDcuMTk2IDg0LjIxLDQ5LjM3IDgyLjYxLDUwLjMxNyBMNy4zMzUsOTMuODY5IEM2Ljk5OSw5NC4wNjMgNi42NTgsOTQuMTYxIDYuMzE3LDk0LjE2MSBMNi4zMTcsOTQuMTYxIFogTTYuMTcsOTMuNjU0IEM2LjQ2Myw5My42OSA2Ljc3NCw5My42MTcgNy4wODUsOTMuNDM3IEw4Mi4zNTgsNDkuODg2IEM4NC4xODEsNDguODA4IDg0Ljk2LDQ1Ljk3MSA4NS4yOTIsNDMuNzggQzg2LjQ2NiwzNi4wNDkgODcuMDIzLDExLjA4NSA4NS4wMjQsNC4wMDggQzg0Ljg0NiwzLjM3NyA4NC41NTEsMi45NzYgODQuMTQ4LDIuODE2IEM4My42NjQsMi42MjMgODIuOTgyLDIuNzY0IDgyLjIyNywzLjIxMyBMODIuMTkzLDMuMjM0IEM4MS43OTEsMy40NjYgNy4zMzUsNDYuNDUyIDcuMzM1LDQ2LjQ1MiBDNy4zMDQsNDYuNDY5IDUuMzQ2LDQ3LjUyMSA0LjY2OSw1MS40NzEgQzQuNjYyLDUxLjUzIDMuNzYxLDU4LjU1NiAzLjc3NSw3MS4xNzMgQzMuNzksODQuMzI4IDQuMTYxLDg4LjUyNCA0LjkzNiw5Mi40NzYgQzUuMDI2LDkyLjkzNyA1LjQxMiw5My40NTkgNS45NzMsOTMuNjE1IEM2LjA4Nyw5My42NCA2LjE1OCw5My42NTIgNi4xNjksOTMuNjU0IEw2LjE3LDkzLjY1NCBMNi4xNyw5My42NTQgWiIgaWQ9IkZpbGwtMTIiIGZpbGw9IiM0NTVBNjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy4zMTcsNjguOTgyIEM3LjgwNiw2OC43MDEgOC4yMDIsNjguOTI2IDguMjAyLDY5LjQ4NyBDOC4yMDIsNzAuMDQ3IDcuODA2LDcwLjczIDcuMzE3LDcxLjAxMiBDNi44MjksNzEuMjk0IDYuNDMzLDcxLjA2OSA2LjQzMyw3MC41MDggQzYuNDMzLDY5Ljk0OCA2LjgyOSw2OS4yNjUgNy4zMTcsNjguOTgyIiBpZD0iRmlsbC0xMyIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjkyLDcxLjEzMyBDNi42MzEsNzEuMTMzIDYuNDMzLDcwLjkwNSA2LjQzMyw3MC41MDggQzYuNDMzLDY5Ljk0OCA2LjgyOSw2OS4yNjUgNy4zMTcsNjguOTgyIEM3LjQ2LDY4LjkgNy41OTUsNjguODYxIDcuNzE0LDY4Ljg2MSBDOC4wMDMsNjguODYxIDguMjAyLDY5LjA5IDguMjAyLDY5LjQ4NyBDOC4yMDIsNzAuMDQ3IDcuODA2LDcwLjczIDcuMzE3LDcxLjAxMiBDNy4xNzQsNzEuMDk0IDcuMDM5LDcxLjEzMyA2LjkyLDcxLjEzMyBNNy43MTQsNjguNjc0IEM3LjU1Nyw2OC42NzQgNy4zOTIsNjguNzIzIDcuMjI0LDY4LjgyMSBDNi42NzYsNjkuMTM4IDYuMjQ2LDY5Ljg3OSA2LjI0Niw3MC41MDggQzYuMjQ2LDcwLjk5NCA2LjUxNyw3MS4zMiA2LjkyLDcxLjMyIEM3LjA3OCw3MS4zMiA3LjI0Myw3MS4yNzEgNy40MTEsNzEuMTc0IEM3Ljk1OSw3MC44NTcgOC4zODksNzAuMTE3IDguMzg5LDY5LjQ4NyBDOC4zODksNjkuMDAxIDguMTE3LDY4LjY3NCA3LjcxNCw2OC42NzQiIGlkPSJGaWxsLTE0IiBmaWxsPSIjODA5N0EyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuOTIsNzAuOTQ3IEM2LjY0OSw3MC45NDcgNi42MjEsNzAuNjQgNi42MjEsNzAuNTA4IEM2LjYyMSw3MC4wMTcgNi45ODIsNjkuMzkyIDcuNDExLDY5LjE0NSBDNy41MjEsNjkuMDgyIDcuNjI1LDY5LjA0OSA3LjcxNCw2OS4wNDkgQzcuOTg2LDY5LjA0OSA4LjAxNSw2OS4zNTUgOC4wMTUsNjkuNDg3IEM4LjAxNSw2OS45NzggNy42NTIsNzAuNjAzIDcuMjI0LDcwLjg1MSBDNy4xMTUsNzAuOTE0IDcuMDEsNzAuOTQ3IDYuOTIsNzAuOTQ3IE03LjcxNCw2OC44NjEgQzcuNTk1LDY4Ljg2MSA3LjQ2LDY4LjkgNy4zMTcsNjguOTgyIEM2LjgyOSw2OS4yNjUgNi40MzMsNjkuOTQ4IDYuNDMzLDcwLjUwOCBDNi40MzMsNzAuOTA1IDYuNjMxLDcxLjEzMyA2LjkyLDcxLjEzMyBDNy4wMzksNzEuMTMzIDcuMTc0LDcxLjA5NCA3LjMxNyw3MS4wMTIgQzcuODA2LDcwLjczIDguMjAyLDcwLjA0NyA4LjIwMiw2OS40ODcgQzguMjAyLDY5LjA5IDguMDAzLDY4Ljg2MSA3LjcxNCw2OC44NjEiIGlkPSJGaWxsLTE1IiBmaWxsPSIjODA5N0EyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTcuNDQ0LDg1LjM1IEM3LjcwOCw4NS4xOTggNy45MjEsODUuMzE5IDcuOTIxLDg1LjYyMiBDNy45MjEsODUuOTI1IDcuNzA4LDg2LjI5MiA3LjQ0NCw4Ni40NDQgQzcuMTgxLDg2LjU5NyA2Ljk2Nyw4Ni40NzUgNi45NjcsODYuMTczIEM2Ljk2Nyw4NS44NzEgNy4xODEsODUuNTAyIDcuNDQ0LDg1LjM1IiBpZD0iRmlsbC0xNiIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjIzLDg2LjUxIEM3LjA3NCw4Ni41MSA2Ljk2Nyw4Ni4zODcgNi45NjcsODYuMTczIEM2Ljk2Nyw4NS44NzEgNy4xODEsODUuNTAyIDcuNDQ0LDg1LjM1IEM3LjUyMSw4NS4zMDUgNy41OTQsODUuMjg0IDcuNjU4LDg1LjI4NCBDNy44MTQsODUuMjg0IDcuOTIxLDg1LjQwOCA3LjkyMSw4NS42MjIgQzcuOTIxLDg1LjkyNSA3LjcwOCw4Ni4yOTIgNy40NDQsODYuNDQ0IEM3LjM2Nyw4Ni40ODkgNy4yOTQsODYuNTEgNy4yMyw4Ni41MSBNNy42NTgsODUuMDk4IEM3LjU1OCw4NS4wOTggNy40NTUsODUuMTI3IDcuMzUxLDg1LjE4OCBDNy4wMzEsODUuMzczIDYuNzgxLDg1LjgwNiA2Ljc4MSw4Ni4xNzMgQzYuNzgxLDg2LjQ4MiA2Ljk2Niw4Ni42OTcgNy4yMyw4Ni42OTcgQzcuMzMsODYuNjk3IDcuNDMzLDg2LjY2NiA3LjUzOCw4Ni42MDcgQzcuODU4LDg2LjQyMiA4LjEwOCw4NS45ODkgOC4xMDgsODUuNjIyIEM4LjEwOCw4NS4zMTMgNy45MjMsODUuMDk4IDcuNjU4LDg1LjA5OCIgaWQ9IkZpbGwtMTciIGZpbGw9IiM4MDk3QTIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy4yMyw4Ni4zMjIgTDcuMTU0LDg2LjE3MyBDNy4xNTQsODUuOTM4IDcuMzMzLDg1LjYyOSA3LjUzOCw4NS41MTIgTDcuNjU4LDg1LjQ3MSBMNy43MzQsODUuNjIyIEM3LjczNCw4NS44NTYgNy41NTUsODYuMTY0IDcuMzUxLDg2LjI4MiBMNy4yMyw4Ni4zMjIgTTcuNjU4LDg1LjI4NCBDNy41OTQsODUuMjg0IDcuNTIxLDg1LjMwNSA3LjQ0NCw4NS4zNSBDNy4xODEsODUuNTAyIDYuOTY3LDg1Ljg3MSA2Ljk2Nyw4Ni4xNzMgQzYuOTY3LDg2LjM4NyA3LjA3NCw4Ni41MSA3LjIzLDg2LjUxIEM3LjI5NCw4Ni41MSA3LjM2Nyw4Ni40ODkgNy40NDQsODYuNDQ0IEM3LjcwOCw4Ni4yOTIgNy45MjEsODUuOTI1IDcuOTIxLDg1LjYyMiBDNy45MjEsODUuNDA4IDcuODE0LDg1LjI4NCA3LjY1OCw4NS4yODQiIGlkPSJGaWxsLTE4IiBmaWxsPSIjODA5N0EyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTc3LjI3OCw3Ljc2OSBMNzcuMjc4LDUxLjQzNiBMMTAuMjA4LDkwLjE2IEwxMC4yMDgsNDYuNDkzIEw3Ny4yNzgsNy43NjkiIGlkPSJGaWxsLTE5IiBmaWxsPSIjNDU1QTY0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLjA4Myw5MC4zNzUgTDEwLjA4Myw0Ni40MjEgTDEwLjE0Niw0Ni4zODUgTDc3LjQwMyw3LjU1NCBMNzcuNDAzLDUxLjUwOCBMNzcuMzQxLDUxLjU0NCBMMTAuMDgzLDkwLjM3NSBMMTAuMDgzLDkwLjM3NSBaIE0xMC4zMzMsNDYuNTY0IEwxMC4zMzMsODkuOTQ0IEw3Ny4xNTQsNTEuMzY1IEw3Ny4xNTQsNy45ODUgTDEwLjMzMyw0Ni41NjQgTDEwLjMzMyw0Ni41NjQgWiIgaWQ9IkZpbGwtMjAiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMjUuNzM3LDg4LjY0NyBMMTE4LjA5OCw5MS45ODEgTDExOC4wOTgsODQgTDEwNi42MzksODguNzEzIEwxMDYuNjM5LDk2Ljk4MiBMOTksMTAwLjMxNSBMMTEyLjM2OSwxMDMuOTYxIEwxMjUuNzM3LDg4LjY0NyIgaWQ9IkltcG9ydGVkLUxheWVycy1Db3B5LTIiIGZpbGw9IiM0NTVBNjQiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+' 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 = base64('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$1 !== 'undefined' ? commonjsGlobal$1 : typeof self !== 'undefined' ? self : {} function unwrapExports$$1 (x) { return x && x.__esModule ? 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 canvas = this.layer_.source.getContext('webgl').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') 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.6' var DefaultConfig = { ADDITIONAL_VIEWERS: [], DEFAULT_VIEWER: '', PROVIDE_MOBILE_VRDISPLAY: true, GET_VR_DISPLAYS_TIMEOUT: 1000, MOBILE_WAKE_LOCK: true, DEBUG: false, DPDB_URL: 'https://dpdb.webvr.rocks/dpdb.json', K_FILTER: 0.98, PREDICTION_TIME_S: 0.040, TOUCH_PANNER_DISABLED: true, 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, TOUCH_PANNER_DISABLED: this.config.TOUCH_PANNER_DISABLED, 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()) } var timeoutId var vrDisplaysNative = this.native.getVRDisplays.call(navigator) var timeoutPromise = new Promise(function (resolve) { timeoutId = setTimeout(function () { console.warn('Native WebVR implementation detected, but `getVRDisplays()` failed to resolve. Falling back to polyfill.') resolve([]) }, config.GET_VR_DISPLAYS_TIMEOUT) }) return race([vrDisplaysNative, timeoutPromise]).then(function (nativeDisplays) { clearTimeout(timeoutId) 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$1 !== 'undefined' && commonjsGlobal$1.window) { if (!commonjsGlobal$1.document) { commonjsGlobal$1.document = commonjsGlobal$1.window.document } if (!commonjsGlobal$1.navigator) { commonjsGlobal$1.navigator = commonjsGlobal$1.window.navigator } } var src = require$$0 return src })) }) var WebVRPolyfill = unwrapExports(webvrPolyfill) // 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 () { 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 (function () { 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 } })() } /** * https://github.com/mrdoob/eventdispatcher.js/ */ function EventDispatcher () {} Object.assign(EventDispatcher.prototype, { addEventListener: function (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 (type, listener) { if (this._listeners === undefined) return false var listeners = this._listeners return listeners[type] !== undefined && listeners[type].indexOf(listener) !== -1 }, removeEventListener: function (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 (event) { if (this._listeners === undefined) return var listeners = this._listeners var listenerArray = listeners[event.type] if (listenerArray !== undefined) { event.target = this var array = listenerArray.slice(0) for (var i = 0, l = array.length; i < l; i++) { array[i].call(this, event) } } } }) var REVISION = '93' var MOUSE = { LEFT: 0, MIDDLE: 1, RIGHT: 2 } var CullFaceNone = 0 var CullFaceBack = 1 var CullFaceFront = 2 var PCFShadowMap = 1 var PCFSoftShadowMap = 2 var FrontSide = 0 var BackSide = 1 var DoubleSide = 2 var FlatShading = 1 var NoColors = 0 var FaceColors = 1 var VertexColors = 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 Uncharted2ToneMapping = 3 var CineonToneMapping = 4 var UVMapping = 300 var CubeReflectionMapping = 301 var CubeRefractionMapping = 302 var EquirectangularReflectionMapping = 303 var EquirectangularRefractionMapping = 304 var SphericalReflectionMapping = 305 var CubeUVReflectionMapping = 306 var CubeUVRefractionMapping = 307 var RepeatWrapping = 1000 var ClampToEdgeWrapping = 1001 var MirroredRepeatWrapping = 1002 var NearestFilter = 1003 var NearestMipMapNearestFilter = 1004 var NearestMipMapLinearFilter = 1005 var LinearFilter = 1006 var LinearMipMapNearestFilter = 1007 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 DepthFormat = 1026 var DepthStencilFormat = 1027 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 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 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 TrianglesDrawMode = 0 var TriangleStripDrawMode = 1 var TriangleFanDrawMode = 2 var LinearEncoding = 3000 var sRGBEncoding = 3001 var GammaEncoding = 3007 var RGBEEncoding = 3002 var RGBM7Encoding = 3004 var RGBM16Encoding = 3005 var RGBDEncoding = 3006 var BasicDepthPacking = 3200 var RGBADepthPacking = 3201 /** * @author alteredq / http://alteredqualia.com/ * @author mrdoob / http://mrdoob.com/ */ var _Math = { DEG2RAD: Math.PI / 180, RAD2DEG: 180 / Math.PI, generateUUID: (function () { // http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript/21963136#21963136 var lut = [] for (var i = 0; i < 256; i++) { lut[i] = (i < 16 ? '0' : '') + (i).toString(16) } return function generateUUID () { 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 (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 (n, m) { return ((n % m) + m) % m }, // Linear mapping from range to range mapLinear: function (x, a1, a2, b1, b2) { return b1 + (x - a1) * (b2 - b1) / (a2 - a1) }, // https://en.wikipedia.org/wiki/Linear_interpolation lerp: function (x, y, t) { return (1 - t) * x + t * y }, // http://en.wikipedia.org/wiki/Smoothstep smoothstep: function (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 (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 interval randInt: function (low, high) { return low + Math.floor(Math.random() * (high - low + 1)) }, // Random float from interval randFloat: function (low, high) { return low + Math.random() * (high - low) }, // Random float from <-range/2, range/2> interval randFloatSpread: function (range) { return range * (0.5 - Math.random()) }, degToRad: function (degrees) { return degrees * _Math.DEG2RAD }, radToDeg: function (radians) { return radians * _Math.RAD2DEG }, isPowerOfTwo: function (value) { return (value & (value - 1)) === 0 && value !== 0 }, ceilPowerOfTwo: function (value) { return Math.pow(2, Math.ceil(Math.log(value) / Math.LN2)) }, floorPowerOfTwo: function (value) { return Math.pow(2, Math.floor(Math.log(value) / Math.LN2)) } } /** * @author mrdoob / http://mrdoob.com/ * @author philogb / http://blog.thejit.org/ * @author egraether / http://egraether.com/ * @author zz85 / http://www.lab4games.net/zz85/blog */ function Vector2 (x, y) { this.x = x || 0 this.y = y || 0 } Object.defineProperties(Vector2.prototype, { width: { get: function () { return this.x }, set: function (value) { this.x = value } }, height: { get: function () { return this.y }, set: function (value) { this.y = value } } }) Object.assign(Vector2.prototype, { isVector2: true, set: function (x, y) { this.x = x this.y = y return this }, setScalar: function (scalar) { this.x = scalar this.y = scalar return this }, setX: function (x) { this.x = x return this }, setY: function (y) { this.y = y return this }, setComponent: function (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 }, getComponent: function (index) { switch (index) { case 0: return this.x case 1: return this.y default: throw new Error('index is out of range: ' + index) } }, clone: function () { return new this.constructor(this.x, this.y) }, copy: function (v) { this.x = v.x this.y = v.y return this }, add: function (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 }, addScalar: function (s) { this.x += s this.y += s return this }, addVectors: function (a, b) { this.x = a.x + b.x this.y = a.y + b.y return this }, addScaledVector: function (v, s) { this.x += v.x * s this.y += v.y * s return this }, sub: function (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 }, subScalar: function (s) { this.x -= s this.y -= s return this }, subVectors: function (a, b) { this.x = a.x - b.x this.y = a.y - b.y return this }, multiply: function (v) { this.x *= v.x this.y *= v.y return this }, multiplyScalar: function (scalar) { this.x *= scalar this.y *= scalar return this }, divide: function (v) { this.x /= v.x this.y /= v.y return this }, divideScalar: function (scalar) { return this.multiplyScalar(1 / scalar) }, applyMatrix3: function (m) { var x = this.x; var 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 }, min: function (v) { this.x = Math.min(this.x, v.x) this.y = Math.min(this.y, v.y) return this }, max: function (v) { this.x = Math.max(this.x, v.x) this.y = Math.max(this.y, v.y) return this }, clamp: function (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 }, clampScalar: (function () { var min = new Vector2() var max = new Vector2() return function clampScalar (minVal, maxVal) { min.set(minVal, minVal) max.set(maxVal, maxVal) return this.clamp(min, max) } }()), clampLength: function (min, max) { var length = this.length() return this.divideScalar(length || 1).multiplyScalar(Math.max(min, Math.min(max, length))) }, floor: function () { this.x = Math.floor(this.x) this.y = Math.floor(this.y) return this }, ceil: function () { this.x = Math.ceil(this.x) this.y = Math.ceil(this.y) return this }, round: function () { this.x = Math.round(this.x) this.y = Math.round(this.y) return this }, roundToZero: function () { 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 }, negate: function () { this.x = -this.x this.y = -this.y return this }, dot: function (v) { return this.x * v.x + this.y * v.y }, lengthSq: function () { return this.x * this.x + this.y * this.y }, length: function () { return Math.sqrt(this.x * this.x + this.y * this.y) }, manhattanLength: function () { return Math.abs(this.x) + Math.abs(this.y) }, normalize: function () { return this.divideScalar(this.length() || 1) }, angle: function () { // computes the angle in radians with respect to the positive x-axis var angle = Math.atan2(this.y, this.x) if (angle < 0) angle += 2 * Math.PI return angle }, distanceTo: function (v) { return Math.sqrt(this.distanceToSquared(v)) }, distanceToSquared: function (v) { var dx = this.x - v.x; var dy = this.y - v.y return dx * dx + dy * dy }, manhattanDistanceTo: function (v) { return Math.abs(this.x - v.x) + Math.abs(this.y - v.y) }, setLength: function (length) { return this.normalize().multiplyScalar(length) }, lerp: function (v, alpha) { this.x += (v.x - this.x) * alpha this.y += (v.y - this.y) * alpha return this }, lerpVectors: function (v1, v2, alpha) { return this.subVectors(v2, v1).multiplyScalar(alpha).add(v1) }, equals: function (v) { return ((v.x === this.x) && (v.y === this.y)) }, fromArray: function (array, offset) { if (offset === undefined) offset = 0 this.x = array[offset] this.y = array[offset + 1] return this }, toArray: function (array, offset) { if (array === undefined) array = [] if (offset === undefined) offset = 0 array[offset] = this.x array[offset + 1] = this.y return array }, fromBufferAttribute: function (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 }, rotateAround: function (center, angle) { var c = Math.cos(angle); var 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 } }) /** * @author mrdoob / http://mrdoob.com/ * @author supereggbert / http://www.paulbrunt.co.uk/ * @author philogb / http://blog.thejit.org/ * @author jordi_ros / http://plattsoft.com * @author D1plo1d / http://github.com/D1plo1d * @author alteredq / http://alteredqualia.com/ * @author mikael emtinger / http://gomo.se/ * @author timknip / http://www.floorplanner.com/ * @author bhouston / http://clara.io * @author WestLangley / http://github.com/WestLangley */ function Matrix4 () { 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.') } } Object.assign(Matrix4.prototype, { isMatrix4: true, set: function (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 }, identity: function () { this.set( 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ) return this }, clone: function () { return new Matrix4().fromArray(this.elements) }, copy: function (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 }, copyPosition: function (m) { var te = this.elements; var me = m.elements te[12] = me[12] te[13] = me[13] te[14] = me[14] return this }, extractBasis: function (xAxis, yAxis, zAxis) { xAxis.setFromMatrixColumn(this, 0) yAxis.setFromMatrixColumn(this, 1) zAxis.setFromMatrixColumn(this, 2) return this }, makeBasis: function (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 }, extractRotation: (function () { var v1 = new Vector3() return function extractRotation (m) { // this method does not support reflection matrices var te = this.elements var me = m.elements var scaleX = 1 / v1.setFromMatrixColumn(m, 0).length() var scaleY = 1 / v1.setFromMatrixColumn(m, 1).length() var scaleZ = 1 / v1.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 } }()), makeRotationFromEuler: function (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; var y = euler.y; var z = euler.z var a = Math.cos(x); var b = Math.sin(x) var c = Math.cos(y); var d = Math.sin(y) var e = Math.cos(z); var f = Math.sin(z) if (euler.order === 'XYZ') { var ae = a * e; var af = a * f; var be = b * e; var 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; var cf = c * f; var de = d * e; var 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; var cf = c * f; var de = d * e; var 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; var af = a * f; var be = b * e; var 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; var ad = a * d; var bc = b * c; var 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; var ad = a * d; var bc = b * c; var 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 }, makeRotationFromQuaternion: (function () { var zero = new Vector3(0, 0, 0) var one = new Vector3(1, 1, 1) return function makeRotationFromQuaternion (q) { return this.compose(zero, q, one) } }()), lookAt: (function () { var x = new Vector3() var y = new Vector3() var z = new Vector3() return 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 } }()), multiply: function (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) }, premultiply: function (m) { return this.multiplyMatrices(m, this) }, multiplyMatrices: function (a, b) { var ae = a.elements var be = b.elements var te = this.elements var a11 = ae[0]; var a12 = ae[4]; var a13 = ae[8]; var a14 = ae[12] var a21 = ae[1]; var a22 = ae[5]; var a23 = ae[9]; var a24 = ae[13] var a31 = ae[2]; var a32 = ae[6]; var a33 = ae[10]; var a34 = ae[14] var a41 = ae[3]; var a42 = ae[7]; var a43 = ae[11]; var a44 = ae[15] var b11 = be[0]; var b12 = be[4]; var b13 = be[8]; var b14 = be[12] var b21 = be[1]; var b22 = be[5]; var b23 = be[9]; var b24 = be[13] var b31 = be[2]; var b32 = be[6]; var b33 = be[10]; var b34 = be[14] var b41 = be[3]; var b42 = be[7]; var b43 = be[11]; var 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 }, multiplyScalar: function (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 }, applyToBufferAttribute: (function () { var v1 = new Vector3() return function applyToBufferAttribute (attribute) { for (var i = 0, l = attribute.count; i < l; i++) { v1.x = attribute.getX(i) v1.y = attribute.getY(i) v1.z = attribute.getZ(i) v1.applyMatrix4(this) attribute.setXYZ(i, v1.x, v1.y, v1.z) } return attribute } }()), determinant: function () { var te = this.elements var n11 = te[0]; var n12 = te[4]; var n13 = te[8]; var n14 = te[12] var n21 = te[1]; var n22 = te[5]; var n23 = te[9]; var n24 = te[13] var n31 = te[2]; var n32 = te[6]; var n33 = te[10]; var n34 = te[14] var n41 = te[3]; var n42 = te[7]; var n43 = te[11]; var 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 ) ) }, transpose: function () { 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 }, setPosition: function (v) { var te = this.elements te[12] = v.x te[13] = v.y te[14] = v.z return this }, getInverse: function (m, throwOnDegenerate) { // based on http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm var te = this.elements var me = m.elements var n11 = me[0]; var n21 = me[1]; var n31 = me[2]; var n41 = me[3] var n12 = me[4]; var n22 = me[5]; var n32 = me[6]; var n42 = me[7] var n13 = me[8]; var n23 = me[9]; var n33 = me[10]; var n43 = me[11] var n14 = me[12]; var n24 = me[13]; var n34 = me[14]; var n44 = me[15] var t11 = n23 * n34 * n42 - n24 * n33 * n42 + n24 * n32 * n43 - n22 * n34 * n43 - n23 * n32 * n44 + n22 * n33 * n44 var t12 = n14 * n33 * n42 - n13 * n34 * n42 - n14 * n32 * n43 + n12 * n34 * n43 + n13 * n32 * n44 - n12 * n33 * n44 var t13 = n13 * n24 * n42 - n14 * n23 * n42 + n14 * n22 * n43 - n12 * n24 * n43 - n13 * n22 * n44 + n12 * n23 * n44 var 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) { var msg = "THREE.Matrix4: .getInverse() can't invert matrix, determinant is 0" if (throwOnDegenerate === true) { throw new Error(msg) } else { console.warn(msg) } return this.identity() } 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 }, scale: function (v) { var te = this.elements var x = v.x; var y = v.y; var 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 }, getMaxScaleOnAxis: function () { 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)) }, makeTranslation: function (x, y, z) { this.set( 1, 0, 0, x, 0, 1, 0, y, 0, 0, 1, z, 0, 0, 0, 1 ) return this }, makeRotationX: function (theta) { var c = Math.cos(theta); var s = Math.sin(theta) this.set( 1, 0, 0, 0, 0, c, -s, 0, 0, s, c, 0, 0, 0, 0, 1 ) return this }, makeRotationY: function (theta) { var c = Math.cos(theta); var s = Math.sin(theta) this.set( c, 0, s, 0, 0, 1, 0, 0, -s, 0, c, 0, 0, 0, 0, 1 ) return this }, makeRotationZ: function (theta) { var c = Math.cos(theta); var s = Math.sin(theta) this.set( c, -s, 0, 0, s, c, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ) return this }, makeRotationAxis: function (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; var y = axis.y; var z = axis.z var tx = t * x; var 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 }, makeScale: function (x, y, z) { this.set( x, 0, 0, 0, 0, y, 0, 0, 0, 0, z, 0, 0, 0, 0, 1 ) return this }, makeShear: function (x, y, z) { this.set( 1, y, z, 0, x, 1, z, 0, x, y, 1, 0, 0, 0, 0, 1 ) return this }, compose: function (position, quaternion, scale) { var te = this.elements var x = quaternion._x; var y = quaternion._y; var z = quaternion._z; var w = quaternion._w var x2 = x + x; var y2 = y + y; var z2 = z + z var xx = x * x2; var xy = x * y2; var xz = x * z2 var yy = y * y2; var yz = y * z2; var zz = z * z2 var wx = w * x2; var wy = w * y2; var wz = w * z2 var sx = scale.x; var sy = scale.y; var 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 }, decompose: (function () { var vector = new Vector3() var matrix = new Matrix4() return function decompose (position, quaternion, scale) { var te = this.elements var sx = vector.set(te[0], te[1], te[2]).length() var sy = vector.set(te[4], te[5], te[6]).length() var sz = vector.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 matrix.copy(this) var invSX = 1 / sx var invSY = 1 / sy var invSZ = 1 / sz matrix.elements[0] *= invSX matrix.elements[1] *= invSX matrix.elements[2] *= invSX matrix.elements[4] *= invSY matrix.elements[5] *= invSY matrix.elements[6] *= invSY matrix.elements[8] *= invSZ matrix.elements[9] *= invSZ matrix.elements[10] *= invSZ quaternion.setFromRotationMatrix(matrix) scale.x = sx scale.y = sy scale.z = sz return this } }()), makePerspective: function (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 }, makeOrthographic: function (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 }, equals: function (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 }, fromArray: function (array, offset) { if (offset === undefined) offset = 0 for (var i = 0; i < 16; i++) { this.elements[i] = array[i + offset] } return this }, toArray: function (array, offset) { if (array === undefined) array = [] if (offset === undefined) 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 } }) /** * @author mikael emtinger / http://gomo.se/ * @author alteredq / http://alteredqualia.com/ * @author WestLangley / http://github.com/WestLangley * @author bhouston / http://clara.io */ function Quaternion (x, y, z, w) { this._x = x || 0 this._y = y || 0 this._z = z || 0 this._w = (w !== undefined) ? w : 1 } Object.assign(Quaternion, { slerp: function (qa, qb, qm, t) { return qm.copy(qa).slerp(qb, t) }, slerpFlat: function (dst, dstOffset, src0, srcOffset0, src1, srcOffset1, t) { // fuzz-free, array-based Quaternion SLERP operation var x0 = src0[srcOffset0 + 0] var y0 = src0[srcOffset0 + 1] var z0 = src0[srcOffset0 + 2] var w0 = src0[srcOffset0 + 3] var x1 = src1[srcOffset1 + 0] var y1 = src1[srcOffset1 + 1] var z1 = src1[srcOffset1 + 2] var 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 var dir = (cos >= 0 ? 1 : -1) var sqrSin = 1 - cos * cos // Skip the Slerp for tiny steps to avoid numeric problems: if (sqrSin > Number.EPSILON) { var sin = Math.sqrt(sqrSin) var 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 } }) Object.defineProperties(Quaternion.prototype, { x: { get: function () { return this._x }, set: function (value) { this._x = value this.onChangeCallback() } }, y: { get: function () { return this._y }, set: function (value) { this._y = value this.onChangeCallback() } }, z: { get: function () { return this._z }, set: function (value) { this._z = value this.onChangeCallback() } }, w: { get: function () { return this._w }, set: function (value) { this._w = value this.onChangeCallback() } } }) Object.assign(Quaternion.prototype, { set: function (x, y, z, w) { this._x = x this._y = y this._z = z this._w = w this.onChangeCallback() return this }, clone: function () { return new this.constructor(this._x, this._y, this._z, this._w) }, copy: function (quaternion) { this._x = quaternion.x this._y = quaternion.y this._z = quaternion.z this._w = quaternion.w this.onChangeCallback() return this }, setFromEuler: function (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; var y = euler._y; var z = euler._z; var 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) if (order === '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 } else if (order === '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 } else if (order === '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 } else if (order === '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 } else if (order === '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 } else if (order === '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 } if (update !== false) this.onChangeCallback() return this }, setFromAxisAngle: function (axis, angle) { // http://www.euclideanspace.com/maths/geometry/rotations/conversions/angleToQuaternion/index.htm // assumes axis is normalized var halfAngle = angle / 2; var 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 }, setFromRotationMatrix: function (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 var m11 = te[0]; var m12 = te[4]; var m13 = te[8] var m21 = te[1]; var m22 = te[5]; var m23 = te[9] var m31 = te[2]; var m32 = te[6]; var m33 = te[10] var trace = m11 + m22 + m33 var s if (trace > 0) { 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) { 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) { s = 2.0 * Math.sqrt(1.0 + m22 - m11 - m33) this._w = (m13 - m31) / s this._x = (m12 + m21) / s this._y = 0.25 * s this._z = (m23 + m32) / s } else { s = 2.0 * Math.sqrt(1.0 + m33 - m11 - m22) this._w = (m21 - m12) / s this._x = (m13 + m31) / s this._y = (m23 + m32) / s this._z = 0.25 * s } this.onChangeCallback() return this }, setFromUnitVectors: (function () { // assumes direction vectors vFrom and vTo are normalized var v1 = new Vector3() var r var EPS = 0.000001 return function setFromUnitVectors (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 return this.normalize() } }()), inverse: function () { // quaternion is assumed to have unit length return this.conjugate() }, conjugate: function () { this._x *= -1 this._y *= -1 this._z *= -1 this.onChangeCallback() return this }, dot: function (v) { return this._x * v._x + this._y * v._y + this._z * v._z + this._w * v._w }, lengthSq: function () { return this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w }, length: function () { return Math.sqrt(this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w) }, normalize: function () { 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 }, multiply: function (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) }, premultiply: function (q) { return this.multiplyQuaternions(q, this) }, multiplyQuaternions: function (a, b) { // from http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/code/index.htm var qax = a._x; var qay = a._y; var qaz = a._z; var qaw = a._w var qbx = b._x; var qby = b._y; var qbz = b._z; var 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 }, slerp: function (qb, t) { if (t === 0) return this if (t === 1) return this.copy(qb) var x = this._x; var y = this._y; var z = this._z; var 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 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 halfTheta = Math.atan2(sinHalfTheta, cosHalfTheta) var ratioA = Math.sin((1 - t) * halfTheta) / sinHalfTheta var 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 }, equals: function (quaternion) { return (quaternion._x === this._x) && (quaternion._y === this._y) && (quaternion._z === this._z) && (quaternion._w === this._w) }, fromArray: function (array, offset) { if (offset === undefined) 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 }, toArray: function (array, offset) { if (array === undefined) array = [] if (offset === undefined) offset = 0 array[offset] = this._x array[offset + 1] = this._y array[offset + 2] = this._z array[offset + 3] = this._w return array }, onChange: function (callback) { this.onChangeCallback = callback return this }, onChangeCallback: function () {} }) /** * @author mrdoob / http://mrdoob.com/ * @author kile / http://kile.stravaganza.org/ * @author philogb / http://blog.thejit.org/ * @author mikael emtinger / http://gomo.se/ * @author egraether / http://egraether.com/ * @author WestLangley / http://github.com/WestLangley */ function Vector3 (x, y, z) { this.x = x || 0 this.y = y || 0 this.z = z || 0 } Object.assign(Vector3.prototype, { isVector3: true, set: function (x, y, z) { this.x = x this.y = y this.z = z return this }, setScalar: function (scalar) { this.x = scalar this.y = scalar this.z = scalar return this }, setX: function (x) { this.x = x return this }, setY: function (y) { this.y = y return this }, setZ: function (z) { this.z = z return this }, setComponent: function (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 }, getComponent: function (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) } }, clone: function () { return new this.constructor(this.x, this.y, this.z) }, copy: function (v) { this.x = v.x this.y = v.y this.z = v.z return this }, add: function (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 }, addScalar: function (s) { this.x += s this.y += s this.z += s return this }, addVectors: function (a, b) { this.x = a.x + b.x this.y = a.y + b.y this.z = a.z + b.z return this }, addScaledVector: function (v, s) { this.x += v.x * s this.y += v.y * s this.z += v.z * s return this }, sub: function (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 }, subScalar: function (s) { this.x -= s this.y -= s this.z -= s return this }, subVectors: function (a, b) { this.x = a.x - b.x this.y = a.y - b.y this.z = a.z - b.z return this }, multiply: function (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 }, multiplyScalar: function (scalar) { this.x *= scalar this.y *= scalar this.z *= scalar return this }, multiplyVectors: function (a, b) { this.x = a.x * b.x this.y = a.y * b.y this.z = a.z * b.z return this }, applyEuler: (function () { var quaternion = new Quaternion() return 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)) } }()), applyAxisAngle: (function () { var quaternion = new Quaternion() return function applyAxisAngle (axis, angle) { return this.applyQuaternion(quaternion.setFromAxisAngle(axis, angle)) } }()), applyMatrix3: function (m) { var x = this.x; var y = this.y; var 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 }, applyMatrix4: function (m) { var x = this.x; var y = this.y; var 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 }, applyQuaternion: function (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 // 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 }, project: (function () { var matrix = new Matrix4() return function project (camera) { matrix.multiplyMatrices(camera.projectionMatrix, matrix.getInverse(camera.matrixWorld)) return this.applyMatrix4(matrix) } }()), unproject: (function () { var matrix = new Matrix4() return function unproject (camera) { matrix.multiplyMatrices(camera.matrixWorld, matrix.getInverse(camera.projectionMatrix)) return this.applyMatrix4(matrix) } }()), transformDirection: function (m) { // input: THREE.Matrix4 affine matrix // vector interpreted as a direction var x = this.x; var y = this.y; var 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() }, divide: function (v) { this.x /= v.x this.y /= v.y this.z /= v.z return this }, divideScalar: function (scalar) { return this.multiplyScalar(1 / scalar) }, min: function (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 }, max: function (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 }, clamp: function (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 }, clampScalar: (function () { var min = new Vector3() var max = new Vector3() return function clampScalar (minVal, maxVal) { min.set(minVal, minVal, minVal) max.set(maxVal, maxVal, maxVal) return this.clamp(min, max) } }()), clampLength: function (min, max) { var length = this.length() return this.divideScalar(length || 1).multiplyScalar(Math.max(min, Math.min(max, length))) }, floor: function () { this.x = Math.floor(this.x) this.y = Math.floor(this.y) this.z = Math.floor(this.z) return this }, ceil: function () { this.x = Math.ceil(this.x) this.y = Math.ceil(this.y) this.z = Math.ceil(this.z) return this }, round: function () { this.x = Math.round(this.x) this.y = Math.round(this.y) this.z = Math.round(this.z) return this }, roundToZero: function () { 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 }, negate: function () { this.x = -this.x this.y = -this.y this.z = -this.z return this }, dot: function (v) { return this.x * v.x + this.y * v.y + this.z * v.z }, // TODO lengthSquared? lengthSq: function () { return this.x * this.x + this.y * this.y + this.z * this.z }, length: function () { return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z) }, manhattanLength: function () { return Math.abs(this.x) + Math.abs(this.y) + Math.abs(this.z) }, normalize: function () { return this.divideScalar(this.length() || 1) }, setLength: function (length) { return this.normalize().multiplyScalar(length) }, lerp: function (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 }, lerpVectors: function (v1, v2, alpha) { return this.subVectors(v2, v1).multiplyScalar(alpha).add(v1) }, cross: function (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) }, crossVectors: function (a, b) { var ax = a.x; var ay = a.y; var az = a.z var bx = b.x; var by = b.y; var bz = b.z this.x = ay * bz - az * by this.y = az * bx - ax * bz this.z = ax * by - ay * bx return this }, projectOnVector: function (vector) { var scalar = vector.dot(this) / vector.lengthSq() return this.copy(vector).multiplyScalar(scalar) }, projectOnPlane: (function () { var v1 = new Vector3() return function projectOnPlane (planeNormal) { v1.copy(this).projectOnVector(planeNormal) return this.sub(v1) } }()), reflect: (function () { // reflect incident vector off plane orthogonal to normal // normal is assumed to have unit length var v1 = new Vector3() return function reflect (normal) { return this.sub(v1.copy(normal).multiplyScalar(2 * this.dot(normal))) } }()), angleTo: function (v) { var theta = this.dot(v) / (Math.sqrt(this.lengthSq() * v.lengthSq())) // clamp, to handle numerical problems return Math.acos(_Math.clamp(theta, -1, 1)) }, distanceTo: function (v) { return Math.sqrt(this.distanceToSquared(v)) }, distanceToSquared: function (v) { var dx = this.x - v.x; var dy = this.y - v.y; var dz = this.z - v.z return dx * dx + dy * dy + dz * dz }, manhattanDistanceTo: function (v) { return Math.abs(this.x - v.x) + Math.abs(this.y - v.y) + Math.abs(this.z - v.z) }, setFromSpherical: function (s) { var sinPhiRadius = Math.sin(s.phi) * s.radius this.x = sinPhiRadius * Math.sin(s.theta) this.y = Math.cos(s.phi) * s.radius this.z = sinPhiRadius * Math.cos(s.theta) return this }, setFromCylindrical: function (c) { this.x = c.radius * Math.sin(c.theta) this.y = c.y this.z = c.radius * Math.cos(c.theta) return this }, setFromMatrixPosition: function (m) { var e = m.elements this.x = e[12] this.y = e[13] this.z = e[14] return this }, setFromMatrixScale: function (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 }, setFromMatrixColumn: function (m, index) { return this.fromArray(m.elements, index * 4) }, equals: function (v) { return ((v.x === this.x) && (v.y === this.y) && (v.z === this.z)) }, fromArray: function (array, offset) { if (offset === undefined) offset = 0 this.x = array[offset] this.y = array[offset + 1] this.z = array[offset + 2] return this }, toArray: function (array, offset) { if (array === undefined) array = [] if (offset === undefined) offset = 0 array[offset] = this.x array[offset + 1] = this.y array[offset + 2] = this.z return array }, fromBufferAttribute: function (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 } }) /** * @author alteredq / http://alteredqualia.com/ * @author WestLangley / http://github.com/WestLangley * @author bhouston / http://clara.io * @author tschw */ function Matrix3 () { 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.') } } Object.assign(Matrix3.prototype, { isMatrix3: true, set: function (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 }, identity: function () { this.set( 1, 0, 0, 0, 1, 0, 0, 0, 1 ) return this }, clone: function () { return new this.constructor().fromArray(this.elements) }, copy: function (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 }, setFromMatrix4: function (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 }, applyToBufferAttribute: (function () { var v1 = new Vector3() return function applyToBufferAttribute (attribute) { for (var i = 0, l = attribute.count; i < l; i++) { v1.x = attribute.getX(i) v1.y = attribute.getY(i) v1.z = attribute.getZ(i) v1.applyMatrix3(this) attribute.setXYZ(i, v1.x, v1.y, v1.z) } return attribute } }()), multiply: function (m) { return this.multiplyMatrices(this, m) }, premultiply: function (m) { return this.multiplyMatrices(m, this) }, multiplyMatrices: function (a, b) { var ae = a.elements var be = b.elements var te = this.elements var a11 = ae[0]; var a12 = ae[3]; var a13 = ae[6] var a21 = ae[1]; var a22 = ae[4]; var a23 = ae[7] var a31 = ae[2]; var a32 = ae[5]; var a33 = ae[8] var b11 = be[0]; var b12 = be[3]; var b13 = be[6] var b21 = be[1]; var b22 = be[4]; var b23 = be[7] var b31 = be[2]; var b32 = be[5]; var 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 }, multiplyScalar: function (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 }, determinant: function () { var te = this.elements var a = te[0]; var b = te[1]; var c = te[2] var d = te[3]; var e = te[4]; var f = te[5] var g = te[6]; var h = te[7]; var i = te[8] return a * e * i - a * f * h - b * d * i + b * f * g + c * d * h - c * e * g }, getInverse: function (matrix, throwOnDegenerate) { if (matrix && matrix.isMatrix4) { console.error('THREE.Matrix3: .getInverse() no longer takes a Matrix4 argument.') } var me = matrix.elements var te = this.elements var n11 = me[0]; var n21 = me[1]; var n31 = me[2] var n12 = me[3]; var n22 = me[4]; var n32 = me[5] var n13 = me[6]; var n23 = me[7]; var n33 = me[8] var t11 = n33 * n22 - n32 * n23 var t12 = n32 * n13 - n33 * n12 var t13 = n23 * n12 - n22 * n13 var det = n11 * t11 + n21 * t12 + n31 * t13 if (det === 0) { var msg = "THREE.Matrix3: .getInverse() can't invert matrix, determinant is 0" if (throwOnDegenerate === true) { throw new Error(msg) } else { console.warn(msg) } return this.identity() } 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 }, transpose: function () { 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 }, getNormalMatrix: function (matrix4) { return this.setFromMatrix4(matrix4).getInverse(this).transpose() }, transposeIntoArray: function (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 }, setUvTransform: function (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 ) }, scale: function (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 }, rotate: function (theta) { var c = Math.cos(theta) var s = Math.sin(theta) var te = this.elements var a11 = te[0]; var a12 = te[3]; var a13 = te[6] var a21 = te[1]; var a22 = te[4]; var 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 }, translate: function (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 }, equals: function (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 }, fromArray: function (array, offset) { if (offset === undefined) offset = 0 for (var i = 0; i < 9; i++) { this.elements[i] = array[i + offset] } return this }, toArray: function (array, offset) { if (array === undefined) array = [] if (offset === undefined) 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 } }) /** * @author mrdoob / http://mrdoob.com/ * @author alteredq / http://alteredqualia.com/ * @author szimek / https://github.com/szimek/ */ var textureId = 0 function Texture (image, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding) { Object.defineProperty(this, 'id', { value: textureId++ }) this.uuid = _Math.generateUUID() this.name = '' this.image = image !== undefined ? image : Texture.DEFAULT_IMAGE this.mipmaps = [] this.mapping = mapping !== undefined ? mapping : Texture.DEFAULT_MAPPING this.wrapS = wrapS !== undefined ? wrapS : ClampToEdgeWrapping this.wrapT = wrapT !== undefined ? wrapT : ClampToEdgeWrapping this.magFilter = magFilter !== undefined ? magFilter : LinearFilter this.minFilter = minFilter !== undefined ? minFilter : LinearMipMapLinearFilter this.anisotropy = anisotropy !== undefined ? anisotropy : 1 this.format = format !== undefined ? format : RGBAFormat this.type = type !== undefined ? type : UnsignedByteType 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 !== undefined ? encoding : LinearEncoding 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 () { 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 () { return new this.constructor().copy(this) }, copy: function (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.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 (meta) { var isRootObject = (meta === undefined || typeof meta === 'string') if (!isRootObject && meta.textures[this.uuid] !== undefined) { return meta.textures[this.uuid] } function getDataURL (image) { var canvas if (image instanceof HTMLCanvasElement) { canvas = image } else { 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) } } if (canvas.width > 2048 || canvas.height > 2048) { return canvas.toDataURL('image/jpeg', 0.6) } else { return canvas.toDataURL('image/png') } } 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, minFilter: this.minFilter, magFilter: this.magFilter, anisotropy: this.anisotropy, flipY: this.flipY } if (this.image !== undefined) { // TODO: Move to THREE.Image var image = this.image if (image.uuid === undefined) { image.uuid = _Math.generateUUID() // UGH } if (!isRootObject && meta.images[image.uuid] === undefined) { meta.images[image.uuid] = { uuid: image.uuid, url: getDataURL(image) } } output.image = image.uuid } if (!isRootObject) { meta.textures[this.uuid] = output } return output }, dispose: function () { this.dispatchEvent({ type: 'dispose' }) }, transformUv: function (uv) { if (this.mapping !== UVMapping) return 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 } } }) Object.defineProperty(Texture.prototype, 'needsUpdate', { set: function (value) { if (value === true) this.version++ } }) /** * @author supereggbert / http://www.paulbrunt.co.uk/ * @author philogb / http://blog.thejit.org/ * @author mikael emtinger / http://gomo.se/ * @author egraether / http://egraether.com/ * @author WestLangley / http://github.com/WestLangley */ function Vector4 (x, y, z, w) { this.x = x || 0 this.y = y || 0 this.z = z || 0 this.w = (w !== undefined) ? w : 1 } Object.assign(Vector4.prototype, { isVector4: true, set: function (x, y, z, w) { this.x = x this.y = y this.z = z this.w = w return this }, setScalar: function (scalar) { this.x = scalar this.y = scalar this.z = scalar this.w = scalar return this }, setX: function (x) { this.x = x return this }, setY: function (y) { this.y = y return this }, setZ: function (z) { this.z = z return this }, setW: function (w) { this.w = w return this }, setComponent: function (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 }, getComponent: function (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) } }, clone: function () { return new this.constructor(this.x, this.y, this.z, this.w) }, copy: function (v) { this.x = v.x this.y = v.y this.z = v.z this.w = (v.w !== undefined) ? v.w : 1 return this }, add: function (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 }, addScalar: function (s) { this.x += s this.y += s this.z += s this.w += s return this }, addVectors: function (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 }, addScaledVector: function (v, s) { this.x += v.x * s this.y += v.y * s this.z += v.z * s this.w += v.w * s return this }, sub: function (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 }, subScalar: function (s) { this.x -= s this.y -= s this.z -= s this.w -= s return this }, subVectors: function (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 }, multiplyScalar: function (scalar) { this.x *= scalar this.y *= scalar this.z *= scalar this.w *= scalar return this }, applyMatrix4: function (m) { var x = this.x; var y = this.y; var z = this.z; var 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 }, divideScalar: function (scalar) { return this.multiplyScalar(1 / scalar) }, setAxisAngleFromQuaternion: function (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 }, setAxisAngleFromRotationMatrix: function (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; var x; var y; var z // variables for result var epsilon = 0.01 // margin to allow for rounding errors var epsilon2 = 0.1 // margin to distinguish between 0 and 180 degrees var te = m.elements var m11 = te[0]; var m12 = te[4]; var m13 = te[8] var m21 = te[1]; var m22 = te[5]; var m23 = te[9] var m31 = te[2]; var m32 = te[6]; var 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 }, min: function (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 }, max: function (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 }, clamp: function (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 }, clampScalar: (function () { var min, max return function clampScalar (minVal, maxVal) { if (min === undefined) { min = new Vector4() max = new Vector4() } min.set(minVal, minVal, minVal, minVal) max.set(maxVal, maxVal, maxVal, maxVal) return this.clamp(min, max) } }()), clampLength: function (min, max) { var length = this.length() return this.divideScalar(length || 1).multiplyScalar(Math.max(min, Math.min(max, length))) }, floor: function () { 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 }, ceil: function () { 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 }, round: function () { 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 }, roundToZero: function () { 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 }, negate: function () { this.x = -this.x this.y = -this.y this.z = -this.z this.w = -this.w return this }, dot: function (v) { return this.x * v.x + this.y * v.y + this.z * v.z + this.w * v.w }, lengthSq: function () { return this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w }, length: function () { return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w) }, manhattanLength: function () { return Math.abs(this.x) + Math.abs(this.y) + Math.abs(this.z) + Math.abs(this.w) }, normalize: function () { return this.divideScalar(this.length() || 1) }, setLength: function (length) { return this.normalize().multiplyScalar(length) }, lerp: function (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 }, lerpVectors: function (v1, v2, alpha) { return this.subVectors(v2, v1).multiplyScalar(alpha).add(v1) }, equals: function (v) { return ((v.x === this.x) && (v.y === this.y) && (v.z === this.z) && (v.w === this.w)) }, fromArray: function (array, offset) { if (offset === undefined) offset = 0 this.x = array[offset] this.y = array[offset + 1] this.z = array[offset + 2] this.w = array[offset + 3] return this }, toArray: function (array, offset) { if (array === undefined) array = [] if (offset === undefined) offset = 0 array[offset] = this.x array[offset + 1] = this.y array[offset + 2] = this.z array[offset + 3] = this.w return array }, fromBufferAttribute: function (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 } }) /** * @author szimek / https://github.com/szimek/ * @author alteredq / http://alteredqualia.com/ * @author Marius Kintel / https://github.com/kintel */ /* In options, we can specify: * Texture parameters for an auto-generated target texture * depthBuffer/stencilBuffer: Booleans to indicate if we should generate these buffers */ function WebGLRenderTarget (width, height, options) { 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 || {} if (options.minFilter === undefined) options.minFilter = LinearFilter this.texture = new Texture(undefined, undefined, options.wrapS, options.wrapT, options.magFilter, options.minFilter, options.format, options.type, options.anisotropy, options.encoding) this.texture.generateMipmaps = options.generateMipmaps !== undefined ? options.generateMipmaps : true this.depthBuffer = options.depthBuffer !== undefined ? options.depthBuffer : true this.stencilBuffer = options.stencilBuffer !== undefined ? options.stencilBuffer : true this.depthTexture = options.depthTexture !== undefined ? options.depthTexture : null } WebGLRenderTarget.prototype = Object.assign(Object.create(EventDispatcher.prototype), { constructor: WebGLRenderTarget, isWebGLRenderTarget: true, setSize: function (width, height) { if (this.width !== width || this.height !== height) { this.width = width this.height = height this.dispose() } this.viewport.set(0, 0, width, height) this.scissor.set(0, 0, width, height) }, clone: function () { return new this.constructor().copy(this) }, copy: function (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 }, dispose: function () { this.dispatchEvent({ type: 'dispose' }) } }) /** * @author alteredq / http://alteredqualia.com */ function WebGLRenderTargetCube (width, height, options) { WebGLRenderTarget.call(this, width, height, options) this.activeCubeFace = 0 // PX 0, NX 1, PY 2, NY 3, PZ 4, NZ 5 this.activeMipMapLevel = 0 } WebGLRenderTargetCube.prototype = Object.create(WebGLRenderTarget.prototype) WebGLRenderTargetCube.prototype.constructor = WebGLRenderTargetCube WebGLRenderTargetCube.prototype.isWebGLRenderTargetCube = true /** * @author alteredq / http://alteredqualia.com/ */ 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, width: width, height: height } this.magFilter = magFilter !== undefined ? magFilter : NearestFilter this.minFilter = minFilter !== undefined ? minFilter : NearestFilter this.generateMipmaps = false this.flipY = false this.unpackAlignment = 1 } DataTexture.prototype = Object.create(Texture.prototype) DataTexture.prototype.constructor = DataTexture DataTexture.prototype.isDataTexture = true /** * @author bhouston / http://clara.io * @author WestLangley / http://github.com/WestLangley */ function Box3 (min, max) { this.min = (min !== undefined) ? min : new Vector3(+Infinity, +Infinity, +Infinity) this.max = (max !== undefined) ? max : new Vector3(-Infinity, -Infinity, -Infinity) } Object.assign(Box3.prototype, { isBox3: true, set: function (min, max) { this.min.copy(min) this.max.copy(max) return this }, setFromArray: function (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 }, setFromBufferAttribute: function (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 }, setFromPoints: function (points) { this.makeEmpty() for (var i = 0, il = points.length; i < il; i++) { this.expandByPoint(points[i]) } return this }, setFromCenterAndSize: (function () { var v1 = new Vector3() return function setFromCenterAndSize (center, size) { var halfSize = v1.copy(size).multiplyScalar(0.5) this.min.copy(center).sub(halfSize) this.max.copy(center).add(halfSize) return this } }()), setFromObject: function (object) { this.makeEmpty() return this.expandByObject(object) }, clone: function () { return new this.constructor().copy(this) }, copy: function (box) { this.min.copy(box.min) this.max.copy(box.max) return this }, makeEmpty: function () { this.min.x = this.min.y = this.min.z = +Infinity this.max.x = this.max.y = this.max.z = -Infinity return this }, isEmpty: function () { // 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) }, getCenter: function (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) }, getSize: function (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) }, expandByPoint: function (point) { this.min.min(point) this.max.max(point) return this }, expandByVector: function (vector) { this.min.sub(vector) this.max.add(vector) return this }, expandByScalar: function (scalar) { this.min.addScalar(-scalar) this.max.addScalar(scalar) return this }, expandByObject: (function () { // Computes the world-axis-aligned bounding box of an object (including its children), // accounting for both the object's, and children's, world transforms var scope, i, l var v1 = new Vector3() function traverse (node) { var geometry = node.geometry if (geometry !== undefined) { if (geometry.isGeometry) { var vertices = geometry.vertices for (i = 0, l = vertices.length; i < l; i++) { v1.copy(vertices[i]) v1.applyMatrix4(node.matrixWorld) scope.expandByPoint(v1) } } else if (geometry.isBufferGeometry) { var attribute = geometry.attributes.position if (attribute !== undefined) { for (i = 0, l = attribute.count; i < l; i++) { v1.fromBufferAttribute(attribute, i).applyMatrix4(node.matrixWorld) scope.expandByPoint(v1) } } } } } return function expandByObject (object) { scope = this object.updateMatrixWorld(true) object.traverse(traverse) return this } }()), containsPoint: function (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) }, containsBox: function (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 }, getParameter: function (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) ) }, intersectsBox: function (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) }, intersectsSphere: (function () { var closestPoint = new Vector3() return function intersectsSphere (sphere) { // Find the point on the AABB closest to the sphere center. this.clampPoint(sphere.center, closestPoint) // If that point is inside the sphere, the AABB and sphere intersect. return closestPoint.distanceToSquared(sphere.center) <= (sphere.radius * sphere.radius) } })(), intersectsPlane: function (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) }, intersectsTriangle: (function () { // triangle centered vertices var v0 = new Vector3() var v1 = new Vector3() var v2 = new Vector3() // triangle edge vectors var f0 = new Vector3() var f1 = new Vector3() var f2 = new Vector3() var testAxis = new Vector3() var center = new Vector3() var extents = new Vector3() var triangleNormal = new Vector3() function satForAxes (axes) { var i, j for (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 } return 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)) { return false } // test 3 face normals from the aabb axes = [1, 0, 0, 0, 1, 0, 0, 0, 1] if (!satForAxes(axes)) { 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) } })(), clampPoint: function (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) }, distanceToPoint: (function () { var v1 = new Vector3() return function distanceToPoint (point) { var clampedPoint = v1.copy(point).clamp(this.min, this.max) return clampedPoint.sub(point).length() } }()), getBoundingSphere: (function () { var v1 = new Vector3() return function getBoundingSphere (target) { if (target === undefined) { console.warn('THREE.Box3: .getBoundingSphere() target is now required') target = new Sphere() } this.getCenter(target.center) target.radius = this.getSize(v1).length() * 0.5 return target } }()), intersect: function (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 }, union: function (box) { this.min.min(box.min) this.max.max(box.max) return this }, applyMatrix4: function (matrix) { // transform of empty box is an empty box. if (this.isEmpty()) return this var m = matrix.elements var xax = m[0] * this.min.x; var xay = m[1] * this.min.x; var xaz = m[2] * this.min.x var xbx = m[0] * this.max.x; var xby = m[1] * this.max.x; var xbz = m[2] * this.max.x var yax = m[4] * this.min.y; var yay = m[5] * this.min.y; var yaz = m[6] * this.min.y var ybx = m[4] * this.max.y; var yby = m[5] * this.max.y; var ybz = m[6] * this.max.y var zax = m[8] * this.min.z; var zay = m[9] * this.min.z; var zaz = m[10] * this.min.z var zbx = m[8] * this.max.z; var zby = m[9] * this.max.z; var zbz = m[10] * this.max.z this.min.x = Math.min(xax, xbx) + Math.min(yax, ybx) + Math.min(zax, zbx) + m[12] this.min.y = Math.min(xay, xby) + Math.min(yay, yby) + Math.min(zay, zby) + m[13] this.min.z = Math.min(xaz, xbz) + Math.min(yaz, ybz) + Math.min(zaz, zbz) + m[14] this.max.x = Math.max(xax, xbx) + Math.max(yax, ybx) + Math.max(zax, zbx) + m[12] this.max.y = Math.max(xay, xby) + Math.max(yay, yby) + Math.max(zay, zby) + m[13] this.max.z = Math.max(xaz, xbz) + Math.max(yaz, ybz) + Math.max(zaz, zbz) + m[14] return this }, translate: function (offset) { this.min.add(offset) this.max.add(offset) return this }, equals: function (box) { return box.min.equals(this.min) && box.max.equals(this.max) } }) /** * @author bhouston / http://clara.io * @author mrdoob / http://mrdoob.com/ */ function Sphere (center, radius) { this.center = (center !== undefined) ? center : new Vector3() this.radius = (radius !== undefined) ? radius : 0 } Object.assign(Sphere.prototype, { set: function (center, radius) { this.center.copy(center) this.radius = radius return this }, setFromPoints: (function () { var box = new Box3() return function setFromPoints (points, optionalCenter) { var center = this.center if (optionalCenter !== undefined) { center.copy(optionalCenter) } else { box.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 } }()), clone: function () { return new this.constructor().copy(this) }, copy: function (sphere) { this.center.copy(sphere.center) this.radius = sphere.radius return this }, empty: function () { return (this.radius <= 0) }, containsPoint: function (point) { return (point.distanceToSquared(this.center) <= (this.radius * this.radius)) }, distanceToPoint: function (point) { return (point.distanceTo(this.center) - this.radius) }, intersectsSphere: function (sphere) { var radiusSum = this.radius + sphere.radius return sphere.center.distanceToSquared(this.center) <= (radiusSum * radiusSum) }, intersectsBox: function (box) { return box.intersectsSphere(this) }, intersectsPlane: function (plane) { return Math.abs(plane.distanceToPoint(this.center)) <= this.radius }, clampPoint: function (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 }, getBoundingBox: function (target) { if (target === undefined) { console.warn('THREE.Sphere: .getBoundingBox() target is now required') target = new Box3() } target.set(this.center, this.center) target.expandByScalar(this.radius) return target }, applyMatrix4: function (matrix) { this.center.applyMatrix4(matrix) this.radius = this.radius * matrix.getMaxScaleOnAxis() return this }, translate: function (offset) { this.center.add(offset) return this }, equals: function (sphere) { return sphere.center.equals(this.center) && (sphere.radius === this.radius) } }) /** * @author bhouston / http://clara.io */ function Plane (normal, constant) { // normal is assumed to be normalized this.normal = (normal !== undefined) ? normal : new Vector3(1, 0, 0) this.constant = (constant !== undefined) ? constant : 0 } Object.assign(Plane.prototype, { set: function (normal, constant) { this.normal.copy(normal) this.constant = constant return this }, setComponents: function (x, y, z, w) { this.normal.set(x, y, z) this.constant = w return this }, setFromNormalAndCoplanarPoint: function (normal, point) { this.normal.copy(normal) this.constant = -point.dot(this.normal) return this }, setFromCoplanarPoints: (function () { var v1 = new Vector3() var v2 = new Vector3() return function setFromCoplanarPoints (a, b, c) { var normal = v1.subVectors(c, b).cross(v2.subVectors(a, b)).normalize() // Q: should an error be thrown if normal is zero (e.g. degenerate plane)? this.setFromNormalAndCoplanarPoint(normal, a) return this } }()), clone: function () { return new this.constructor().copy(this) }, copy: function (plane) { this.normal.copy(plane.normal) this.constant = plane.constant return this }, normalize: function () { // 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 }, negate: function () { this.constant *= -1 this.normal.negate() return this }, distanceToPoint: function (point) { return this.normal.dot(point) + this.constant }, distanceToSphere: function (sphere) { return this.distanceToPoint(sphere.center) - sphere.radius }, projectPoint: function (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) }, intersectLine: (function () { var v1 = new Vector3() return function intersectLine (line, target) { if (target === undefined) { console.warn('THREE.Plane: .intersectLine() target is now required') target = new Vector3() } var direction = line.delta(v1) 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) } }()), intersectsLine: function (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) }, intersectsBox: function (box) { return box.intersectsPlane(this) }, intersectsSphere: function (sphere) { return sphere.intersectsPlane(this) }, coplanarPoint: function (target) { if (target === undefined) { console.warn('THREE.Plane: .coplanarPoint() target is now required') target = new Vector3() } return target.copy(this.normal).multiplyScalar(-this.constant) }, applyMatrix4: (function () { var v1 = new Vector3() var m1 = new Matrix3() return function applyMatrix4 (matrix, optionalNormalMatrix) { var normalMatrix = optionalNormalMatrix || m1.getNormalMatrix(matrix) var referencePoint = this.coplanarPoint(v1).applyMatrix4(matrix) var normal = this.normal.applyMatrix3(normalMatrix).normalize() this.constant = -referencePoint.dot(normal) return this } }()), translate: function (offset) { this.constant -= offset.dot(this.normal) return this }, equals: function (plane) { return plane.normal.equals(this.normal) && (plane.constant === this.constant) } }) /** * @author mrdoob / http://mrdoob.com/ * @author alteredq / http://alteredqualia.com/ * @author bhouston / http://clara.io */ 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() ] } Object.assign(Frustum.prototype, { set: function (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 }, clone: function () { return new this.constructor().copy(this) }, copy: function (frustum) { var planes = this.planes for (var i = 0; i < 6; i++) { planes[i].copy(frustum.planes[i]) } return this }, setFromMatrix: function (m) { var planes = this.planes var me = m.elements var me0 = me[0]; var me1 = me[1]; var me2 = me[2]; var me3 = me[3] var me4 = me[4]; var me5 = me[5]; var me6 = me[6]; var me7 = me[7] var me8 = me[8]; var me9 = me[9]; var me10 = me[10]; var me11 = me[11] var me12 = me[12]; var me13 = me[13]; var me14 = me[14]; var 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 }, intersectsObject: (function () { var sphere = new Sphere() return function intersectsObject (object) { var geometry = object.geometry if (geometry.boundingSphere === null) { geometry.computeBoundingSphere() } sphere.copy(geometry.boundingSphere) .applyMatrix4(object.matrixWorld) return this.intersectsSphere(sphere) } }()), intersectsSprite: (function () { var sphere = new Sphere() return function intersectsSprite (sprite) { sphere.center.set(0, 0, 0) sphere.radius = 0.7071067811865476 sphere.applyMatrix4(sprite.matrixWorld) return this.intersectsSphere(sphere) } }()), intersectsSphere: function (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 }, intersectsBox: (function () { var p1 = new Vector3() var p2 = new Vector3() return function intersectsBox (box) { var planes = this.planes for (var i = 0; i < 6; i++) { var plane = planes[i] p1.x = plane.normal.x > 0 ? box.min.x : box.max.x p2.x = plane.normal.x > 0 ? box.max.x : box.min.x p1.y = plane.normal.y > 0 ? box.min.y : box.max.y p2.y = plane.normal.y > 0 ? box.max.y : box.min.y p1.z = plane.normal.z > 0 ? box.min.z : box.max.z p2.z = plane.normal.z > 0 ? box.max.z : box.min.z var d1 = plane.distanceToPoint(p1) var d2 = plane.distanceToPoint(p2) // if both outside plane, no intersection if (d1 < 0 && d2 < 0) { return false } } return true } }()), containsPoint: function (point) { var planes = this.planes for (var i = 0; i < 6; i++) { if (planes[i].distanceToPoint(point) < 0) { return false } } return true } }) var alphamap_fragment = '#ifdef USE_ALPHAMAP\n\tdiffuseColor.a *= texture2D( alphaMap, vUv ).g;\n#endif\n' var alphamap_pars_fragment = '#ifdef USE_ALPHAMAP\n\tuniform sampler2D alphaMap;\n#endif\n' var alphatest_fragment = '#ifdef ALPHATEST\n\tif ( diffuseColor.a < ALPHATEST ) discard;\n#endif\n' 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( PHYSICAL )\n\t\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\t\treflectedLight.indirectSpecular *= computeSpecularOcclusion( dotNV, ambientOcclusion, material.specularRoughness );\n\t#endif\n#endif\n' var aomap_pars_fragment = '#ifdef USE_AOMAP\n\tuniform sampler2D aoMap;\n\tuniform float aoMapIntensity;\n#endif' var begin_vertex = '\nvec3 transformed = vec3( position );\n' var beginnormal_vertex = '\nvec3 objectNormal = vec3( normal );\n' var bsdfs = 'float punctualLightIntensityToIrradianceFactor( const in float lightDistance, const in float cutoffDistance, const in float decayExponent ) {\n\tif( decayExponent > 0.0 ) {\n#if defined ( PHYSICALLY_CORRECT_LIGHTS )\n\t\tfloat distanceFalloff = 1.0 / max( pow( lightDistance, decayExponent ), 0.01 );\n\t\tfloat maxDistanceCutoffFactor = pow2( saturate( 1.0 - pow4( lightDistance / cutoffDistance ) ) );\n\t\treturn distanceFalloff * maxDistanceCutoffFactor;\n#else\n\t\treturn pow( saturate( -lightDistance / cutoffDistance + 1.0 ), decayExponent );\n#endif\n\t}\n\treturn 1.0;\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}\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 GeometricContext geometry, const in vec3 specularColor, const in float roughness ) {\n\tfloat alpha = pow2( roughness );\n\tvec3 halfDir = normalize( incidentLight.direction + geometry.viewDir );\n\tfloat dotNL = saturate( dot( geometry.normal, incidentLight.direction ) );\n\tfloat dotNV = saturate( dot( geometry.normal, 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_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 GeometricContext geometry, const in vec3 specularColor, const in float roughness ) {\n\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\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\tvec2 AB = vec2( -1.04, 1.04 ) * a004 + r.zw;\n\treturn specularColor * AB.x + AB.y;\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' 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\n' var clipping_planes_fragment = '#if NUM_CLIPPING_PLANES > 0\n\tvec4 plane;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < UNION_CLIPPING_PLANES; i ++ ) {\n\t\tplane = clippingPlanes[ i ];\n\t\tif ( dot( vViewPosition, plane.xyz ) > plane.w ) discard;\n\t}\n\t#if UNION_CLIPPING_PLANES < NUM_CLIPPING_PLANES\n\t\tbool clipped = true;\n\t\t#pragma unroll_loop\n\t\tfor ( int i = UNION_CLIPPING_PLANES; i < NUM_CLIPPING_PLANES; i ++ ) {\n\t\t\tplane = clippingPlanes[ i ];\n\t\t\tclipped = ( dot( vViewPosition, plane.xyz ) > plane.w ) && clipped;\n\t\t}\n\t\tif ( clipped ) discard;\n\t#endif\n#endif\n' var clipping_planes_pars_fragment = '#if NUM_CLIPPING_PLANES > 0\n\t#if ! defined( PHYSICAL ) && ! defined( PHONG )\n\t\tvarying vec3 vViewPosition;\n\t#endif\n\tuniform vec4 clippingPlanes[ NUM_CLIPPING_PLANES ];\n#endif\n' var clipping_planes_pars_vertex = '#if NUM_CLIPPING_PLANES > 0 && ! defined( PHYSICAL ) && ! defined( PHONG )\n\tvarying vec3 vViewPosition;\n#endif\n' var clipping_planes_vertex = '#if NUM_CLIPPING_PLANES > 0 && ! defined( PHYSICAL ) && ! defined( PHONG )\n\tvViewPosition = - mvPosition.xyz;\n#endif\n' 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\n' var color_pars_vertex = '#ifdef USE_COLOR\n\tvarying vec3 vColor;\n#endif' var color_vertex = '#ifdef USE_COLOR\n\tvColor.xyz = color.xyz;\n#endif' var common = '#define PI 3.14159265359\n#define PI2 6.28318530718\n#define PI_HALF 1.5707963267949\n#define RECIPROCAL_PI 0.31830988618\n#define RECIPROCAL_PI2 0.15915494\n#define LOG2 1.442695\n#define EPSILON 1e-6\n#define saturate(a) clamp( a, 0.0, 1.0 )\n#define whiteCompliment(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}\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};\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}\n' var cube_uv_reflection_fragment = '#ifdef ENVMAP_TYPE_CUBE_UV\n#define cubeUV_textureSize (1024.0)\nint getFaceFromDirection(vec3 direction) {\n\tvec3 absDirection = abs(direction);\n\tint face = -1;\n\tif( absDirection.x > absDirection.z ) {\n\t\tif(absDirection.x > absDirection.y )\n\t\t\tface = direction.x > 0.0 ? 0 : 3;\n\t\telse\n\t\t\tface = direction.y > 0.0 ? 1 : 4;\n\t}\n\telse {\n\t\tif(absDirection.z > absDirection.y )\n\t\t\tface = direction.z > 0.0 ? 2 : 5;\n\t\telse\n\t\t\tface = direction.y > 0.0 ? 1 : 4;\n\t}\n\treturn face;\n}\n#define cubeUV_maxLods1 (log2(cubeUV_textureSize*0.25) - 1.0)\n#define cubeUV_rangeClamp (exp2((6.0 - 1.0) * 2.0))\nvec2 MipLevelInfo( vec3 vec, float roughnessLevel, float roughness ) {\n\tfloat scale = exp2(cubeUV_maxLods1 - roughnessLevel);\n\tfloat dxRoughness = dFdx(roughness);\n\tfloat dyRoughness = dFdy(roughness);\n\tvec3 dx = dFdx( vec * scale * dxRoughness );\n\tvec3 dy = dFdy( vec * scale * dyRoughness );\n\tfloat d = max( dot( dx, dx ), dot( dy, dy ) );\n\td = clamp(d, 1.0, cubeUV_rangeClamp);\n\tfloat mipLevel = 0.5 * log2(d);\n\treturn vec2(floor(mipLevel), fract(mipLevel));\n}\n#define cubeUV_maxLods2 (log2(cubeUV_textureSize*0.25) - 2.0)\n#define cubeUV_rcpTextureSize (1.0 / cubeUV_textureSize)\nvec2 getCubeUV(vec3 direction, float roughnessLevel, float mipLevel) {\n\tmipLevel = roughnessLevel > cubeUV_maxLods2 - 3.0 ? 0.0 : mipLevel;\n\tfloat a = 16.0 * cubeUV_rcpTextureSize;\n\tvec2 exp2_packed = exp2( vec2( roughnessLevel, mipLevel ) );\n\tvec2 rcp_exp2_packed = vec2( 1.0 ) / exp2_packed;\n\tfloat powScale = exp2_packed.x * exp2_packed.y;\n\tfloat scale = rcp_exp2_packed.x * rcp_exp2_packed.y * 0.25;\n\tfloat mipOffset = 0.75*(1.0 - rcp_exp2_packed.y) * rcp_exp2_packed.x;\n\tbool bRes = mipLevel == 0.0;\n\tscale = bRes && (scale < a) ? a : scale;\n\tvec3 r;\n\tvec2 offset;\n\tint face = getFaceFromDirection(direction);\n\tfloat rcpPowScale = 1.0 / powScale;\n\tif( face == 0) {\n\t\tr = vec3(direction.x, -direction.z, direction.y);\n\t\toffset = vec2(0.0+mipOffset,0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 1) {\n\t\tr = vec3(direction.y, direction.x, direction.z);\n\t\toffset = vec2(scale+mipOffset, 0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 2) {\n\t\tr = vec3(direction.z, direction.x, direction.y);\n\t\toffset = vec2(2.0*scale+mipOffset, 0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 3) {\n\t\tr = vec3(direction.x, direction.z, direction.y);\n\t\toffset = vec2(0.0+mipOffset,0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\telse if( face == 4) {\n\t\tr = vec3(direction.y, direction.x, -direction.z);\n\t\toffset = vec2(scale+mipOffset, 0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\telse {\n\t\tr = vec3(direction.z, -direction.x, direction.y);\n\t\toffset = vec2(2.0*scale+mipOffset, 0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\tr = normalize(r);\n\tfloat texelOffset = 0.5 * cubeUV_rcpTextureSize;\n\tvec2 s = ( r.yz / abs( r.x ) + vec2( 1.0 ) ) * 0.5;\n\tvec2 base = offset + vec2( texelOffset );\n\treturn base + s * ( scale - 2.0 * texelOffset );\n}\n#define cubeUV_maxLods3 (log2(cubeUV_textureSize*0.25) - 3.0)\nvec4 textureCubeUV(vec3 reflectedDirection, float roughness ) {\n\tfloat roughnessVal = roughness* cubeUV_maxLods3;\n\tfloat r1 = floor(roughnessVal);\n\tfloat r2 = r1 + 1.0;\n\tfloat t = fract(roughnessVal);\n\tvec2 mipInfo = MipLevelInfo(reflectedDirection, r1, roughness);\n\tfloat s = mipInfo.y;\n\tfloat level0 = mipInfo.x;\n\tfloat level1 = level0 + 1.0;\n\tlevel1 = level1 > 5.0 ? 5.0 : level1;\n\tlevel0 += min( floor( s + 0.5 ), 5.0 );\n\tvec2 uv_10 = getCubeUV(reflectedDirection, r1, level0);\n\tvec4 color10 = envMapTexelToLinear(texture2D(envMap, uv_10));\n\tvec2 uv_20 = getCubeUV(reflectedDirection, r2, level0);\n\tvec4 color20 = envMapTexelToLinear(texture2D(envMap, uv_20));\n\tvec4 result = mix(color10, color20, t);\n\treturn vec4(result.rgb, 1.0);\n}\n#endif\n' var defaultnormal_vertex = 'vec3 transformedNormal = normalMatrix * objectNormal;\n#ifdef FLIP_SIDED\n\ttransformedNormal = - transformedNormal;\n#endif\n' var displacementmap_pars_vertex = '#ifdef USE_DISPLACEMENTMAP\n\tuniform sampler2D displacementMap;\n\tuniform float displacementScale;\n\tuniform float displacementBias;\n#endif\n' var displacementmap_vertex = '#ifdef USE_DISPLACEMENTMAP\n\ttransformed += normalize( objectNormal ) * ( texture2D( displacementMap, uv ).x * displacementScale + displacementBias );\n#endif\n' var emissivemap_fragment = '#ifdef USE_EMISSIVEMAP\n\tvec4 emissiveColor = texture2D( emissiveMap, vUv );\n\temissiveColor.rgb = emissiveMapTexelToLinear( emissiveColor ).rgb;\n\ttotalEmissiveRadiance *= emissiveColor.rgb;\n#endif\n' var emissivemap_pars_fragment = '#ifdef USE_EMISSIVEMAP\n\tuniform sampler2D emissiveMap;\n#endif\n' var encodings_fragment = ' gl_FragColor = linearToOutputTexel( gl_FragColor );\n' 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.xyz, vec3( gammaFactor ) ), value.w );\n}\nvec4 LinearToGamma( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.xyz, vec3( 1.0 / gammaFactor ) ), value.w );\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.w );\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.w );\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.xyz * value.w * maxRange, 1.0 );\n}\nvec4 LinearToRGBM( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.x, 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.x, max( value.g, value.b ) );\n\tfloat D = max( maxRange / maxRGB, 1.0 );\n\tD = min( floor( D ) / 255.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 = value.rgb * cLogLuvM;\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 = Xp_Y_XYZp.rgb * cLogLuvInverseM;\n\treturn vec4( max(vRGB, 0.0), 1.0 );\n}\n' var envmap_fragment = '#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvec3 cameraToVertex = normalize( vWorldPosition - cameraPosition );\n\t\tvec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( cameraToVertex, worldNormal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( cameraToVertex, 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_EQUIREC )\n\t\tvec2 sampleUV;\n\t\treflectVec = normalize( reflectVec );\n\t\tsampleUV.y = asin( clamp( reflectVec.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\t\tsampleUV.x = atan( reflectVec.z, reflectVec.x ) * RECIPROCAL_PI2 + 0.5;\n\t\tvec4 envColor = texture2D( envMap, sampleUV );\n\t#elif defined( ENVMAP_TYPE_SPHERE )\n\t\treflectVec = normalize( reflectVec );\n\t\tvec3 reflectView = normalize( ( viewMatrix * vec4( reflectVec, 0.0 ) ).xyz + vec3( 0.0, 0.0, 1.0 ) );\n\t\tvec4 envColor = texture2D( envMap, reflectView.xy * 0.5 + 0.5 );\n\t#else\n\t\tvec4 envColor = vec4( 0.0 );\n\t#endif\n\tenvColor = envMapTexelToLinear( envColor );\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\n' var envmap_pars_fragment = '#if defined( USE_ENVMAP ) || defined( PHYSICAL )\n\tuniform float reflectivity;\n\tuniform float envMapIntensity;\n#endif\n#ifdef USE_ENVMAP\n\t#if ! defined( PHYSICAL ) && ( defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG ) )\n\t\tvarying vec3 vWorldPosition;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tuniform samplerCube envMap;\n\t#else\n\t\tuniform sampler2D envMap;\n\t#endif\n\tuniform float flipEnvMap;\n\tuniform int maxMipLevel;\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG ) || defined( PHYSICAL )\n\t\tuniform float refractionRatio;\n\t#else\n\t\tvarying vec3 vReflect;\n\t#endif\n#endif\n' var envmap_pars_vertex = '#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvarying vec3 vWorldPosition;\n\t#else\n\t\tvarying vec3 vReflect;\n\t\tuniform float refractionRatio;\n\t#endif\n#endif\n' var envmap_vertex = '#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvWorldPosition = worldPosition.xyz;\n\t#else\n\t\tvec3 cameraToVertex = normalize( worldPosition.xyz - cameraPosition );\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\n' var fog_vertex = '\n#ifdef USE_FOG\nfogDepth = -mvPosition.z;\n#endif' var fog_pars_vertex = '#ifdef USE_FOG\n varying float fogDepth;\n#endif\n' var fog_fragment = '#ifdef USE_FOG\n\t#ifdef FOG_EXP2\n\t\tfloat fogFactor = whiteCompliment( exp2( - fogDensity * fogDensity * fogDepth * fogDepth * LOG2 ) );\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\n' 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\n' var gradientmap_pars_fragment = '#ifdef TOON\n\tuniform sampler2D gradientMap;\n\tvec3 getGradientIrradiance( vec3 normal, vec3 lightDirection ) {\n\t\tfloat dotNL = dot( normal, lightDirection );\n\t\tvec2 coord = vec2( dotNL * 0.5 + 0.5, 0.0 );\n\t\t#ifdef USE_GRADIENTMAP\n\t\t\treturn texture2D( gradientMap, coord ).rgb;\n\t\t#else\n\t\t\treturn ( coord.x < 0.7 ) ? vec3( 0.7 ) : vec3( 1.0 );\n\t\t#endif\n\t}\n#endif\n' var lightmap_fragment = '#ifdef USE_LIGHTMAP\n\treflectedLight.indirectDiffuse += PI * texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\n#endif\n' 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 = normalize( -mvPosition.xyz );\nGeometricContext backGeometry;\nbackGeometry.position = geometry.position;\nbackGeometry.normal = -geometry.normal;\nbackGeometry.viewDir = geometry.viewDir;\nvLightFront = vec3( 0.0 );\n#ifdef DOUBLE_SIDED\n\tvLightBack = vec3( 0.0 );\n#endif\nIncidentLight directLight;\nfloat dotNL;\nvec3 directLightColor_Diffuse;\n#if NUM_POINT_LIGHTS > 0\n\t#pragma unroll_loop\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#endif\n#if NUM_SPOT_LIGHTS > 0\n\t#pragma unroll_loop\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#endif\n#if NUM_DIR_LIGHTS > 0\n\t#pragma unroll_loop\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#endif\n#if NUM_HEMI_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\tvLightFront += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += getHemisphereLightIrradiance( hemisphereLights[ i ], backGeometry );\n\t\t#endif\n\t}\n#endif\n' var lights_pars_begin = 'uniform vec3 ambientLightColor;\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\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\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\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\n\t\tfloat shadowCameraNear;\n\t\tfloat shadowCameraFar;\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\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\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\n' var lights_pars_maps = '#if defined( USE_ENVMAP ) && defined( PHYSICAL )\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\tvec3 queryVec = vec3( flipEnvMap * worldNormal.x, worldNormal.yz );\n\t\t\tvec4 envMapColor = textureCubeUV( queryVec, 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 blinnShininessExponent, const in int maxMIPLevel ) {\n\t\tfloat maxMIPLevelScalar = float( maxMIPLevel );\n\t\tfloat desiredMIPLevel = maxMIPLevelScalar + 0.79248 - 0.5 * log2( pow2( blinnShininessExponent ) + 1.0 );\n\t\treturn clamp( desiredMIPLevel, 0.0, maxMIPLevelScalar );\n\t}\n\tvec3 getLightProbeIndirectRadiance( const in GeometricContext geometry, const in float blinnShininessExponent, const in int maxMIPLevel ) {\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( -geometry.viewDir, geometry.normal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( -geometry.viewDir, geometry.normal, refractionRatio );\n\t\t#endif\n\t\treflectVec = inverseTransformDirection( reflectVec, viewMatrix );\n\t\tfloat specularMIPLevel = getSpecularMIPLevel( blinnShininessExponent, 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\tvec3 queryReflectVec = vec3( flipEnvMap * reflectVec.x, reflectVec.yz );\n\t\t\tvec4 envMapColor = textureCubeUV(queryReflectVec, BlinnExponentToGGXRoughness(blinnShininessExponent));\n\t\t#elif defined( ENVMAP_TYPE_EQUIREC )\n\t\t\tvec2 sampleUV;\n\t\t\tsampleUV.y = asin( clamp( reflectVec.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\t\t\tsampleUV.x = atan( reflectVec.z, reflectVec.x ) * RECIPROCAL_PI2 + 0.5;\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = texture2DLodEXT( envMap, sampleUV, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = texture2D( envMap, sampleUV, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_SPHERE )\n\t\t\tvec3 reflectView = normalize( ( viewMatrix * vec4( reflectVec, 0.0 ) ).xyz + vec3( 0.0,0.0,1.0 ) );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = texture2DLodEXT( envMap, reflectView.xy * 0.5 + 0.5, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = texture2D( envMap, reflectView.xy * 0.5 + 0.5, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#endif\n\t\treturn envMapColor.rgb * envMapIntensity;\n\t}\n#endif\n' var lights_phong_fragment = 'BlinnPhongMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb;\nmaterial.specularColor = specular;\nmaterial.specularShininess = shininess;\nmaterial.specularStrength = specularStrength;\n' var lights_phong_pars_fragment = 'varying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\nstruct BlinnPhongMaterial {\n\tvec3\tdiffuseColor;\n\tvec3\tspecularColor;\n\tfloat\tspecularShininess;\n\tfloat\tspecularStrength;\n};\nvoid RE_Direct_BlinnPhong( const in IncidentLight directLight, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\t#ifdef TOON\n\t\tvec3 irradiance = getGradientIrradiance( geometry.normal, directLight.direction ) * directLight.color;\n\t#else\n\t\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\t\tvec3 irradiance = dotNL * directLight.color;\n\t#endif\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)\n' var lights_physical_fragment = 'PhysicalMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb * ( 1.0 - metalnessFactor );\nmaterial.specularRoughness = clamp( roughnessFactor, 0.04, 1.0 );\n#ifdef STANDARD\n\tmaterial.specularColor = mix( vec3( DEFAULT_SPECULAR_COEFFICIENT ), diffuseColor.rgb, metalnessFactor );\n#else\n\tmaterial.specularColor = mix( vec3( MAXIMUM_SPECULAR_COEFFICIENT * pow2( reflectivity ) ), diffuseColor.rgb, metalnessFactor );\n\tmaterial.clearCoat = saturate( clearCoat );\tmaterial.clearCoatRoughness = clamp( clearCoatRoughness, 0.04, 1.0 );\n#endif\n' var lights_physical_pars_fragment = 'struct PhysicalMaterial {\n\tvec3\tdiffuseColor;\n\tfloat\tspecularRoughness;\n\tvec3\tspecularColor;\n\t#ifndef STANDARD\n\t\tfloat clearCoat;\n\t\tfloat clearCoatRoughness;\n\t#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#ifndef STANDARD\n\t\tfloat clearCoatDHR = material.clearCoat * clearCoatDHRApprox( material.clearCoatRoughness, dotNL );\n\t#else\n\t\tfloat clearCoatDHR = 0.0;\n\t#endif\n\treflectedLight.directSpecular += ( 1.0 - clearCoatDHR ) * irradiance * BRDF_Specular_GGX( directLight, geometry, material.specularColor, material.specularRoughness );\n\treflectedLight.directDiffuse += ( 1.0 - clearCoatDHR ) * irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n\t#ifndef STANDARD\n\t\treflectedLight.directSpecular += irradiance * material.clearCoat * BRDF_Specular_GGX( directLight, geometry, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearCoatRoughness );\n\t#endif\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 clearCoatRadiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t#ifndef STANDARD\n\t\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\t\tfloat dotNL = dotNV;\n\t\tfloat clearCoatDHR = material.clearCoat * clearCoatDHRApprox( material.clearCoatRoughness, dotNL );\n\t#else\n\t\tfloat clearCoatDHR = 0.0;\n\t#endif\n\treflectedLight.indirectSpecular += ( 1.0 - clearCoatDHR ) * radiance * BRDF_Specular_GGX_Environment( geometry, material.specularColor, material.specularRoughness );\n\t#ifndef STANDARD\n\t\treflectedLight.indirectSpecular += clearCoatRadiance * material.clearCoat * BRDF_Specular_GGX_Environment( geometry, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearCoatRoughness );\n\t#endif\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\n#define Material_BlinnShininessExponent( material ) GGXRoughnessToBlinnExponent( material.specularRoughness )\n#define Material_ClearCoat_BlinnShininessExponent( material ) GGXRoughnessToBlinnExponent( material.clearCoatRoughness )\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}\n' var lights_fragment_begin = '\nGeometricContext geometry;\ngeometry.position = - vViewPosition;\ngeometry.normal = normal;\ngeometry.viewDir = normalize( vViewPosition );\nIncidentLight directLight;\n#if ( NUM_POINT_LIGHTS > 0 ) && defined( RE_Direct )\n\tPointLight pointLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tpointLight = pointLights[ i ];\n\t\tgetPointDirectLightIrradiance( pointLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( pointLight.shadow, directLight.visible ) ) ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_SPOT_LIGHTS > 0 ) && defined( RE_Direct )\n\tSpotLight spotLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tspotLight = spotLights[ i ];\n\t\tgetSpotDirectLightIrradiance( spotLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( spotLight.shadow, directLight.visible ) ) ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_DIR_LIGHTS > 0 ) && defined( RE_Direct )\n\tDirectionalLight directionalLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tdirectionalLight = directionalLights[ i ];\n\t\tgetDirectionalDirectLightIrradiance( directionalLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( directionalLight.shadow, directLight.visible ) ) ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_RECT_AREA_LIGHTS > 0 ) && defined( RE_Direct_RectArea )\n\tRectAreaLight rectAreaLight;\n\t#pragma unroll_loop\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#endif\n#if defined( RE_IndirectDiffuse )\n\tvec3 irradiance = getAmbientLightIrradiance( ambientLightColor );\n\t#if ( NUM_HEMI_LIGHTS > 0 )\n\t\t#pragma unroll_loop\n\t\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\t\tirradiance += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t}\n\t#endif\n#endif\n#if defined( RE_IndirectSpecular )\n\tvec3 radiance = vec3( 0.0 );\n\tvec3 clearCoatRadiance = vec3( 0.0 );\n#endif\n' var lights_fragment_maps = '#if defined( RE_IndirectDiffuse )\n\t#ifdef USE_LIGHTMAP\n\t\tvec3 lightMapIrradiance = texture2D( lightMap, vUv2 ).xyz * 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( PHYSICAL ) && defined( ENVMAP_TYPE_CUBE_UV )\n\t\tirradiance += getLightProbeIndirectIrradiance( geometry, maxMipLevel );\n\t#endif\n#endif\n#if defined( USE_ENVMAP ) && defined( RE_IndirectSpecular )\n\tradiance += getLightProbeIndirectRadiance( geometry, Material_BlinnShininessExponent( material ), maxMipLevel );\n\t#ifndef STANDARD\n\t\tclearCoatRadiance += getLightProbeIndirectRadiance( geometry, Material_ClearCoat_BlinnShininessExponent( material ), maxMipLevel );\n\t#endif\n#endif\n' 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, clearCoatRadiance, geometry, material, reflectedLight );\n#endif\n' var logdepthbuf_fragment = '#if defined( USE_LOGDEPTHBUF ) && defined( USE_LOGDEPTHBUF_EXT )\n\tgl_FragDepthEXT = log2( vFragDepth ) * logDepthBufFC * 0.5;\n#endif' var logdepthbuf_pars_fragment = '#ifdef USE_LOGDEPTHBUF\n\tuniform float logDepthBufFC;\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvarying float vFragDepth;\n\t#endif\n#endif\n' var logdepthbuf_pars_vertex = '#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvarying float vFragDepth;\n\t#endif\n\tuniform float logDepthBufFC;\n#endif' var logdepthbuf_vertex = '#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvFragDepth = 1.0 + gl_Position.w;\n\t#else\n\t\tgl_Position.z = log2( max( EPSILON, gl_Position.w + 1.0 ) ) * logDepthBufFC - 1.0;\n\t\tgl_Position.z *= gl_Position.w;\n\t#endif\n#endif\n' var map_fragment = '#ifdef USE_MAP\n\tvec4 texelColor = texture2D( map, vUv );\n\ttexelColor = mapTexelToLinear( texelColor );\n\tdiffuseColor *= texelColor;\n#endif\n' var map_pars_fragment = '#ifdef USE_MAP\n\tuniform sampler2D map;\n#endif\n' var map_particle_fragment = '#ifdef USE_MAP\n\tvec2 uv = ( uvTransform * vec3( gl_PointCoord.x, 1.0 - gl_PointCoord.y, 1 ) ).xy;\n\tvec4 mapTexel = texture2D( map, uv );\n\tdiffuseColor *= mapTexelToLinear( mapTexel );\n#endif\n' var map_particle_pars_fragment = '#ifdef USE_MAP\n\tuniform mat3 uvTransform;\n\tuniform sampler2D map;\n#endif\n' var metalnessmap_fragment = 'float metalnessFactor = metalness;\n#ifdef USE_METALNESSMAP\n\tvec4 texelMetalness = texture2D( metalnessMap, vUv );\n\tmetalnessFactor *= texelMetalness.b;\n#endif\n' var metalnessmap_pars_fragment = '#ifdef USE_METALNESSMAP\n\tuniform sampler2D metalnessMap;\n#endif' var morphnormal_vertex = '#ifdef USE_MORPHNORMALS\n\tobjectNormal += ( morphNormal0 - normal ) * morphTargetInfluences[ 0 ];\n\tobjectNormal += ( morphNormal1 - normal ) * morphTargetInfluences[ 1 ];\n\tobjectNormal += ( morphNormal2 - normal ) * morphTargetInfluences[ 2 ];\n\tobjectNormal += ( morphNormal3 - normal ) * morphTargetInfluences[ 3 ];\n#endif\n' var morphtarget_pars_vertex = '#ifdef USE_MORPHTARGETS\n\t#ifndef USE_MORPHNORMALS\n\tuniform float morphTargetInfluences[ 8 ];\n\t#else\n\tuniform float morphTargetInfluences[ 4 ];\n\t#endif\n#endif' var morphtarget_vertex = '#ifdef USE_MORPHTARGETS\n\ttransformed += ( morphTarget0 - position ) * morphTargetInfluences[ 0 ];\n\ttransformed += ( morphTarget1 - position ) * morphTargetInfluences[ 1 ];\n\ttransformed += ( morphTarget2 - position ) * morphTargetInfluences[ 2 ];\n\ttransformed += ( morphTarget3 - position ) * morphTargetInfluences[ 3 ];\n\t#ifndef USE_MORPHNORMALS\n\ttransformed += ( morphTarget4 - position ) * morphTargetInfluences[ 4 ];\n\ttransformed += ( morphTarget5 - position ) * morphTargetInfluences[ 5 ];\n\ttransformed += ( morphTarget6 - position ) * morphTargetInfluences[ 6 ];\n\ttransformed += ( morphTarget7 - position ) * morphTargetInfluences[ 7 ];\n\t#endif\n#endif\n' 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#endif\n' var normal_fragment_maps = '#ifdef USE_NORMALMAP\n\tnormal = perturbNormal2Arb( -vViewPosition, normal );\n#elif defined( USE_BUMPMAP )\n\tnormal = perturbNormalArb( -vViewPosition, normal, dHdxy_fwd() );\n#endif\n' var normalmap_pars_fragment = '#ifdef USE_NORMALMAP\n\tuniform sampler2D normalMap;\n\tuniform vec2 normalScale;\n\tvec3 perturbNormal2Arb( vec3 eye_pos, vec3 surf_norm ) {\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\tvec3 mapN = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\n\t\tmapN.xy *= normalScale;\n\t\tmapN.xy *= ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t\treturn normalize( tsn * mapN );\n\t}\n#endif\n' 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}\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}\n' var premultiplied_alpha_fragment = '#ifdef PREMULTIPLIED_ALPHA\n\tgl_FragColor.rgb *= gl_FragColor.a;\n#endif\n' var project_vertex = 'vec4 mvPosition = modelViewMatrix * vec4( transformed, 1.0 );\ngl_Position = projectionMatrix * mvPosition;\n' var dithering_fragment = '#if defined( DITHERING )\n gl_FragColor.rgb = dithering( gl_FragColor.rgb );\n#endif\n' var dithering_pars_fragment = '#if defined( 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\n' var roughnessmap_fragment = 'float roughnessFactor = roughness;\n#ifdef USE_ROUGHNESSMAP\n\tvec4 texelRoughness = texture2D( roughnessMap, vUv );\n\troughnessFactor *= texelRoughness.g;\n#endif\n' 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_LIGHTS > 0\n\t\tuniform sampler2D directionalShadowMap[ NUM_DIR_LIGHTS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHTS ];\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t\tuniform sampler2D spotShadowMap[ NUM_SPOT_LIGHTS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHTS ];\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t\tuniform sampler2D pointShadowMap[ NUM_POINT_LIGHTS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHTS ];\n\t#endif\n\tfloat texture2DCompare( sampler2D depths, vec2 uv, float compare ) {\n\t\treturn step( compare, unpackRGBAToDepth( texture2D( depths, uv ) ) );\n\t}\n\tfloat texture2DShadowLerp( sampler2D depths, vec2 size, vec2 uv, float compare ) {\n\t\tconst vec2 offset = vec2( 0.0, 1.0 );\n\t\tvec2 texelSize = vec2( 1.0 ) / size;\n\t\tvec2 centroidUV = floor( uv * size + 0.5 ) / size;\n\t\tfloat lb = texture2DCompare( depths, centroidUV + texelSize * offset.xx, compare );\n\t\tfloat lt = texture2DCompare( depths, centroidUV + texelSize * offset.xy, compare );\n\t\tfloat rb = texture2DCompare( depths, centroidUV + texelSize * offset.yx, compare );\n\t\tfloat rt = texture2DCompare( depths, centroidUV + texelSize * offset.yy, compare );\n\t\tvec2 f = fract( uv * size + 0.5 );\n\t\tfloat a = mix( lb, lt, f.y );\n\t\tfloat b = mix( rb, rt, f.y );\n\t\tfloat c = mix( a, b, f.x );\n\t\treturn c;\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\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( dx0, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy, 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( 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 / 9.0 );\n\t\t#elif defined( SHADOWMAP_TYPE_PCF_SOFT )\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\tshadow = (\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( 0.0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy, shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( 0.0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, dy1 ), shadowCoord.z )\n\t\t\t) * ( 1.0 / 9.0 );\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 )\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\n' var shadowmap_pars_vertex = '#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\t\tuniform mat4 directionalShadowMatrix[ NUM_DIR_LIGHTS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHTS ];\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t\tuniform mat4 spotShadowMatrix[ NUM_SPOT_LIGHTS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHTS ];\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t\tuniform mat4 pointShadowMatrix[ NUM_POINT_LIGHTS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHTS ];\n\t#endif\n#endif\n' var shadowmap_vertex = '#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tvDirectionalShadowCoord[ i ] = directionalShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tvSpotShadowCoord[ i ] = spotShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tvPointShadowCoord[ i ] = pointShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n#endif\n' var shadowmask_pars_fragment = 'float getShadowMask() {\n\tfloat shadow = 1.0;\n\t#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\tDirectionalLight directionalLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tdirectionalLight = directionalLights[ i ];\n\t\tshadow *= bool( directionalLight.shadow ) ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t}\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\tSpotLight spotLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tspotLight = spotLights[ i ];\n\t\tshadow *= bool( spotLight.shadow ) ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t}\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\tPointLight pointLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tpointLight = pointLights[ i ];\n\t\tshadow *= bool( pointLight.shadow ) ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\n\t}\n\t#endif\n\t#endif\n\treturn shadow;\n}\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 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\n' 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\n' 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#endif\n' 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 gl_FragColor.rgb = toneMapping( gl_FragColor.rgb );\n#endif\n' var tonemapping_pars_fragment = '#ifndef saturate\n\t#define saturate(a) clamp( a, 0.0, 1.0 )\n#endif\nuniform float toneMappingExposure;\nuniform float toneMappingWhitePoint;\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}\n#define Uncharted2Helper( x ) max( ( ( x * ( 0.15 * x + 0.10 * 0.50 ) + 0.20 * 0.02 ) / ( x * ( 0.15 * x + 0.50 ) + 0.20 * 0.30 ) ) - 0.02 / 0.30, vec3( 0.0 ) )\nvec3 Uncharted2ToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\treturn saturate( Uncharted2Helper( color ) / Uncharted2Helper( vec3( toneMappingWhitePoint ) ) );\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}\n' var uv_pars_fragment = '#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\n\tvarying vec2 vUv;\n#endif' var uv_pars_vertex = '#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\n\tvarying vec2 vUv;\n\tuniform mat3 uvTransform;\n#endif\n' var uv_vertex = '#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\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#endif' var uv2_vertex = '#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvUv2 = uv2;\n#endif' var worldpos_vertex = '#if defined( USE_ENVMAP ) || defined( DISTANCE ) || defined ( USE_SHADOWMAP )\n\tvec4 worldPosition = modelMatrix * vec4( transformed, 1.0 );\n#endif\n' var cube_frag = 'uniform samplerCube tCube;\nuniform float tFlip;\nuniform float opacity;\nvarying vec3 vWorldPosition;\nvoid main() {\n\tgl_FragColor = textureCube( tCube, vec3( tFlip * vWorldPosition.x, vWorldPosition.yz ) );\n\tgl_FragColor.a *= opacity;\n}\n' var cube_vert = 'varying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvWorldPosition = transformDirection( position, modelMatrix );\n\t#include \n\t#include \n\tgl_Position.z = gl_Position.w;\n}\n' var depth_frag = '#if DEPTH_PACKING == 3200\n\tuniform float opacity;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( 1.0 );\n\t#if DEPTH_PACKING == 3200\n\t\tdiffuseColor.a = opacity;\n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#if DEPTH_PACKING == 3200\n\t\tgl_FragColor = vec4( vec3( 1.0 - gl_FragCoord.z ), opacity );\n\t#elif DEPTH_PACKING == 3201\n\t\tgl_FragColor = packDepthToRGBA( gl_FragCoord.z );\n\t#endif\n}\n' var depth_vert = '#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include \n\t\t#include \n\t\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n' var distanceRGBA_frag = '#define DISTANCE\nuniform vec3 referencePosition;\nuniform float nearDistance;\nuniform float farDistance;\nvarying vec3 vWorldPosition;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main () {\n\t#include \n\tvec4 diffuseColor = vec4( 1.0 );\n\t#include \n\t#include \n\t#include \n\tfloat dist = length( vWorldPosition - referencePosition );\n\tdist = ( dist - nearDistance ) / ( farDistance - nearDistance );\n\tdist = saturate( dist );\n\tgl_FragColor = packDepthToRGBA( dist );\n}\n' var distanceRGBA_vert = '#define DISTANCE\nvarying vec3 vWorldPosition;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include \n\t\t#include \n\t\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvWorldPosition = worldPosition.xyz;\n}\n' var equirect_frag = 'uniform sampler2D tEquirect;\nvarying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvec3 direction = normalize( vWorldPosition );\n\tvec2 sampleUV;\n\tsampleUV.y = asin( clamp( direction.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\tsampleUV.x = atan( direction.z, direction.x ) * RECIPROCAL_PI2 + 0.5;\n\tgl_FragColor = texture2D( tEquirect, sampleUV );\n}\n' var equirect_vert = 'varying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvWorldPosition = transformDirection( position, modelMatrix );\n\t#include \n\t#include \n}\n' var linedashed_frag = 'uniform vec3 diffuse;\nuniform float opacity;\nuniform float dashSize;\nuniform float totalSize;\nvarying float vLineDistance;\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \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 \n\t#include \n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n' var linedashed_vert = 'uniform float scale;\nattribute float lineDistance;\nvarying float vLineDistance;\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvLineDistance = scale * lineDistance;\n\tvec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n\tgl_Position = projectionMatrix * mvPosition;\n\t#include \n\t#include \n\t#include \n}\n' var meshbasic_frag = 'uniform vec3 diffuse;\nuniform float opacity;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\t#ifdef USE_LIGHTMAP\n\t\treflectedLight.indirectDiffuse += texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\n\t#else\n\t\treflectedLight.indirectDiffuse += vec3( 1.0 );\n\t#endif\n\t#include \n\treflectedLight.indirectDiffuse *= diffuseColor.rgb;\n\tvec3 outgoingLight = reflectedLight.indirectDiffuse;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n' var meshbasic_vert = '#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#ifdef USE_ENVMAP\n\t#include \n\t#include \n\t#include \n\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n' var meshlambert_frag = 'uniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float opacity;\nvarying vec3 vLightFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \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 \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\treflectedLight.indirectDiffuse = getAmbientLightIrradiance( ambientLightColor );\n\t#include \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 \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + totalEmissiveRadiance;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n' var meshlambert_vert = '#define LAMBERT\nvarying vec3 vLightFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n' var meshphong_frag = '#define PHONG\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform vec3 specular;\nuniform float shininess;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \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 \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n' var meshphong_vert = '#define PHONG\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvViewPosition = - mvPosition.xyz;\n\t#include \n\t#include \n\t#include \n\t#include \n}\n' var meshphysical_frag = '#define PHYSICAL\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float roughness;\nuniform float metalness;\nuniform float opacity;\n#ifndef STANDARD\n\tuniform float clearCoat;\n\tuniform float clearCoatRoughness;\n#endif\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \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 \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n' var meshphysical_vert = '#define PHYSICAL\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvViewPosition = - mvPosition.xyz;\n\t#include \n\t#include \n\t#include \n}\n' var normal_frag = '#define NORMAL\nuniform float opacity;\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\tgl_FragColor = vec4( packNormalToRGB( normal ), opacity );\n}\n' var normal_vert = '#define NORMAL\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvViewPosition = - mvPosition.xyz;\n#endif\n}\n' var points_frag = 'uniform vec3 diffuse;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include \n\t#include \n\t#include \n\t#include \n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n' var points_vert = 'uniform float size;\nuniform float scale;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#ifdef USE_SIZEATTENUATION\n\t\tgl_PointSize = size * ( scale / - mvPosition.z );\n\t#else\n\t\tgl_PointSize = size;\n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n}\n' var shadow_frag = 'uniform vec3 color;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\tgl_FragColor = vec4( color, opacity * ( 1.0 - getShadowMask() ) );\n\t#include \n}\n' var shadow_vert = '#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\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_pars_fragment: envmap_pars_fragment, envmap_pars_vertex: envmap_pars_vertex, 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_pars_maps: lights_pars_maps, 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, 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, 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, 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, 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 } /** * Uniform Utilities */ var UniformsUtils = { merge: function (uniforms) { var merged = {} for (var u = 0; u < uniforms.length; u++) { var tmp = this.clone(uniforms[u]) for (var p in tmp) { merged[p] = tmp[p] } } return merged }, clone: function (uniforms_src) { var uniforms_dst = {} for (var u in uniforms_src) { uniforms_dst[u] = {} for (var p in uniforms_src[u]) { var parameter_src = uniforms_src[u][p] if (parameter_src && (parameter_src.isColor || parameter_src.isMatrix3 || parameter_src.isMatrix4 || parameter_src.isVector2 || parameter_src.isVector3 || parameter_src.isVector4 || parameter_src.isTexture)) { uniforms_dst[u][p] = parameter_src.clone() } else if (Array.isArray(parameter_src)) { uniforms_dst[u][p] = parameter_src.slice() } else { uniforms_dst[u][p] = parameter_src } } } return uniforms_dst } } /** * @author mrdoob / http://mrdoob.com/ */ 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 } function Color (r, g, b) { if (g === undefined && b === undefined) { // r is THREE.Color, hex or string return this.set(r) } return this.setRGB(r, g, b) } Object.assign(Color.prototype, { isColor: true, r: 1, g: 1, b: 1, set: function (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 }, setScalar: function (scalar) { this.r = scalar this.g = scalar this.b = scalar return this }, setHex: function (hex) { hex = Math.floor(hex) this.r = (hex >> 16 & 255) / 255 this.g = (hex >> 8 & 255) / 255 this.b = (hex & 255) / 255 return this }, setRGB: function (r, g, b) { this.r = r this.g = g this.b = b return this }, setHSL: (function () { 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 } return function setHSL (h, s, l) { // h,s,l ranges are in 0.0 - 1.0 h = _Math.euclideanModulo(h, 1) s = _Math.clamp(s, 0, 1) l = _Math.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 } }()), setStyle: function (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?)\(\s*([^\)]*)\)/.exec(style)) { // rgb / hsl var color var name = m[1] var components = m[2] switch (name) { case 'rgb': case 'rgba': if (color = /^(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*([0-9]*\.?[0-9]+)\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[5]) return this } if (color = /^(\d+)\%\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(,\s*([0-9]*\.?[0-9]+)\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[5]) return this } break case 'hsl': case 'hsla': if (color = /^([0-9]*\.?[0-9]+)\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(,\s*([0-9]*\.?[0-9]+)\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[5]) return this.setHSL(h, s, l) } break } } else if (m = /^\#([A-Fa-f0-9]+)$/.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) { // 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 }, clone: function () { return new this.constructor(this.r, this.g, this.b) }, copy: function (color) { this.r = color.r this.g = color.g this.b = color.b return this }, copyGammaToLinear: function (color, gammaFactor) { if (gammaFactor === undefined) 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 }, copyLinearToGamma: function (color, gammaFactor) { if (gammaFactor === undefined) 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 }, convertGammaToLinear: function (gammaFactor) { this.copyGammaToLinear(this, gammaFactor) return this }, convertLinearToGamma: function (gammaFactor) { this.copyLinearToGamma(this, gammaFactor) return this }, getHex: function () { return (this.r * 255) << 16 ^ (this.g * 255) << 8 ^ (this.b * 255) << 0 }, getHexString: function () { return ('000000' + this.getHex().toString(16)).slice(-6) }, getHSL: function (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; var g = this.g; var 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 }, getStyle: function () { return 'rgb(' + ((this.r * 255) | 0) + ',' + ((this.g * 255) | 0) + ',' + ((this.b * 255) | 0) + ')' }, offsetHSL: (function () { var hsl = {} return function (h, s, l) { this.getHSL(hsl) hsl.h += h; hsl.s += s; hsl.l += l this.setHSL(hsl.h, hsl.s, hsl.l) return this } }()), add: function (color) { this.r += color.r this.g += color.g this.b += color.b return this }, addColors: function (color1, color2) { this.r = color1.r + color2.r this.g = color1.g + color2.g this.b = color1.b + color2.b return this }, addScalar: function (s) { this.r += s this.g += s this.b += s return this }, sub: function (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 }, multiply: function (color) { this.r *= color.r this.g *= color.g this.b *= color.b return this }, multiplyScalar: function (s) { this.r *= s this.g *= s this.b *= s return this }, lerp: function (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 }, equals: function (c) { return (c.r === this.r) && (c.g === this.g) && (c.b === this.b) }, fromArray: function (array, offset) { if (offset === undefined) offset = 0 this.r = array[offset] this.g = array[offset + 1] this.b = array[offset + 2] return this }, toArray: function (array, offset) { if (array === undefined) array = [] if (offset === undefined) offset = 0 array[offset] = this.r array[offset + 1] = this.g array[offset + 2] = this.b return array }, toJSON: function () { return this.getHex() } }) /** * 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() }, 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: [] }, directionalLights: { value: [], properties: { direction: {}, color: {}, shadow: {}, shadowBias: {}, shadowRadius: {}, shadowMapSize: {} } }, directionalShadowMap: { value: [] }, directionalShadowMatrix: { value: [] }, spotLights: { value: [], properties: { color: {}, position: {}, direction: {}, distance: {}, coneCos: {}, penumbraCos: {}, decay: {}, shadow: {}, shadowBias: {}, shadowRadius: {}, shadowMapSize: {} } }, spotShadowMap: { value: [] }, spotShadowMatrix: { value: [] }, pointLights: { value: [], properties: { color: {}, position: {}, decay: {}, distance: {}, shadow: {}, shadowBias: {}, 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: {} } } }, points: { diffuse: { value: new Color(0xeeeeee) }, opacity: { value: 1.0 }, size: { value: 1.0 }, scale: { value: 1.0 }, map: { value: null }, uvTransform: { value: new Matrix3() } } } /** * @author alteredq / http://alteredqualia.com/ * @author mrdoob / http://mrdoob.com/ * @author mikael emtinger / http://gomo.se/ */ var ShaderLib = { basic: { uniforms: UniformsUtils.merge([ UniformsLib.common, UniformsLib.specularmap, UniformsLib.envmap, UniformsLib.aomap, UniformsLib.lightmap, UniformsLib.fog ]), vertexShader: ShaderChunk.meshbasic_vert, fragmentShader: ShaderChunk.meshbasic_frag }, lambert: { uniforms: UniformsUtils.merge([ 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: UniformsUtils.merge([ UniformsLib.common, UniformsLib.specularmap, UniformsLib.envmap, UniformsLib.aomap, UniformsLib.lightmap, UniformsLib.emissivemap, UniformsLib.bumpmap, UniformsLib.normalmap, UniformsLib.displacementmap, UniformsLib.gradientmap, 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: UniformsUtils.merge([ 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: 0.5 }, metalness: { value: 0.5 }, envMapIntensity: { value: 1 } // temporary } ]), vertexShader: ShaderChunk.meshphysical_vert, fragmentShader: ShaderChunk.meshphysical_frag }, points: { uniforms: UniformsUtils.merge([ UniformsLib.points, UniformsLib.fog ]), vertexShader: ShaderChunk.points_vert, fragmentShader: ShaderChunk.points_frag }, dashed: { uniforms: UniformsUtils.merge([ UniformsLib.common, UniformsLib.fog, { scale: { value: 1 }, dashSize: { value: 1 }, totalSize: { value: 2 } } ]), vertexShader: ShaderChunk.linedashed_vert, fragmentShader: ShaderChunk.linedashed_frag }, depth: { uniforms: UniformsUtils.merge([ UniformsLib.common, UniformsLib.displacementmap ]), vertexShader: ShaderChunk.depth_vert, fragmentShader: ShaderChunk.depth_frag }, normal: { uniforms: UniformsUtils.merge([ UniformsLib.common, UniformsLib.bumpmap, UniformsLib.normalmap, UniformsLib.displacementmap, { opacity: { value: 1.0 } } ]), vertexShader: ShaderChunk.normal_vert, fragmentShader: ShaderChunk.normal_frag }, /* ------------------------------------------------------------------------- // Cube map shader ------------------------------------------------------------------------- */ cube: { uniforms: { tCube: { value: null }, tFlip: { value: -1 }, 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: UniformsUtils.merge([ UniformsLib.common, UniformsLib.displacementmap, { referencePosition: { value: new Vector3() }, nearDistance: { value: 1 }, farDistance: { value: 1000 } } ]), vertexShader: ShaderChunk.distanceRGBA_vert, fragmentShader: ShaderChunk.distanceRGBA_frag }, shadow: { uniforms: UniformsUtils.merge([ UniformsLib.lights, UniformsLib.fog, { color: { value: new Color(0x00000) }, opacity: { value: 1.0 } } ]), vertexShader: ShaderChunk.shadow_vert, fragmentShader: ShaderChunk.shadow_frag } } ShaderLib.physical = { uniforms: UniformsUtils.merge([ ShaderLib.standard.uniforms, { clearCoat: { value: 0 }, clearCoatRoughness: { value: 0 } } ]), vertexShader: ShaderChunk.meshphysical_vert, fragmentShader: ShaderChunk.meshphysical_frag } /** * @author mrdoob / http://mrdoob.com/ */ function WebGLAnimation () { var context = null var isAnimating = false var animationLoop = null function onAnimationFrame (time, frame) { if (isAnimating === false) return animationLoop(time, frame) context.requestAnimationFrame(onAnimationFrame) } return { start: function () { if (isAnimating === true) return if (animationLoop === null) return context.requestAnimationFrame(onAnimationFrame) isAnimating = true }, stop: function () { isAnimating = false }, setAnimationLoop: function (callback) { animationLoop = callback }, setContext: function (value) { context = value } } } /** * @author mrdoob / http://mrdoob.com/ */ function WebGLAttributes (gl) { var buffers = new WeakMap() function createBuffer (attribute, bufferType) { var array = attribute.array var usage = attribute.dynamic ? gl.DYNAMIC_DRAW : gl.STATIC_DRAW var buffer = gl.createBuffer() gl.bindBuffer(bufferType, buffer) gl.bufferData(bufferType, array, usage) attribute.onUploadCallback() var type = gl.FLOAT if (array instanceof Float32Array) { type = gl.FLOAT } else if (array instanceof Float64Array) { console.warn('THREE.WebGLAttributes: Unsupported data buffer format: Float64Array.') } else if (array instanceof Uint16Array) { type = gl.UNSIGNED_SHORT } else if (array instanceof Int16Array) { type = gl.SHORT } else if (array instanceof Uint32Array) { type = gl.UNSIGNED_INT } else if (array instanceof Int32Array) { type = gl.INT } else if (array instanceof Int8Array) { type = gl.BYTE } else if (array instanceof Uint8Array) { type = gl.UNSIGNED_BYTE } 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 (attribute.dynamic === false) { gl.bufferData(bufferType, array, gl.STATIC_DRAW) } else if (updateRange.count === -1) { // Not using update ranges gl.bufferSubData(bufferType, 0, array) } else if (updateRange.count === 0) { console.error('THREE.WebGLObjects.updateBuffer: dynamic THREE.BufferAttribute marked as needsUpdate but updateRange.count is 0, ensure you are using set methods or updating manually.') } 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.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 } } /** * @author mrdoob / http://mrdoob.com/ * @author WestLangley / http://github.com/WestLangley * @author bhouston / http://clara.io */ function Euler (x, y, z, order) { this._x = x || 0 this._y = y || 0 this._z = z || 0 this._order = order || Euler.DefaultOrder } Euler.RotationOrders = ['XYZ', 'YZX', 'ZXY', 'XZY', 'YXZ', 'ZYX'] Euler.DefaultOrder = 'XYZ' Object.defineProperties(Euler.prototype, { x: { get: function () { return this._x }, set: function (value) { this._x = value this.onChangeCallback() } }, y: { get: function () { return this._y }, set: function (value) { this._y = value this.onChangeCallback() } }, z: { get: function () { return this._z }, set: function (value) { this._z = value this.onChangeCallback() } }, order: { get: function () { return this._order }, set: function (value) { this._order = value this.onChangeCallback() } } }) Object.assign(Euler.prototype, { isEuler: true, set: function (x, y, z, order) { this._x = x this._y = y this._z = z this._order = order || this._order this.onChangeCallback() return this }, clone: function () { return new this.constructor(this._x, this._y, this._z, this._order) }, copy: function (euler) { this._x = euler._x this._y = euler._y this._z = euler._z this._order = euler._order this.onChangeCallback() return this }, setFromRotationMatrix: function (m, order, update) { var clamp = _Math.clamp // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled) var te = m.elements var m11 = te[0]; var m12 = te[4]; var m13 = te[8] var m21 = te[1]; var m22 = te[5]; var m23 = te[9] var m31 = te[2]; var m32 = te[6]; var m33 = te[10] order = order || this._order if (order === 'XYZ') { this._y = Math.asin(clamp(m13, -1, 1)) if (Math.abs(m13) < 0.99999) { this._x = Math.atan2(-m23, m33) this._z = Math.atan2(-m12, m11) } else { this._x = Math.atan2(m32, m22) this._z = 0 } } else if (order === 'YXZ') { this._x = Math.asin(-clamp(m23, -1, 1)) if (Math.abs(m23) < 0.99999) { this._y = Math.atan2(m13, m33) this._z = Math.atan2(m21, m22) } else { this._y = Math.atan2(-m31, m11) this._z = 0 } } else if (order === 'ZXY') { this._x = Math.asin(clamp(m32, -1, 1)) if (Math.abs(m32) < 0.99999) { this._y = Math.atan2(-m31, m33) this._z = Math.atan2(-m12, m22) } else { this._y = 0 this._z = Math.atan2(m21, m11) } } else if (order === 'ZYX') { this._y = Math.asin(-clamp(m31, -1, 1)) if (Math.abs(m31) < 0.99999) { this._x = Math.atan2(m32, m33) this._z = Math.atan2(m21, m11) } else { this._x = 0 this._z = Math.atan2(-m12, m22) } } else if (order === 'YZX') { this._z = Math.asin(clamp(m21, -1, 1)) if (Math.abs(m21) < 0.99999) { this._x = Math.atan2(-m23, m22) this._y = Math.atan2(-m31, m11) } else { this._x = 0 this._y = Math.atan2(m13, m33) } } else if (order === 'XZY') { this._z = Math.asin(-clamp(m12, -1, 1)) if (Math.abs(m12) < 0.99999) { this._x = Math.atan2(m32, m22) this._y = Math.atan2(m13, m11) } else { this._x = Math.atan2(-m23, m33) this._y = 0 } } else { console.warn('THREE.Euler: .setFromRotationMatrix() given unsupported order: ' + order) } this._order = order if (update !== false) this.onChangeCallback() return this }, setFromQuaternion: (function () { var matrix = new Matrix4() return function setFromQuaternion (q, order, update) { matrix.makeRotationFromQuaternion(q) return this.setFromRotationMatrix(matrix, order, update) } }()), setFromVector3: function (v, order) { return this.set(v.x, v.y, v.z, order || this._order) }, reorder: (function () { // WARNING: this discards revolution information -bhouston var q = new Quaternion() return function reorder (newOrder) { q.setFromEuler(this) return this.setFromQuaternion(q, newOrder) } }()), equals: function (euler) { return (euler._x === this._x) && (euler._y === this._y) && (euler._z === this._z) && (euler._order === this._order) }, fromArray: function (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 }, toArray: function (array, offset) { if (array === undefined) array = [] if (offset === undefined) offset = 0 array[offset] = this._x array[offset + 1] = this._y array[offset + 2] = this._z array[offset + 3] = this._order return array }, toVector3: function (optionalResult) { if (optionalResult) { return optionalResult.set(this._x, this._y, this._z) } else { return new Vector3(this._x, this._y, this._z) } }, onChange: function (callback) { this.onChangeCallback = callback return this }, onChangeCallback: function () {} }) /** * @author mrdoob / http://mrdoob.com/ */ function Layers () { this.mask = 1 | 0 } Object.assign(Layers.prototype, { set: function (channel) { this.mask = 1 << channel | 0 }, enable: function (channel) { this.mask |= 1 << channel | 0 }, toggle: function (channel) { this.mask ^= 1 << channel | 0 }, disable: function (channel) { this.mask &= ~(1 << channel | 0) }, test: function (layers) { return (this.mask & layers.mask) !== 0 } }) /** * @author mrdoob / http://mrdoob.com/ * @author mikael emtinger / http://gomo.se/ * @author alteredq / http://alteredqualia.com/ * @author WestLangley / http://github.com/WestLangley * @author elephantatwork / www.elephantatwork.ch */ var object3DId = 0 function Object3D () { Object.defineProperty(this, 'id', { value: object3DId++ }) this.uuid = _Math.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: { enumerable: true, value: position }, rotation: { enumerable: true, value: rotation }, quaternion: { enumerable: true, value: quaternion }, scale: { 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.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 () {}, onAfterRender: function () {}, applyMatrix: function (matrix) { this.matrix.multiplyMatrices(matrix, this.matrix) this.matrix.decompose(this.position, this.quaternion, this.scale) }, applyQuaternion: function (q) { this.quaternion.premultiply(q) return this }, setRotationFromAxisAngle: function (axis, angle) { // assumes axis is normalized this.quaternion.setFromAxisAngle(axis, angle) }, setRotationFromEuler: function (euler) { this.quaternion.setFromEuler(euler, true) }, setRotationFromMatrix: function (m) { // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled) this.quaternion.setFromRotationMatrix(m) }, setRotationFromQuaternion: function (q) { // assumes q is normalized this.quaternion.copy(q) }, rotateOnAxis: (function () { // rotate object on axis in object space // axis is assumed to be normalized var q1 = new Quaternion() return function rotateOnAxis (axis, angle) { q1.setFromAxisAngle(axis, angle) this.quaternion.multiply(q1) return this } }()), rotateOnWorldAxis: (function () { // rotate object on axis in world space // axis is assumed to be normalized // method assumes no rotated parent var q1 = new Quaternion() return function rotateOnWorldAxis (axis, angle) { q1.setFromAxisAngle(axis, angle) this.quaternion.premultiply(q1) return this } }()), rotateX: (function () { var v1 = new Vector3(1, 0, 0) return function rotateX (angle) { return this.rotateOnAxis(v1, angle) } }()), rotateY: (function () { var v1 = new Vector3(0, 1, 0) return function rotateY (angle) { return this.rotateOnAxis(v1, angle) } }()), rotateZ: (function () { var v1 = new Vector3(0, 0, 1) return function rotateZ (angle) { return this.rotateOnAxis(v1, angle) } }()), translateOnAxis: (function () { // translate object by distance along axis in object space // axis is assumed to be normalized var v1 = new Vector3() return function translateOnAxis (axis, distance) { v1.copy(axis).applyQuaternion(this.quaternion) this.position.add(v1.multiplyScalar(distance)) return this } }()), translateX: (function () { var v1 = new Vector3(1, 0, 0) return function translateX (distance) { return this.translateOnAxis(v1, distance) } }()), translateY: (function () { var v1 = new Vector3(0, 1, 0) return function translateY (distance) { return this.translateOnAxis(v1, distance) } }()), translateZ: (function () { var v1 = new Vector3(0, 0, 1) return function translateZ (distance) { return this.translateOnAxis(v1, distance) } }()), localToWorld: function (vector) { return vector.applyMatrix4(this.matrixWorld) }, worldToLocal: (function () { var m1 = new Matrix4() return function worldToLocal (vector) { return vector.applyMatrix4(m1.getInverse(this.matrixWorld)) } }()), lookAt: (function () { // This method does not support objects with rotated and/or translated parent(s) var m1 = new Matrix4() var vector = new Vector3() return function lookAt (x, y, z) { if (x.isVector3) { vector.copy(x) } else { vector.set(x, y, z) } if (this.isCamera) { m1.lookAt(this.position, vector, this.up) } else { m1.lookAt(vector, this.position, this.up) } this.quaternion.setFromRotationMatrix(m1) } }()), add: function (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 object.dispatchEvent({ type: 'added' }) this.children.push(object) } else { console.error('THREE.Object3D.add: object not an instance of THREE.Object3D.', object) } return this }, remove: function (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 object.dispatchEvent({ type: 'removed' }) this.children.splice(index, 1) } return this }, getObjectById: function (id) { return this.getObjectByProperty('id', id) }, getObjectByName: function (name) { return this.getObjectByProperty('name', name) }, getObjectByProperty: function (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 (target) { if (target === undefined) { console.warn('THREE.Object3D: .getWorldPosition() target is now required') target = new Vector3() } this.updateMatrixWorld(true) return target.setFromMatrixPosition(this.matrixWorld) }, getWorldQuaternion: (function () { var position = new Vector3() var scale = new Vector3() return function getWorldQuaternion (target) { if (target === undefined) { console.warn('THREE.Object3D: .getWorldQuaternion() target is now required') target = new Quaternion() } this.updateMatrixWorld(true) this.matrixWorld.decompose(position, target, scale) return target } }()), getWorldScale: (function () { var position = new Vector3() var quaternion = new Quaternion() return function getWorldScale (target) { if (target === undefined) { console.warn('THREE.Object3D: .getWorldScale() target is now required') target = new Vector3() } this.updateMatrixWorld(true) this.matrixWorld.decompose(position, quaternion, target) return target } }()), getWorldDirection: (function () { var quaternion = new Quaternion() return function getWorldDirection (target) { if (target === undefined) { console.warn('THREE.Object3D: .getWorldDirection() target is now required') target = new Vector3() } this.getWorldQuaternion(quaternion) return target.set(0, 0, 1).applyQuaternion(quaternion) } }()), raycast: function () {}, traverse: function (callback) { callback(this) var children = this.children for (var i = 0, l = children.length; i < l; i++) { children[i].traverse(callback) } }, traverseVisible: function (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 (callback) { var parent = this.parent if (parent !== null) { callback(parent) parent.traverseAncestors(callback) } }, updateMatrix: function () { this.matrix.compose(this.position, this.quaternion, this.scale) this.matrixWorldNeedsUpdate = true }, updateMatrixWorld: function (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) } }, toJSON: function (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: {} } 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.matrix = this.matrix.toArray() if (this.matrixAutoUpdate === false) object.matrixAutoUpdate = false // function serialize (library, element) { if (library[element.uuid] === undefined) { library[element.uuid] = element.toJSON(meta) } return element.uuid } if (this.geometry !== undefined) { 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.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 i = 0; i < this.children.length; i++) { object.children.push(this.children[i].toJSON(meta).object) } } 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) 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 } 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 (recursive) { return new this.constructor().copy(this, recursive) }, copy: function (source, recursive) { if (recursive === undefined) recursive = true this.name = source.name this.up.copy(source.up) this.position.copy(source.position) 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 } }) /** * @author mrdoob / http://mrdoob.com/ * @author mikael emtinger / http://gomo.se/ * @author WestLangley / http://github.com/WestLangley */ function Camera () { Object3D.call(this) this.type = 'Camera' this.matrixWorldInverse = new Matrix4() this.projectionMatrix = new Matrix4() } Camera.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: Camera, isCamera: true, copy: function (source, recursive) { Object3D.prototype.copy.call(this, source, recursive) this.matrixWorldInverse.copy(source.matrixWorldInverse) this.projectionMatrix.copy(source.projectionMatrix) return this }, getWorldDirection: (function () { var quaternion = new Quaternion() return function getWorldDirection (target) { if (target === undefined) { console.warn('THREE.Camera: .getWorldDirection() target is now required') target = new Vector3() } this.getWorldQuaternion(quaternion) return target.set(0, 0, -1).applyQuaternion(quaternion) } }()), updateMatrixWorld: function (force) { Object3D.prototype.updateMatrixWorld.call(this, force) this.matrixWorldInverse.getInverse(this.matrixWorld) }, clone: function () { return new this.constructor().copy(this) } }) /** * @author alteredq / http://alteredqualia.com/ * @author arose / http://github.com/arose */ function OrthographicCamera (left, right, top, bottom, near, far) { 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 !== undefined) ? near : 0.1 this.far = (far !== undefined) ? far : 2000 this.updateProjectionMatrix() } OrthographicCamera.prototype = Object.assign(Object.create(Camera.prototype), { constructor: OrthographicCamera, isOrthographicCamera: true, copy: function (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 (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 () { if (this.view !== null) { this.view.enabled = false } this.updateProjectionMatrix() }, updateProjectionMatrix: function () { 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 zoomW = this.zoom / (this.view.width / this.view.fullWidth) var zoomH = this.zoom / (this.view.height / this.view.fullHeight) var scaleW = (this.right - this.left) / this.view.width var scaleH = (this.top - this.bottom) / this.view.height left += scaleW * (this.view.offsetX / zoomW) right = left + scaleW * (this.view.width / zoomW) top -= scaleH * (this.view.offsetY / zoomH) bottom = top - scaleH * (this.view.height / zoomH) } this.projectionMatrix.makeOrthographic(left, right, top, bottom, this.near, this.far) }, toJSON: function (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 } }) /** * @author mrdoob / http://mrdoob.com/ * @author alteredq / http://alteredqualia.com/ */ function Face3 (a, b, c, normal, color, materialIndex) { 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 !== undefined ? materialIndex : 0 } Object.assign(Face3.prototype, { clone: function () { return new this.constructor().copy(this) }, copy: function (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 } }) /** * @author mrdoob / http://mrdoob.com/ * @author kile / http://kile.stravaganza.org/ * @author alteredq / http://alteredqualia.com/ * @author mikael emtinger / http://gomo.se/ * @author zz85 / http://www.lab4games.net/zz85/blog * @author bhouston / http://clara.io */ var geometryId = 0 // Geometry uses even numbers as Id function Geometry () { Object.defineProperty(this, 'id', { value: geometryId += 2 }) this.uuid = _Math.generateUUID() this.name = '' this.type = 'Geometry' this.vertices = [] this.colors = [] this.faces = [] this.faceVertexUvs = [[]] this.morphTargets = [] this.morphNormals = [] this.skinWeights = [] this.skinIndices = [] this.lineDistances = [] this.boundingBox = null this.boundingSphere = null // update flags this.elementsNeedUpdate = false this.verticesNeedUpdate = false this.uvsNeedUpdate = false this.normalsNeedUpdate = false this.colorsNeedUpdate = false this.lineDistancesNeedUpdate = false this.groupsNeedUpdate = false } Geometry.prototype = Object.assign(Object.create(EventDispatcher.prototype), { constructor: Geometry, isGeometry: true, applyMatrix: function (matrix) { var normalMatrix = new Matrix3().getNormalMatrix(matrix) for (var i = 0, il = this.vertices.length; i < il; i++) { var vertex = this.vertices[i] vertex.applyMatrix4(matrix) } for (var i = 0, il = this.faces.length; i < il; i++) { var face = this.faces[i] face.normal.applyMatrix3(normalMatrix).normalize() for (var j = 0, jl = face.vertexNormals.length; j < jl; j++) { face.vertexNormals[j].applyMatrix3(normalMatrix).normalize() } } if (this.boundingBox !== null) { this.computeBoundingBox() } if (this.boundingSphere !== null) { this.computeBoundingSphere() } this.verticesNeedUpdate = true this.normalsNeedUpdate = true return this }, rotateX: (function () { // rotate geometry around world x-axis var m1 = new Matrix4() return function rotateX (angle) { m1.makeRotationX(angle) this.applyMatrix(m1) return this } }()), rotateY: (function () { // rotate geometry around world y-axis var m1 = new Matrix4() return function rotateY (angle) { m1.makeRotationY(angle) this.applyMatrix(m1) return this } }()), rotateZ: (function () { // rotate geometry around world z-axis var m1 = new Matrix4() return function rotateZ (angle) { m1.makeRotationZ(angle) this.applyMatrix(m1) return this } }()), translate: (function () { // translate geometry var m1 = new Matrix4() return function translate (x, y, z) { m1.makeTranslation(x, y, z) this.applyMatrix(m1) return this } }()), scale: (function () { // scale geometry var m1 = new Matrix4() return function scale (x, y, z) { m1.makeScale(x, y, z) this.applyMatrix(m1) return this } }()), lookAt: (function () { var obj = new Object3D() return function lookAt (vector) { obj.lookAt(vector) obj.updateMatrix() this.applyMatrix(obj.matrix) } }()), fromBufferGeometry: function (geometry) { var scope = this var indices = geometry.index !== null ? geometry.index.array : undefined var attributes = geometry.attributes var positions = attributes.position.array var normals = attributes.normal !== undefined ? attributes.normal.array : undefined var colors = attributes.color !== undefined ? attributes.color.array : undefined var uvs = attributes.uv !== undefined ? attributes.uv.array : undefined var uvs2 = attributes.uv2 !== undefined ? attributes.uv2.array : undefined if (uvs2 !== undefined) this.faceVertexUvs[1] = [] var tempNormals = [] var tempUVs = [] var tempUVs2 = [] for (var i = 0, j = 0; i < positions.length; i += 3, j += 2) { scope.vertices.push(new Vector3(positions[i], positions[i + 1], positions[i + 2])) if (normals !== undefined) { tempNormals.push(new Vector3(normals[i], normals[i + 1], normals[i + 2])) } if (colors !== undefined) { scope.colors.push(new Color(colors[i], colors[i + 1], colors[i + 2])) } if (uvs !== undefined) { tempUVs.push(new Vector2(uvs[j], uvs[j + 1])) } if (uvs2 !== undefined) { tempUVs2.push(new Vector2(uvs2[j], uvs2[j + 1])) } } function addFace (a, b, c, materialIndex) { var vertexNormals = normals !== undefined ? [tempNormals[a].clone(), tempNormals[b].clone(), tempNormals[c].clone()] : [] var vertexColors = colors !== undefined ? [scope.colors[a].clone(), scope.colors[b].clone(), scope.colors[c].clone()] : [] var face = new Face3(a, b, c, vertexNormals, vertexColors, materialIndex) scope.faces.push(face) if (uvs !== undefined) { scope.faceVertexUvs[0].push([tempUVs[a].clone(), tempUVs[b].clone(), tempUVs[c].clone()]) } if (uvs2 !== undefined) { scope.faceVertexUvs[1].push([tempUVs2[a].clone(), tempUVs2[b].clone(), tempUVs2[c].clone()]) } } var groups = geometry.groups if (groups.length > 0) { for (var i = 0; i < groups.length; i++) { var group = groups[i] var start = group.start var count = group.count for (var j = start, jl = start + count; j < jl; j += 3) { if (indices !== undefined) { addFace(indices[j], indices[j + 1], indices[j + 2], group.materialIndex) } else { addFace(j, j + 1, j + 2, group.materialIndex) } } } } else { if (indices !== undefined) { for (var i = 0; i < indices.length; i += 3) { addFace(indices[i], indices[i + 1], indices[i + 2]) } } else { for (var i = 0; i < positions.length / 3; i += 3) { addFace(i, i + 1, i + 2) } } } this.computeFaceNormals() if (geometry.boundingBox !== null) { this.boundingBox = geometry.boundingBox.clone() } if (geometry.boundingSphere !== null) { this.boundingSphere = geometry.boundingSphere.clone() } return this }, center: (function () { var offset = new Vector3() return function center () { this.computeBoundingBox() this.boundingBox.getCenter(offset).negate() this.translate(offset.x, offset.y, offset.z) return this } }()), normalize: function () { this.computeBoundingSphere() var center = this.boundingSphere.center var radius = this.boundingSphere.radius var s = radius === 0 ? 1 : 1.0 / radius var matrix = new Matrix4() matrix.set( s, 0, 0, -s * center.x, 0, s, 0, -s * center.y, 0, 0, s, -s * center.z, 0, 0, 0, 1 ) this.applyMatrix(matrix) return this }, computeFaceNormals: function () { var cb = new Vector3(); var ab = new Vector3() for (var f = 0, fl = this.faces.length; f < fl; f++) { var face = this.faces[f] var vA = this.vertices[face.a] var vB = this.vertices[face.b] var vC = this.vertices[face.c] cb.subVectors(vC, vB) ab.subVectors(vA, vB) cb.cross(ab) cb.normalize() face.normal.copy(cb) } }, computeVertexNormals: function (areaWeighted) { if (areaWeighted === undefined) areaWeighted = true var v, vl, f, fl, face, vertices vertices = new Array(this.vertices.length) for (v = 0, vl = this.vertices.length; v < vl; v++) { vertices[v] = new Vector3() } if (areaWeighted) { // vertex normals weighted by triangle areas // http://www.iquilezles.org/www/articles/normals/normals.htm var vA, vB, vC var cb = new Vector3(); var ab = new Vector3() for (f = 0, fl = this.faces.length; f < fl; f++) { face = this.faces[f] vA = this.vertices[face.a] vB = this.vertices[face.b] vC = this.vertices[face.c] cb.subVectors(vC, vB) ab.subVectors(vA, vB) cb.cross(ab) vertices[face.a].add(cb) vertices[face.b].add(cb) vertices[face.c].add(cb) } } else { this.computeFaceNormals() for (f = 0, fl = this.faces.length; f < fl; f++) { face = this.faces[f] vertices[face.a].add(face.normal) vertices[face.b].add(face.normal) vertices[face.c].add(face.normal) } } for (v = 0, vl = this.vertices.length; v < vl; v++) { vertices[v].normalize() } for (f = 0, fl = this.faces.length; f < fl; f++) { face = this.faces[f] var vertexNormals = face.vertexNormals if (vertexNormals.length === 3) { vertexNormals[0].copy(vertices[face.a]) vertexNormals[1].copy(vertices[face.b]) vertexNormals[2].copy(vertices[face.c]) } else { vertexNormals[0] = vertices[face.a].clone() vertexNormals[1] = vertices[face.b].clone() vertexNormals[2] = vertices[face.c].clone() } } if (this.faces.length > 0) { this.normalsNeedUpdate = true } }, computeFlatVertexNormals: function () { var f, fl, face this.computeFaceNormals() for (f = 0, fl = this.faces.length; f < fl; f++) { face = this.faces[f] var vertexNormals = face.vertexNormals if (vertexNormals.length === 3) { vertexNormals[0].copy(face.normal) vertexNormals[1].copy(face.normal) vertexNormals[2].copy(face.normal) } else { vertexNormals[0] = face.normal.clone() vertexNormals[1] = face.normal.clone() vertexNormals[2] = face.normal.clone() } } if (this.faces.length > 0) { this.normalsNeedUpdate = true } }, computeMorphNormals: function () { var i, il, f, fl, face // save original normals // - create temp variables on first access // otherwise just copy (for faster repeated calls) for (f = 0, fl = this.faces.length; f < fl; f++) { face = this.faces[f] if (!face.__originalFaceNormal) { face.__originalFaceNormal = face.normal.clone() } else { face.__originalFaceNormal.copy(face.normal) } if (!face.__originalVertexNormals) face.__originalVertexNormals = [] for (i = 0, il = face.vertexNormals.length; i < il; i++) { if (!face.__originalVertexNormals[i]) { face.__originalVertexNormals[i] = face.vertexNormals[i].clone() } else { face.__originalVertexNormals[i].copy(face.vertexNormals[i]) } } } // use temp geometry to compute face and vertex normals for each morph var tmpGeo = new Geometry() tmpGeo.faces = this.faces for (i = 0, il = this.morphTargets.length; i < il; i++) { // create on first access if (!this.morphNormals[i]) { this.morphNormals[i] = {} this.morphNormals[i].faceNormals = [] this.morphNormals[i].vertexNormals = [] var dstNormalsFace = this.morphNormals[i].faceNormals var dstNormalsVertex = this.morphNormals[i].vertexNormals var faceNormal, vertexNormals for (f = 0, fl = this.faces.length; f < fl; f++) { faceNormal = new Vector3() vertexNormals = { a: new Vector3(), b: new Vector3(), c: new Vector3() } dstNormalsFace.push(faceNormal) dstNormalsVertex.push(vertexNormals) } } var morphNormals = this.morphNormals[i] // set vertices to morph target tmpGeo.vertices = this.morphTargets[i].vertices // compute morph normals tmpGeo.computeFaceNormals() tmpGeo.computeVertexNormals() // store morph normals var faceNormal, vertexNormals for (f = 0, fl = this.faces.length; f < fl; f++) { face = this.faces[f] faceNormal = morphNormals.faceNormals[f] vertexNormals = morphNormals.vertexNormals[f] faceNormal.copy(face.normal) vertexNormals.a.copy(face.vertexNormals[0]) vertexNormals.b.copy(face.vertexNormals[1]) vertexNormals.c.copy(face.vertexNormals[2]) } } // restore original normals for (f = 0, fl = this.faces.length; f < fl; f++) { face = this.faces[f] face.normal = face.__originalFaceNormal face.vertexNormals = face.__originalVertexNormals } }, computeBoundingBox: function () { if (this.boundingBox === null) { this.boundingBox = new Box3() } this.boundingBox.setFromPoints(this.vertices) }, computeBoundingSphere: function () { if (this.boundingSphere === null) { this.boundingSphere = new Sphere() } this.boundingSphere.setFromPoints(this.vertices) }, merge: function (geometry, matrix, materialIndexOffset) { if (!(geometry && geometry.isGeometry)) { console.error('THREE.Geometry.merge(): geometry not an instance of THREE.Geometry.', geometry) return } var normalMatrix var vertexOffset = this.vertices.length var vertices1 = this.vertices var vertices2 = geometry.vertices var faces1 = this.faces var faces2 = geometry.faces var uvs1 = this.faceVertexUvs[0] var uvs2 = geometry.faceVertexUvs[0] var colors1 = this.colors var colors2 = geometry.colors if (materialIndexOffset === undefined) materialIndexOffset = 0 if (matrix !== undefined) { normalMatrix = new Matrix3().getNormalMatrix(matrix) } // vertices for (var i = 0, il = vertices2.length; i < il; i++) { var vertex = vertices2[i] var vertexCopy = vertex.clone() if (matrix !== undefined) vertexCopy.applyMatrix4(matrix) vertices1.push(vertexCopy) } // colors for (var i = 0, il = colors2.length; i < il; i++) { colors1.push(colors2[i].clone()) } // faces for (i = 0, il = faces2.length; i < il; i++) { var face = faces2[i]; var faceCopy; var normal; var color var faceVertexNormals = face.vertexNormals var faceVertexColors = face.vertexColors faceCopy = new Face3(face.a + vertexOffset, face.b + vertexOffset, face.c + vertexOffset) faceCopy.normal.copy(face.normal) if (normalMatrix !== undefined) { faceCopy.normal.applyMatrix3(normalMatrix).normalize() } for (var j = 0, jl = faceVertexNormals.length; j < jl; j++) { normal = faceVertexNormals[j].clone() if (normalMatrix !== undefined) { normal.applyMatrix3(normalMatrix).normalize() } faceCopy.vertexNormals.push(normal) } faceCopy.color.copy(face.color) for (var j = 0, jl = faceVertexColors.length; j < jl; j++) { color = faceVertexColors[j] faceCopy.vertexColors.push(color.clone()) } faceCopy.materialIndex = face.materialIndex + materialIndexOffset faces1.push(faceCopy) } // uvs for (i = 0, il = uvs2.length; i < il; i++) { var uv = uvs2[i]; var uvCopy = [] if (uv === undefined) { continue } for (var j = 0, jl = uv.length; j < jl; j++) { uvCopy.push(uv[j].clone()) } uvs1.push(uvCopy) } }, mergeMesh: function (mesh) { if (!(mesh && mesh.isMesh)) { console.error('THREE.Geometry.mergeMesh(): mesh not an instance of THREE.Mesh.', mesh) return } if (mesh.matrixAutoUpdate) mesh.updateMatrix() this.merge(mesh.geometry, mesh.matrix) }, /* * Checks for duplicate vertices with hashmap. * Duplicated vertices are removed * and faces' vertices are updated. */ mergeVertices: function () { var verticesMap = {} // Hashmap for looking up vertices by position coordinates (and making sure they are unique) var unique = []; var changes = [] var v, key var precisionPoints = 4 // number of decimal points, e.g. 4 for epsilon of 0.0001 var precision = Math.pow(10, precisionPoints) var i, il, face var indices, j, jl for (i = 0, il = this.vertices.length; i < il; i++) { v = this.vertices[i] key = Math.round(v.x * precision) + '_' + Math.round(v.y * precision) + '_' + Math.round(v.z * precision) if (verticesMap[key] === undefined) { verticesMap[key] = i unique.push(this.vertices[i]) changes[i] = unique.length - 1 } else { // console.log('Duplicate vertex found. ', i, ' could be using ', verticesMap[key]); changes[i] = changes[verticesMap[key]] } } // if faces are completely degenerate after merging vertices, we // have to remove them from the geometry. var faceIndicesToRemove = [] for (i = 0, il = this.faces.length; i < il; i++) { face = this.faces[i] face.a = changes[face.a] face.b = changes[face.b] face.c = changes[face.c] indices = [face.a, face.b, face.c] // if any duplicate vertices are found in a Face3 // we have to remove the face as nothing can be saved for (var n = 0; n < 3; n++) { if (indices[n] === indices[(n + 1) % 3]) { faceIndicesToRemove.push(i) break } } } for (i = faceIndicesToRemove.length - 1; i >= 0; i--) { var idx = faceIndicesToRemove[i] this.faces.splice(idx, 1) for (j = 0, jl = this.faceVertexUvs.length; j < jl; j++) { this.faceVertexUvs[j].splice(idx, 1) } } // Use unique set of vertices var diff = this.vertices.length - unique.length this.vertices = unique return diff }, setFromPoints: function (points) { this.vertices = [] for (var i = 0, l = points.length; i < l; i++) { var point = points[i] this.vertices.push(new Vector3(point.x, point.y, point.z || 0)) } return this }, sortFacesByMaterialIndex: function () { var faces = this.faces var length = faces.length // tag faces for (var i = 0; i < length; i++) { faces[i]._id = i } // sort faces function materialIndexSort (a, b) { return a.materialIndex - b.materialIndex } faces.sort(materialIndexSort) // sort uvs var uvs1 = this.faceVertexUvs[0] var uvs2 = this.faceVertexUvs[1] var newUvs1, newUvs2 if (uvs1 && uvs1.length === length) newUvs1 = [] if (uvs2 && uvs2.length === length) newUvs2 = [] for (var i = 0; i < length; i++) { var id = faces[i]._id if (newUvs1) newUvs1.push(uvs1[id]) if (newUvs2) newUvs2.push(uvs2[id]) } if (newUvs1) this.faceVertexUvs[0] = newUvs1 if (newUvs2) this.faceVertexUvs[1] = newUvs2 }, toJSON: function () { var data = { metadata: { version: 4.5, type: 'Geometry', generator: 'Geometry.toJSON' } } // standard Geometry serialization data.uuid = this.uuid data.type = this.type if (this.name !== '') data.name = this.name if (this.parameters !== undefined) { var parameters = this.parameters for (var key in parameters) { if (parameters[key] !== undefined) data[key] = parameters[key] } return data } var vertices = [] for (var i = 0; i < this.vertices.length; i++) { var vertex = this.vertices[i] vertices.push(vertex.x, vertex.y, vertex.z) } var faces = [] var normals = [] var normalsHash = {} var colors = [] var colorsHash = {} var uvs = [] var uvsHash = {} for (var i = 0; i < this.faces.length; i++) { var face = this.faces[i] var hasMaterial = true var hasFaceUv = false // deprecated var hasFaceVertexUv = this.faceVertexUvs[0][i] !== undefined var hasFaceNormal = face.normal.length() > 0 var hasFaceVertexNormal = face.vertexNormals.length > 0 var hasFaceColor = face.color.r !== 1 || face.color.g !== 1 || face.color.b !== 1 var hasFaceVertexColor = face.vertexColors.length > 0 var faceType = 0 faceType = setBit(faceType, 0, 0) // isQuad faceType = setBit(faceType, 1, hasMaterial) faceType = setBit(faceType, 2, hasFaceUv) faceType = setBit(faceType, 3, hasFaceVertexUv) faceType = setBit(faceType, 4, hasFaceNormal) faceType = setBit(faceType, 5, hasFaceVertexNormal) faceType = setBit(faceType, 6, hasFaceColor) faceType = setBit(faceType, 7, hasFaceVertexColor) faces.push(faceType) faces.push(face.a, face.b, face.c) faces.push(face.materialIndex) if (hasFaceVertexUv) { var faceVertexUvs = this.faceVertexUvs[0][i] faces.push( getUvIndex(faceVertexUvs[0]), getUvIndex(faceVertexUvs[1]), getUvIndex(faceVertexUvs[2]) ) } if (hasFaceNormal) { faces.push(getNormalIndex(face.normal)) } if (hasFaceVertexNormal) { var vertexNormals = face.vertexNormals faces.push( getNormalIndex(vertexNormals[0]), getNormalIndex(vertexNormals[1]), getNormalIndex(vertexNormals[2]) ) } if (hasFaceColor) { faces.push(getColorIndex(face.color)) } if (hasFaceVertexColor) { var vertexColors = face.vertexColors faces.push( getColorIndex(vertexColors[0]), getColorIndex(vertexColors[1]), getColorIndex(vertexColors[2]) ) } } function setBit (value, position, enabled) { return enabled ? value | (1 << position) : value & (~(1 << position)) } function getNormalIndex (normal) { var hash = normal.x.toString() + normal.y.toString() + normal.z.toString() if (normalsHash[hash] !== undefined) { return normalsHash[hash] } normalsHash[hash] = normals.length / 3 normals.push(normal.x, normal.y, normal.z) return normalsHash[hash] } function getColorIndex (color) { var hash = color.r.toString() + color.g.toString() + color.b.toString() if (colorsHash[hash] !== undefined) { return colorsHash[hash] } colorsHash[hash] = colors.length colors.push(color.getHex()) return colorsHash[hash] } function getUvIndex (uv) { var hash = uv.x.toString() + uv.y.toString() if (uvsHash[hash] !== undefined) { return uvsHash[hash] } uvsHash[hash] = uvs.length / 2 uvs.push(uv.x, uv.y) return uvsHash[hash] } data.data = {} data.data.vertices = vertices data.data.normals = normals if (colors.length > 0) data.data.colors = colors if (uvs.length > 0) data.data.uvs = [uvs] // temporal backward compatibility data.data.faces = faces return data }, clone: function () { /* // Handle primitives var parameters = this.parameters; if ( parameters !== undefined ) { var values = []; for ( var key in parameters ) { values.push( parameters[ key ] ); } var geometry = Object.create( this.constructor.prototype ); this.constructor.apply( geometry, values ); return geometry; } return new this.constructor().copy( this ); */ return new Geometry().copy(this) }, copy: function (source) { var i, il, j, jl, k, kl // reset this.vertices = [] this.colors = [] this.faces = [] this.faceVertexUvs = [[]] this.morphTargets = [] this.morphNormals = [] this.skinWeights = [] this.skinIndices = [] this.lineDistances = [] this.boundingBox = null this.boundingSphere = null // name this.name = source.name // vertices var vertices = source.vertices for (i = 0, il = vertices.length; i < il; i++) { this.vertices.push(vertices[i].clone()) } // colors var colors = source.colors for (i = 0, il = colors.length; i < il; i++) { this.colors.push(colors[i].clone()) } // faces var faces = source.faces for (i = 0, il = faces.length; i < il; i++) { this.faces.push(faces[i].clone()) } // face vertex uvs for (i = 0, il = source.faceVertexUvs.length; i < il; i++) { var faceVertexUvs = source.faceVertexUvs[i] if (this.faceVertexUvs[i] === undefined) { this.faceVertexUvs[i] = [] } for (j = 0, jl = faceVertexUvs.length; j < jl; j++) { var uvs = faceVertexUvs[j]; var uvsCopy = [] for (k = 0, kl = uvs.length; k < kl; k++) { var uv = uvs[k] uvsCopy.push(uv.clone()) } this.faceVertexUvs[i].push(uvsCopy) } } // morph targets var morphTargets = source.morphTargets for (i = 0, il = morphTargets.length; i < il; i++) { var morphTarget = {} morphTarget.name = morphTargets[i].name // vertices if (morphTargets[i].vertices !== undefined) { morphTarget.vertices = [] for (j = 0, jl = morphTargets[i].vertices.length; j < jl; j++) { morphTarget.vertices.push(morphTargets[i].vertices[j].clone()) } } // normals if (morphTargets[i].normals !== undefined) { morphTarget.normals = [] for (j = 0, jl = morphTargets[i].normals.length; j < jl; j++) { morphTarget.normals.push(morphTargets[i].normals[j].clone()) } } this.morphTargets.push(morphTarget) } // morph normals var morphNormals = source.morphNormals for (i = 0, il = morphNormals.length; i < il; i++) { var morphNormal = {} // vertex normals if (morphNormals[i].vertexNormals !== undefined) { morphNormal.vertexNormals = [] for (j = 0, jl = morphNormals[i].vertexNormals.length; j < jl; j++) { var srcVertexNormal = morphNormals[i].vertexNormals[j] var destVertexNormal = {} destVertexNormal.a = srcVertexNormal.a.clone() destVertexNormal.b = srcVertexNormal.b.clone() destVertexNormal.c = srcVertexNormal.c.clone() morphNormal.vertexNormals.push(destVertexNormal) } } // face normals if (morphNormals[i].faceNormals !== undefined) { morphNormal.faceNormals = [] for (j = 0, jl = morphNormals[i].faceNormals.length; j < jl; j++) { morphNormal.faceNormals.push(morphNormals[i].faceNormals[j].clone()) } } this.morphNormals.push(morphNormal) } // skin weights var skinWeights = source.skinWeights for (i = 0, il = skinWeights.length; i < il; i++) { this.skinWeights.push(skinWeights[i].clone()) } // skin indices var skinIndices = source.skinIndices for (i = 0, il = skinIndices.length; i < il; i++) { this.skinIndices.push(skinIndices[i].clone()) } // line distances var lineDistances = source.lineDistances for (i = 0, il = lineDistances.length; i < il; i++) { this.lineDistances.push(lineDistances[i]) } // 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() } // update flags this.elementsNeedUpdate = source.elementsNeedUpdate this.verticesNeedUpdate = source.verticesNeedUpdate this.uvsNeedUpdate = source.uvsNeedUpdate this.normalsNeedUpdate = source.normalsNeedUpdate this.colorsNeedUpdate = source.colorsNeedUpdate this.lineDistancesNeedUpdate = source.lineDistancesNeedUpdate this.groupsNeedUpdate = source.groupsNeedUpdate return this }, dispose: function () { this.dispatchEvent({ type: 'dispose' }) } }) /** * @author mrdoob / http://mrdoob.com/ */ 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.dynamic = false this.updateRange = { offset: 0, count: -1 } this.version = 0 } Object.defineProperty(BufferAttribute.prototype, 'needsUpdate', { set: function (value) { if (value === true) this.version++ } }) Object.assign(BufferAttribute.prototype, { isBufferAttribute: true, onUploadCallback: function () {}, setArray: function (array) { if (Array.isArray(array)) { throw new TypeError('THREE.BufferAttribute: array should be a Typed Array.') } this.count = array !== undefined ? array.length / this.itemSize : 0 this.array = array return this }, setDynamic: function (value) { this.dynamic = value return this }, copy: function (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.dynamic = source.dynamic return this }, copyAt: function (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 (array) { this.array.set(array) return this }, copyColorsArray: function (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 (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 (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 (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 }, set: function (value, offset) { if (offset === undefined) offset = 0 this.array.set(value, offset) return this }, getX: function (index) { return this.array[index * this.itemSize] }, setX: function (index, x) { this.array[index * this.itemSize] = x return this }, getY: function (index) { return this.array[index * this.itemSize + 1] }, setY: function (index, y) { this.array[index * this.itemSize + 1] = y return this }, getZ: function (index) { return this.array[index * this.itemSize + 2] }, setZ: function (index, z) { this.array[index * this.itemSize + 2] = z return this }, getW: function (index) { return this.array[index * this.itemSize + 3] }, setW: function (index, w) { this.array[index * this.itemSize + 3] = w return this }, setXY: function (index, x, y) { index *= this.itemSize this.array[index + 0] = x this.array[index + 1] = y return this }, setXYZ: function (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 (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 (callback) { this.onUploadCallback = callback return this }, clone: function () { return new this.constructor(this.array, this.itemSize).copy(this) } }) // 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 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 /** * @author mrdoob / http://mrdoob.com/ */ function DirectGeometry () { this.vertices = [] this.normals = [] this.colors = [] this.uvs = [] this.uvs2 = [] this.groups = [] this.morphTargets = {} this.skinWeights = [] this.skinIndices = [] // this.lineDistances = []; this.boundingBox = null this.boundingSphere = null // update flags this.verticesNeedUpdate = false this.normalsNeedUpdate = false this.colorsNeedUpdate = false this.uvsNeedUpdate = false this.groupsNeedUpdate = false } Object.assign(DirectGeometry.prototype, { computeGroups: function (geometry) { var group var groups = [] var materialIndex = undefined var faces = geometry.faces for (var i = 0; i < faces.length; i++) { var face = faces[i] // materials if (face.materialIndex !== materialIndex) { materialIndex = face.materialIndex if (group !== undefined) { group.count = (i * 3) - group.start groups.push(group) } group = { start: i * 3, materialIndex: materialIndex } } } if (group !== undefined) { group.count = (i * 3) - group.start groups.push(group) } this.groups = groups }, fromGeometry: function (geometry) { var faces = geometry.faces var vertices = geometry.vertices var faceVertexUvs = geometry.faceVertexUvs var hasFaceVertexUv = faceVertexUvs[0] && faceVertexUvs[0].length > 0 var hasFaceVertexUv2 = faceVertexUvs[1] && faceVertexUvs[1].length > 0 // morphs var morphTargets = geometry.morphTargets var morphTargetsLength = morphTargets.length var morphTargetsPosition if (morphTargetsLength > 0) { morphTargetsPosition = [] for (var i = 0; i < morphTargetsLength; i++) { morphTargetsPosition[i] = [] } this.morphTargets.position = morphTargetsPosition } var morphNormals = geometry.morphNormals var morphNormalsLength = morphNormals.length var morphTargetsNormal if (morphNormalsLength > 0) { morphTargetsNormal = [] for (var i = 0; i < morphNormalsLength; i++) { morphTargetsNormal[i] = [] } this.morphTargets.normal = morphTargetsNormal } // skins var skinIndices = geometry.skinIndices var skinWeights = geometry.skinWeights var hasSkinIndices = skinIndices.length === vertices.length var hasSkinWeights = skinWeights.length === vertices.length // if (faces.length === 0) { console.error('THREE.DirectGeometry: Faceless geometries are not supported.') } for (var i = 0; i < faces.length; i++) { var face = faces[i] this.vertices.push(vertices[face.a], vertices[face.b], vertices[face.c]) var vertexNormals = face.vertexNormals if (vertexNormals.length === 3) { this.normals.push(vertexNormals[0], vertexNormals[1], vertexNormals[2]) } else { var normal = face.normal this.normals.push(normal, normal, normal) } var vertexColors = face.vertexColors if (vertexColors.length === 3) { this.colors.push(vertexColors[0], vertexColors[1], vertexColors[2]) } else { var color = face.color this.colors.push(color, color, color) } if (hasFaceVertexUv === true) { var vertexUvs = faceVertexUvs[0][i] if (vertexUvs !== undefined) { this.uvs.push(vertexUvs[0], vertexUvs[1], vertexUvs[2]) } else { console.warn('THREE.DirectGeometry.fromGeometry(): Undefined vertexUv ', i) this.uvs.push(new Vector2(), new Vector2(), new Vector2()) } } if (hasFaceVertexUv2 === true) { var vertexUvs = faceVertexUvs[1][i] if (vertexUvs !== undefined) { this.uvs2.push(vertexUvs[0], vertexUvs[1], vertexUvs[2]) } else { console.warn('THREE.DirectGeometry.fromGeometry(): Undefined vertexUv2 ', i) this.uvs2.push(new Vector2(), new Vector2(), new Vector2()) } } // morphs for (var j = 0; j < morphTargetsLength; j++) { var morphTarget = morphTargets[j].vertices morphTargetsPosition[j].push(morphTarget[face.a], morphTarget[face.b], morphTarget[face.c]) } for (var j = 0; j < morphNormalsLength; j++) { var morphNormal = morphNormals[j].vertexNormals[i] morphTargetsNormal[j].push(morphNormal.a, morphNormal.b, morphNormal.c) } // skins if (hasSkinIndices) { this.skinIndices.push(skinIndices[face.a], skinIndices[face.b], skinIndices[face.c]) } if (hasSkinWeights) { this.skinWeights.push(skinWeights[face.a], skinWeights[face.b], skinWeights[face.c]) } } this.computeGroups(geometry) this.verticesNeedUpdate = geometry.verticesNeedUpdate this.normalsNeedUpdate = geometry.normalsNeedUpdate this.colorsNeedUpdate = geometry.colorsNeedUpdate this.uvsNeedUpdate = geometry.uvsNeedUpdate this.groupsNeedUpdate = geometry.groupsNeedUpdate return this } }) /** * @author mrdoob / http://mrdoob.com/ */ 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 } /** * @author alteredq / http://alteredqualia.com/ * @author mrdoob / http://mrdoob.com/ */ var bufferGeometryId = 1 // BufferGeometry uses odd numbers as Id function BufferGeometry () { Object.defineProperty(this, 'id', { value: bufferGeometryId += 2 }) this.uuid = _Math.generateUUID() this.name = '' this.type = 'BufferGeometry' this.index = null this.attributes = {} this.morphAttributes = {} 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 () { return this.index }, setIndex: function (index) { if (Array.isArray(index)) { this.index = new (arrayMax(index) > 65535 ? Uint32BufferAttribute : Uint16BufferAttribute)(index, 1) } else { this.index = index } }, addAttribute: function (name, attribute) { if (!(attribute && attribute.isBufferAttribute) && !(attribute && attribute.isInterleavedBufferAttribute)) { console.warn('THREE.BufferGeometry: .addAttribute() now expects ( name, attribute ).') return this.addAttribute(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 } this.attributes[name] = attribute return this }, getAttribute: function (name) { return this.attributes[name] }, removeAttribute: function (name) { delete this.attributes[name] return this }, addGroup: function (start, count, materialIndex) { this.groups.push({ start: start, count: count, materialIndex: materialIndex !== undefined ? materialIndex : 0 }) }, clearGroups: function () { this.groups = [] }, setDrawRange: function (start, count) { this.drawRange.start = start this.drawRange.count = count }, applyMatrix: function (matrix) { var position = this.attributes.position if (position !== undefined) { matrix.applyToBufferAttribute(position) position.needsUpdate = true } var normal = this.attributes.normal if (normal !== undefined) { var normalMatrix = new Matrix3().getNormalMatrix(matrix) normalMatrix.applyToBufferAttribute(normal) normal.needsUpdate = true } if (this.boundingBox !== null) { this.computeBoundingBox() } if (this.boundingSphere !== null) { this.computeBoundingSphere() } return this }, rotateX: (function () { // rotate geometry around world x-axis var m1 = new Matrix4() return function rotateX (angle) { m1.makeRotationX(angle) this.applyMatrix(m1) return this } }()), rotateY: (function () { // rotate geometry around world y-axis var m1 = new Matrix4() return function rotateY (angle) { m1.makeRotationY(angle) this.applyMatrix(m1) return this } }()), rotateZ: (function () { // rotate geometry around world z-axis var m1 = new Matrix4() return function rotateZ (angle) { m1.makeRotationZ(angle) this.applyMatrix(m1) return this } }()), translate: (function () { // translate geometry var m1 = new Matrix4() return function translate (x, y, z) { m1.makeTranslation(x, y, z) this.applyMatrix(m1) return this } }()), scale: (function () { // scale geometry var m1 = new Matrix4() return function scale (x, y, z) { m1.makeScale(x, y, z) this.applyMatrix(m1) return this } }()), lookAt: (function () { var obj = new Object3D() return function lookAt (vector) { obj.lookAt(vector) obj.updateMatrix() this.applyMatrix(obj.matrix) } }()), center: (function () { var offset = new Vector3() return function center () { this.computeBoundingBox() this.boundingBox.getCenter(offset).negate() this.translate(offset.x, offset.y, offset.z) return this } }()), setFromObject: function (object) { // console.log( 'THREE.BufferGeometry.setFromObject(). Converting', object, this ); var geometry = object.geometry if (object.isPoints || object.isLine) { var positions = new Float32BufferAttribute(geometry.vertices.length * 3, 3) var colors = new Float32BufferAttribute(geometry.colors.length * 3, 3) this.addAttribute('position', positions.copyVector3sArray(geometry.vertices)) this.addAttribute('color', colors.copyColorsArray(geometry.colors)) if (geometry.lineDistances && geometry.lineDistances.length === geometry.vertices.length) { var lineDistances = new Float32BufferAttribute(geometry.lineDistances.length, 1) this.addAttribute('lineDistance', lineDistances.copyArray(geometry.lineDistances)) } if (geometry.boundingSphere !== null) { this.boundingSphere = geometry.boundingSphere.clone() } if (geometry.boundingBox !== null) { this.boundingBox = geometry.boundingBox.clone() } } else if (object.isMesh) { if (geometry && geometry.isGeometry) { this.fromGeometry(geometry) } } return this }, setFromPoints: function (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.addAttribute('position', new Float32BufferAttribute(position, 3)) return this }, updateFromObject: function (object) { var geometry = object.geometry if (object.isMesh) { var direct = geometry.__directGeometry if (geometry.elementsNeedUpdate === true) { direct = undefined geometry.elementsNeedUpdate = false } if (direct === undefined) { return this.fromGeometry(geometry) } direct.verticesNeedUpdate = geometry.verticesNeedUpdate direct.normalsNeedUpdate = geometry.normalsNeedUpdate direct.colorsNeedUpdate = geometry.colorsNeedUpdate direct.uvsNeedUpdate = geometry.uvsNeedUpdate direct.groupsNeedUpdate = geometry.groupsNeedUpdate geometry.verticesNeedUpdate = false geometry.normalsNeedUpdate = false geometry.colorsNeedUpdate = false geometry.uvsNeedUpdate = false geometry.groupsNeedUpdate = false geometry = direct } var attribute if (geometry.verticesNeedUpdate === true) { attribute = this.attributes.position if (attribute !== undefined) { attribute.copyVector3sArray(geometry.vertices) attribute.needsUpdate = true } geometry.verticesNeedUpdate = false } if (geometry.normalsNeedUpdate === true) { attribute = this.attributes.normal if (attribute !== undefined) { attribute.copyVector3sArray(geometry.normals) attribute.needsUpdate = true } geometry.normalsNeedUpdate = false } if (geometry.colorsNeedUpdate === true) { attribute = this.attributes.color if (attribute !== undefined) { attribute.copyColorsArray(geometry.colors) attribute.needsUpdate = true } geometry.colorsNeedUpdate = false } if (geometry.uvsNeedUpdate) { attribute = this.attributes.uv if (attribute !== undefined) { attribute.copyVector2sArray(geometry.uvs) attribute.needsUpdate = true } geometry.uvsNeedUpdate = false } if (geometry.lineDistancesNeedUpdate) { attribute = this.attributes.lineDistance if (attribute !== undefined) { attribute.copyArray(geometry.lineDistances) attribute.needsUpdate = true } geometry.lineDistancesNeedUpdate = false } if (geometry.groupsNeedUpdate) { geometry.computeGroups(object.geometry) this.groups = geometry.groups geometry.groupsNeedUpdate = false } return this }, fromGeometry: function (geometry) { geometry.__directGeometry = new DirectGeometry().fromGeometry(geometry) return this.fromDirectGeometry(geometry.__directGeometry) }, fromDirectGeometry: function (geometry) { var positions = new Float32Array(geometry.vertices.length * 3) this.addAttribute('position', new BufferAttribute(positions, 3).copyVector3sArray(geometry.vertices)) if (geometry.normals.length > 0) { var normals = new Float32Array(geometry.normals.length * 3) this.addAttribute('normal', new BufferAttribute(normals, 3).copyVector3sArray(geometry.normals)) } if (geometry.colors.length > 0) { var colors = new Float32Array(geometry.colors.length * 3) this.addAttribute('color', new BufferAttribute(colors, 3).copyColorsArray(geometry.colors)) } if (geometry.uvs.length > 0) { var uvs = new Float32Array(geometry.uvs.length * 2) this.addAttribute('uv', new BufferAttribute(uvs, 2).copyVector2sArray(geometry.uvs)) } if (geometry.uvs2.length > 0) { var uvs2 = new Float32Array(geometry.uvs2.length * 2) this.addAttribute('uv2', new BufferAttribute(uvs2, 2).copyVector2sArray(geometry.uvs2)) } // groups this.groups = geometry.groups // morphs for (var name in geometry.morphTargets) { var array = [] var morphTargets = geometry.morphTargets[name] for (var i = 0, l = morphTargets.length; i < l; i++) { var morphTarget = morphTargets[i] var attribute = new Float32BufferAttribute(morphTarget.length * 3, 3) array.push(attribute.copyVector3sArray(morphTarget)) } this.morphAttributes[name] = array } // skinning if (geometry.skinIndices.length > 0) { var skinIndices = new Float32BufferAttribute(geometry.skinIndices.length * 4, 4) this.addAttribute('skinIndex', skinIndices.copyVector4sArray(geometry.skinIndices)) } if (geometry.skinWeights.length > 0) { var skinWeights = new Float32BufferAttribute(geometry.skinWeights.length * 4, 4) this.addAttribute('skinWeight', skinWeights.copyVector4sArray(geometry.skinWeights)) } // if (geometry.boundingSphere !== null) { this.boundingSphere = geometry.boundingSphere.clone() } if (geometry.boundingBox !== null) { this.boundingBox = geometry.boundingBox.clone() } return this }, computeBoundingBox: function () { if (this.boundingBox === null) { this.boundingBox = new Box3() } var position = this.attributes.position if (position !== undefined) { this.boundingBox.setFromBufferAttribute(position) } 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 () { var box = new Box3() var vector = new Vector3() return function computeBoundingSphere () { if (this.boundingSphere === null) { this.boundingSphere = new Sphere() } var position = this.attributes.position if (position) { var center = this.boundingSphere.center box.setFromBufferAttribute(position) box.getCenter(center) // hoping 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.x = position.getX(i) vector.y = position.getY(i) vector.z = position.getZ(i) maxRadiusSq = Math.max(maxRadiusSq, center.distanceToSquared(vector)) } 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 () { // backwards compatibility }, computeVertexNormals: function () { var index = this.index var attributes = this.attributes var groups = this.groups if (attributes.position) { var positions = attributes.position.array if (attributes.normal === undefined) { this.addAttribute('normal', new BufferAttribute(new Float32Array(positions.length), 3)) } else { // reset existing normals to zero var array = attributes.normal.array for (var i = 0, il = array.length; i < il; i++) { array[i] = 0 } } var normals = attributes.normal.array var vA, vB, vC var pA = new Vector3(); var pB = new Vector3(); var pC = new Vector3() var cb = new Vector3(); var ab = new Vector3() // indexed elements if (index) { var indices = index.array if (groups.length === 0) { this.addGroup(0, indices.length) } for (var j = 0, jl = groups.length; j < jl; ++j) { var group = groups[j] var start = group.start var count = group.count for (var i = start, il = start + count; i < il; i += 3) { vA = indices[i + 0] * 3 vB = indices[i + 1] * 3 vC = indices[i + 2] * 3 pA.fromArray(positions, vA) pB.fromArray(positions, vB) pC.fromArray(positions, vC) cb.subVectors(pC, pB) ab.subVectors(pA, pB) cb.cross(ab) normals[vA] += cb.x normals[vA + 1] += cb.y normals[vA + 2] += cb.z normals[vB] += cb.x normals[vB + 1] += cb.y normals[vB + 2] += cb.z normals[vC] += cb.x normals[vC + 1] += cb.y normals[vC + 2] += cb.z } } } else { // non-indexed elements (unconnected triangle soup) for (var i = 0, il = positions.length; i < il; i += 9) { pA.fromArray(positions, i) pB.fromArray(positions, i + 3) pC.fromArray(positions, i + 6) cb.subVectors(pC, pB) ab.subVectors(pA, pB) cb.cross(ab) normals[i] = cb.x normals[i + 1] = cb.y normals[i + 2] = cb.z normals[i + 3] = cb.x normals[i + 4] = cb.y normals[i + 5] = cb.z normals[i + 6] = cb.x normals[i + 7] = cb.y normals[i + 8] = cb.z } } this.normalizeNormals() attributes.normal.needsUpdate = true } }, merge: function (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 attributeSize = attribute2.itemSize for (var i = 0, j = attributeSize * offset; i < attributeArray2.length; i++, j++) { attributeArray1[j] = attributeArray2[i] } } return this }, normalizeNormals: (function () { var vector = new Vector3() return function normalizeNormals () { var normals = this.attributes.normal for (var i = 0, il = normals.count; i < il; i++) { vector.x = normals.getX(i) vector.y = normals.getY(i) vector.z = normals.getZ(i) vector.normalize() normals.setXYZ(i, vector.x, vector.y, vector.z) } } }()), toNonIndexed: function () { if (this.index === null) { console.warn('THREE.BufferGeometry.toNonIndexed(): Geometry is already non-indexed.') return this } var geometry2 = new BufferGeometry() var indices = this.index.array var attributes = this.attributes for (var name in attributes) { var attribute = attributes[name] var array = attribute.array var itemSize = attribute.itemSize var array2 = new array.constructor(indices.length * itemSize) var index = 0; var 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++] } } geometry2.addAttribute(name, new BufferAttribute(array2, itemSize)) } var groups = this.groups for (var i = 0, l = groups.length; i < l; i++) { var group = groups[i] geometry2.addGroup(group.start, group.count, group.materialIndex) } return geometry2 }, toJSON: function () { 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) { var array = Array.prototype.slice.call(index.array) data.data.index = { type: index.array.constructor.name, array: array } } var attributes = this.attributes for (var key in attributes) { var attribute = attributes[key] var array = Array.prototype.slice.call(attribute.array) data.data.attributes[key] = { itemSize: attribute.itemSize, type: attribute.array.constructor.name, array: array, normalized: attribute.normalized } } 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 () { /* // Handle primitives var parameters = this.parameters; if ( parameters !== undefined ) { var values = []; for ( var key in parameters ) { values.push( parameters[ key ] ); } var 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 (source) { var name, i, l // reset this.index = null this.attributes = {} this.morphAttributes = {} this.groups = [] this.boundingBox = null this.boundingSphere = null // name this.name = source.name // index var index = source.index if (index !== null) { this.setIndex(index.clone()) } // attributes var attributes = source.attributes for (name in attributes) { var attribute = attributes[name] this.addAttribute(name, attribute.clone()) } // morph attributes var morphAttributes = source.morphAttributes for (name in morphAttributes) { var array = [] var morphAttribute = morphAttributes[name] // morphAttribute: array of Float32BufferAttributes for (i = 0, l = morphAttribute.length; i < l; i++) { array.push(morphAttribute[i].clone()) } this.morphAttributes[name] = array } // groups var groups = source.groups for (i = 0, l = groups.length; i < l; i++) { var group = groups[i] 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 () { this.dispatchEvent({ type: 'dispose' }) } }) /** * @author mrdoob / http://mrdoob.com/ * @author Mugen87 / https://github.com/Mugen87 */ // BoxGeometry function BoxGeometry (width, height, depth, widthSegments, heightSegments, depthSegments) { Geometry.call(this) this.type = 'BoxGeometry' this.parameters = { width: width, height: height, depth: depth, widthSegments: widthSegments, heightSegments: heightSegments, depthSegments: depthSegments } this.fromBufferGeometry(new BoxBufferGeometry(width, height, depth, widthSegments, heightSegments, depthSegments)) this.mergeVertices() } BoxGeometry.prototype = Object.create(Geometry.prototype) BoxGeometry.prototype.constructor = BoxGeometry // BoxBufferGeometry function BoxBufferGeometry (width, height, depth, widthSegments, heightSegments, depthSegments) { BufferGeometry.call(this) this.type = 'BoxBufferGeometry' this.parameters = { width: width, height: height, depth: depth, widthSegments: widthSegments, heightSegments: heightSegments, depthSegments: depthSegments } var scope = this width = width || 1 height = height || 1 depth = depth || 1 // segments widthSegments = Math.floor(widthSegments) || 1 heightSegments = Math.floor(heightSegments) || 1 depthSegments = Math.floor(depthSegments) || 1 // 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.addAttribute('position', new Float32BufferAttribute(vertices, 3)) this.addAttribute('normal', new Float32BufferAttribute(normals, 3)) this.addAttribute('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 ix, iy var vector = new Vector3() // generate vertices, normals and uvs for (iy = 0; iy < gridY1; iy++) { var y = iy * segmentHeight - heightHalf for (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 (iy = 0; iy < gridY; iy++) { for (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 } } BoxBufferGeometry.prototype = Object.create(BufferGeometry.prototype) BoxBufferGeometry.prototype.constructor = BoxBufferGeometry /** * @author mrdoob / http://mrdoob.com/ * @author Mugen87 / https://github.com/Mugen87 */ // PlaneGeometry function PlaneGeometry (width, height, widthSegments, heightSegments) { Geometry.call(this) this.type = 'PlaneGeometry' this.parameters = { width: width, height: height, widthSegments: widthSegments, heightSegments: heightSegments } this.fromBufferGeometry(new PlaneBufferGeometry(width, height, widthSegments, heightSegments)) this.mergeVertices() } PlaneGeometry.prototype = Object.create(Geometry.prototype) PlaneGeometry.prototype.constructor = PlaneGeometry // PlaneBufferGeometry function PlaneBufferGeometry (width, height, widthSegments, heightSegments) { BufferGeometry.call(this) this.type = 'PlaneBufferGeometry' this.parameters = { width: width, height: height, widthSegments: widthSegments, heightSegments: heightSegments } width = width || 1 height = height || 1 var width_half = width / 2 var height_half = height / 2 var gridX = Math.floor(widthSegments) || 1 var gridY = Math.floor(heightSegments) || 1 var gridX1 = gridX + 1 var gridY1 = gridY + 1 var segment_width = width / gridX var segment_height = height / gridY var ix, iy // buffers var indices = [] var vertices = [] var normals = [] var uvs = [] // generate vertices, normals and uvs for (iy = 0; iy < gridY1; iy++) { var y = iy * segment_height - height_half for (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)) } } // indices for (iy = 0; iy < gridY; iy++) { for (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 // faces indices.push(a, b, d) indices.push(b, c, d) } } // build geometry this.setIndex(indices) this.addAttribute('position', new Float32BufferAttribute(vertices, 3)) this.addAttribute('normal', new Float32BufferAttribute(normals, 3)) this.addAttribute('uv', new Float32BufferAttribute(uvs, 2)) } PlaneBufferGeometry.prototype = Object.create(BufferGeometry.prototype) PlaneBufferGeometry.prototype.constructor = PlaneBufferGeometry /** * @author mrdoob / http://mrdoob.com/ * @author alteredq / http://alteredqualia.com/ */ var materialId = 0 function Material () { Object.defineProperty(this, 'id', { value: materialId++ }) this.uuid = _Math.generateUUID() this.name = '' this.type = 'Material' this.fog = true this.lights = true this.blending = NormalBlending this.side = FrontSide this.flatShading = false this.vertexColors = NoColors // THREE.NoColors, THREE.VertexColors, THREE.FaceColors 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.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.overdraw = 0 // Overdrawn pixels (typically between 0 and 1) for fixing antialiasing gaps in CanvasRenderer this.visible = true this.userData = {} this.needsUpdate = true } Material.prototype = Object.assign(Object.create(EventDispatcher.prototype), { constructor: Material, isMaterial: true, onBeforeCompile: function () {}, setValues: function (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) 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 if (key === 'overdraw') { // ensure overdraw is backwards-compatible with legacy boolean type this[key] = Number(newValue) } else { this[key] = newValue } } }, toJSON: function (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.emissive && this.emissive.isColor) data.emissive = this.emissive.getHex() if (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.map && this.map.isTexture) data.map = this.map.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.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 } 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 !== NoColors) data.vertexColors = this.vertexColors 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 // rotation (SpriteMaterial) if (this.rotation !== 0) data.rotation = this.rotation if (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.skinning === true) data.skinning = true if (this.visible === false) data.visible = 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 () { return new this.constructor().copy(this) }, copy: function (source) { this.name = source.name this.fog = source.fog this.lights = source.lights 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.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.overdraw = source.overdraw this.visible = source.visible this.userData = JSON.parse(JSON.stringify(source.userData)) this.clipShadows = source.clipShadows this.clipIntersection = source.clipIntersection 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.shadowSide = source.shadowSide return this }, dispose: function () { this.dispatchEvent({ type: 'dispose' }) } }) /** * @author mrdoob / http://mrdoob.com/ * @author alteredq / http://alteredqualia.com/ * * parameters = { * color: , * opacity: , * map: new THREE.Texture( ), * * lightMap: new THREE.Texture( ), * lightMapIntensity: * * aoMap: new THREE.Texture( ), * aoMapIntensity: * * specularMap: new THREE.Texture( ), * * alphaMap: new THREE.Texture( ), * * envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ), * combine: THREE.Multiply, * reflectivity: , * refractionRatio: , * * depthTest: , * depthWrite: , * * wireframe: , * wireframeLinewidth: , * * skinning: , * morphTargets: * } */ 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.lights = 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 } /** * @author alteredq / http://alteredqualia.com/ * * parameters = { * defines: { "label" : "value" }, * uniforms: { "parameter1": { value: 1.0 }, "parameter2": { value2: 2 } }, * * fragmentShader: , * vertexShader: , * * wireframe: , * wireframeLinewidth: , * * lights: , * * skinning: , * morphTargets: , * morphNormals: * } */ function ShaderMaterial (parameters) { Material.call(this) this.type = 'ShaderMaterial' this.defines = {} this.uniforms = {} this.vertexShader = 'void main() {\n\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n}' this.fragmentShader = 'void main() {\n\tgl_FragColor = vec4( 1.0, 0.0, 0.0, 1.0 );\n}' 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 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 = UniformsUtils.clone(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 = source.extensions return this } ShaderMaterial.prototype.toJSON = function (meta) { var data = Material.prototype.toJSON.call(this, meta) data.uniforms = this.uniforms data.vertexShader = this.vertexShader data.fragmentShader = this.fragmentShader return data } /** * @author bhouston / http://clara.io */ function Ray (origin, direction) { this.origin = (origin !== undefined) ? origin : new Vector3() this.direction = (direction !== undefined) ? direction : new Vector3() } Object.assign(Ray.prototype, { set: function (origin, direction) { this.origin.copy(origin) this.direction.copy(direction) return this }, clone: function () { return new this.constructor().copy(this) }, copy: function (ray) { this.origin.copy(ray.origin) this.direction.copy(ray.direction) return this }, at: function (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) }, lookAt: function (v) { this.direction.copy(v).sub(this.origin).normalize() return this }, recast: (function () { var v1 = new Vector3() return function recast (t) { this.origin.copy(this.at(t, v1)) return this } }()), closestPointToPoint: function (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) }, distanceToPoint: function (point) { return Math.sqrt(this.distanceSqToPoint(point)) }, distanceSqToPoint: (function () { var v1 = new Vector3() return function distanceSqToPoint (point) { var directionDistance = v1.subVectors(point, this.origin).dot(this.direction) // point behind the ray if (directionDistance < 0) { return this.origin.distanceToSquared(point) } v1.copy(this.direction).multiplyScalar(directionDistance).add(this.origin) return v1.distanceToSquared(point) } }()), distanceSqToSegment: (function () { var segCenter = new Vector3() var segDir = new Vector3() var diff = new Vector3() return 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 } }()), intersectSphere: (function () { var v1 = new Vector3() return function intersectSphere (sphere, target) { v1.subVectors(sphere.center, this.origin) var tca = v1.dot(this.direction) var d2 = v1.dot(v1) - 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) } }()), intersectsSphere: function (sphere) { return this.distanceToPoint(sphere.center) <= sphere.radius }, distanceToPlane: function (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 }, intersectPlane: function (plane, target) { var t = this.distanceToPlane(plane) if (t === null) { return null } return this.at(t, target) }, intersectsPlane: function (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 }, intersectBox: function (box, target) { var tmin, tmax, tymin, tymax, tzmin, tzmax var invdirx = 1 / this.direction.x var invdiry = 1 / this.direction.y var 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) }, intersectsBox: (function () { var v = new Vector3() return function intersectsBox (box) { return this.intersectBox(box, v) !== null } })(), intersectTriangle: (function () { // Compute the offset origin, edges, and normal. var diff = new Vector3() var edge1 = new Vector3() var edge2 = new Vector3() var normal = new Vector3() return function intersectTriangle (a, b, c, backfaceCulling, target) { // 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) } }()), applyMatrix4: function (matrix4) { this.origin.applyMatrix4(matrix4) this.direction.transformDirection(matrix4) return this }, equals: function (ray) { return ray.origin.equals(this.origin) && ray.direction.equals(this.direction) } }) /** * @author bhouston / http://clara.io */ function Line3 (start, end) { this.start = (start !== undefined) ? start : new Vector3() this.end = (end !== undefined) ? end : new Vector3() } Object.assign(Line3.prototype, { set: function (start, end) { this.start.copy(start) this.end.copy(end) return this }, clone: function () { return new this.constructor().copy(this) }, copy: function (line) { this.start.copy(line.start) this.end.copy(line.end) return this }, getCenter: function (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) }, delta: function (target) { if (target === undefined) { console.warn('THREE.Line3: .delta() target is now required') target = new Vector3() } return target.subVectors(this.end, this.start) }, distanceSq: function () { return this.start.distanceToSquared(this.end) }, distance: function () { return this.start.distanceTo(this.end) }, at: function (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) }, closestPointToPointParameter: (function () { var startP = new Vector3() var startEnd = new Vector3() return 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 = _Math.clamp(t, 0, 1) } return t } }()), closestPointToPoint: function (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) }, applyMatrix4: function (matrix) { this.start.applyMatrix4(matrix) this.end.applyMatrix4(matrix) return this }, equals: function (line) { return line.start.equals(this.start) && line.end.equals(this.end) } }) /** * @author bhouston / http://clara.io * @author mrdoob / http://mrdoob.com/ */ 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() } Object.assign(Triangle, { getNormal: (function () { var v0 = new Vector3() return 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.subVectors(a, b) target.cross(v0) 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 getBarycoord: (function () { var v0 = new Vector3() var v1 = new Vector3() var v2 = new Vector3() return function getBarycoord (point, a, b, c, target) { v0.subVectors(c, a) v1.subVectors(b, a) v2.subVectors(point, a) var dot00 = v0.dot(v0) var dot01 = v0.dot(v1) var dot02 = v0.dot(v2) var dot11 = v1.dot(v1) var dot12 = v1.dot(v2) 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) } }()), containsPoint: (function () { var v1 = new Vector3() return function containsPoint (point, a, b, c) { Triangle.getBarycoord(point, a, b, c, v1) return (v1.x >= 0) && (v1.y >= 0) && ((v1.x + v1.y) <= 1) } }()) }) Object.assign(Triangle.prototype, { set: function (a, b, c) { this.a.copy(a) this.b.copy(b) this.c.copy(c) return this }, setFromPointsAndIndices: function (points, i0, i1, i2) { this.a.copy(points[i0]) this.b.copy(points[i1]) this.c.copy(points[i2]) return this }, clone: function () { return new this.constructor().copy(this) }, copy: function (triangle) { this.a.copy(triangle.a) this.b.copy(triangle.b) this.c.copy(triangle.c) return this }, getArea: (function () { var v0 = new Vector3() var v1 = new Vector3() return function getArea () { v0.subVectors(this.c, this.b) v1.subVectors(this.a, this.b) return v0.cross(v1).length() * 0.5 } }()), getMidpoint: function (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) }, getNormal: function (target) { return Triangle.getNormal(this.a, this.b, this.c, target) }, getPlane: function (target) { if (target === undefined) { console.warn('THREE.Triangle: .getPlane() target is now required') target = new Vector3() } return target.setFromCoplanarPoints(this.a, this.b, this.c) }, getBarycoord: function (point, target) { return Triangle.getBarycoord(point, this.a, this.b, this.c, target) }, containsPoint: function (point) { return Triangle.containsPoint(point, this.a, this.b, this.c) }, intersectsBox: function (box) { return box.intersectsTriangle(this) }, closestPointToPoint: (function () { var plane = new Plane() var edgeList = [new Line3(), new Line3(), new Line3()] var projectedPoint = new Vector3() var closestPoint = new Vector3() return function closestPointToPoint (point, target) { if (target === undefined) { console.warn('THREE.Triangle: .closestPointToPoint() target is now required') target = new Vector3() } var minDistance = Infinity // project the point onto the plane of the triangle plane.setFromCoplanarPoints(this.a, this.b, this.c) plane.projectPoint(point, projectedPoint) // check if the projection lies within the triangle if (this.containsPoint(projectedPoint) === true) { // if so, this is the closest point target.copy(projectedPoint) } else { // if not, the point falls outside the triangle. the target is the closest point to the triangle's edges or vertices edgeList[0].set(this.a, this.b) edgeList[1].set(this.b, this.c) edgeList[2].set(this.c, this.a) for (var i = 0; i < edgeList.length; i++) { edgeList[i].closestPointToPoint(projectedPoint, true, closestPoint) var distance = projectedPoint.distanceToSquared(closestPoint) if (distance < minDistance) { minDistance = distance target.copy(closestPoint) } } } return target } }()), equals: function (triangle) { return triangle.a.equals(this.a) && triangle.b.equals(this.b) && triangle.c.equals(this.c) } }) /** * @author mrdoob / http://mrdoob.com/ * @author alteredq / http://alteredqualia.com/ * @author mikael emtinger / http://gomo.se/ * @author jonobr1 / http://jonobr1.com/ */ function Mesh (geometry, material) { Object3D.call(this) this.type = 'Mesh' this.geometry = geometry !== undefined ? geometry : new BufferGeometry() this.material = material !== undefined ? material : new MeshBasicMaterial({ color: Math.random() * 0xffffff }) this.drawMode = TrianglesDrawMode this.updateMorphTargets() } Mesh.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: Mesh, isMesh: true, setDrawMode: function (value) { this.drawMode = value }, copy: function (source) { Object3D.prototype.copy.call(this, source) this.drawMode = source.drawMode if (source.morphTargetInfluences !== undefined) { this.morphTargetInfluences = source.morphTargetInfluences.slice() } if (source.morphTargetDictionary !== undefined) { this.morphTargetDictionary = Object.assign({}, source.morphTargetDictionary) } return this }, updateMorphTargets: function () { var geometry = this.geometry var m, ml, name 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 (m = 0, ml = morphAttribute.length; m < ml; m++) { 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) { this.morphTargetInfluences = [] this.morphTargetDictionary = {} for (m = 0, ml = morphTargets.length; m < ml; m++) { name = morphTargets[m].name || String(m) this.morphTargetInfluences.push(0) this.morphTargetDictionary[name] = m } } } }, raycast: (function () { 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 uvA = new Vector2() var uvB = new Vector2() var uvC = new Vector2() var barycoord = new Vector3() var intersectionPoint = new Vector3() var intersectionPointWorld = new Vector3() function uvIntersection (point, p1, p2, p3, uv1, uv2, uv3) { Triangle.getBarycoord(point, p1, p2, p3, barycoord) uv1.multiplyScalar(barycoord.x) uv2.multiplyScalar(barycoord.y) uv3.multiplyScalar(barycoord.z) uv1.add(uv2).add(uv3) return uv1.clone() } 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, raycaster, ray, position, uv, a, b, c) { vA.fromBufferAttribute(position, a) vB.fromBufferAttribute(position, b) vC.fromBufferAttribute(position, c) var intersection = checkIntersection(object, 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 = uvIntersection(intersectionPoint, vA, vB, vC, uvA, uvB, uvC) } var face = new Face3(a, b, c) Triangle.getNormal(vA, vB, vC, face.normal) intersection.face = face } return intersection } return 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.getInverse(matrixWorld) 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 a, b, c var index = geometry.index var position = geometry.attributes.position var uv = geometry.attributes.uv var i, l if (index !== null) { // indexed buffer geometry for (i = 0, l = index.count; i < l; i += 3) { a = index.getX(i) b = index.getX(i + 1) c = index.getX(i + 2) intersection = checkBufferGeometryIntersection(this, raycaster, ray, position, uv, 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 for (i = 0, l = position.count; i < l; i += 3) { a = i b = i + 1 c = i + 2 intersection = checkBufferGeometryIntersection(this, raycaster, ray, position, uv, a, b, c) if (intersection) { intersection.faceIndex = Math.floor(i / 3) // triangle number in non-indexed buffer semantics intersects.push(intersection) } } } } else if (geometry.isGeometry) { var fvA, fvB, fvC var isMultiMaterial = Array.isArray(material) var vertices = geometry.vertices var faces = geometry.faces var uvs var faceVertexUvs = geometry.faceVertexUvs[0] if (faceVertexUvs.length > 0) uvs = faceVertexUvs for (var f = 0, fl = faces.length; f < fl; f++) { var face = faces[f] var faceMaterial = isMultiMaterial ? material[face.materialIndex] : material if (faceMaterial === undefined) continue fvA = vertices[face.a] fvB = vertices[face.b] fvC = vertices[face.c] if (faceMaterial.morphTargets === true) { var morphTargets = geometry.morphTargets var morphInfluences = this.morphTargetInfluences vA.set(0, 0, 0) vB.set(0, 0, 0) vC.set(0, 0, 0) for (var t = 0, tl = morphTargets.length; t < tl; t++) { var influence = morphInfluences[t] if (influence === 0) continue var targets = morphTargets[t].vertices vA.addScaledVector(tempA.subVectors(targets[face.a], fvA), influence) vB.addScaledVector(tempB.subVectors(targets[face.b], fvB), influence) vC.addScaledVector(tempC.subVectors(targets[face.c], fvC), influence) } vA.add(fvA) vB.add(fvB) vC.add(fvC) fvA = vA fvB = vB fvC = vC } intersection = checkIntersection(this, faceMaterial, raycaster, ray, fvA, fvB, fvC, intersectionPoint) if (intersection) { if (uvs && uvs[f]) { var uvs_f = uvs[f] uvA.copy(uvs_f[0]) uvB.copy(uvs_f[1]) uvC.copy(uvs_f[2]) intersection.uv = uvIntersection(intersectionPoint, fvA, fvB, fvC, uvA, uvB, uvC) } intersection.face = face intersection.faceIndex = f intersects.push(intersection) } } } } }()), clone: function () { return new this.constructor(this.geometry, this.material).copy(this) } }) /** * @author mrdoob / http://mrdoob.com/ */ function WebGLBackground (renderer, state, objects, premultipliedAlpha) { var clearColor = new Color(0x000000) var clearAlpha = 0 var planeCamera, planeMesh var boxMesh function render (renderList, scene, camera, forceClear) { var background = scene.background 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) { if (boxMesh === undefined) { boxMesh = new Mesh( new BoxBufferGeometry(1, 1, 1), new ShaderMaterial({ uniforms: ShaderLib.cube.uniforms, vertexShader: ShaderLib.cube.vertexShader, fragmentShader: ShaderLib.cube.fragmentShader, side: BackSide, depthTest: true, depthWrite: false, fog: false }) ) boxMesh.geometry.removeAttribute('normal') boxMesh.geometry.removeAttribute('uv') boxMesh.onBeforeRender = function (renderer, scene, camera) { this.matrixWorld.copyPosition(camera.matrixWorld) } objects.update(boxMesh) } boxMesh.material.uniforms.tCube.value = background renderList.push(boxMesh, boxMesh.geometry, boxMesh.material, 0, null) } else if (background && background.isTexture) { if (planeCamera === undefined) { planeCamera = new OrthographicCamera(-1, 1, 1, -1, 0, 1) planeMesh = new Mesh( new PlaneBufferGeometry(2, 2), new MeshBasicMaterial({ depthTest: false, depthWrite: false, fog: false }) ) objects.update(planeMesh) } planeMesh.material.map = background // TODO Push this to renderList renderer.renderBufferDirect(planeCamera, null, planeMesh.geometry, planeMesh.material, planeMesh, null) } } function setClear (color, alpha) { state.buffers.color.setClear(color.r, color.g, color.b, alpha, premultipliedAlpha) } return { getClearColor: function () { return clearColor }, setClearColor: function (color, alpha) { clearColor.set(color) clearAlpha = alpha !== undefined ? alpha : 1 setClear(clearColor, clearAlpha) }, getClearAlpha: function () { return clearAlpha }, setClearAlpha: function (alpha) { clearAlpha = alpha setClear(clearColor, clearAlpha) }, render: render } } /** * @author mrdoob / http://mrdoob.com/ */ function WebGLBufferRenderer (gl, extensions, info) { var mode function setMode (value) { mode = value } function render (start, count) { gl.drawArrays(mode, start, count) info.update(count, mode) } function renderInstances (geometry, start, count) { var extension = extensions.get('ANGLE_instanced_arrays') if (extension === null) { console.error('THREE.WebGLBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.') return } extension.drawArraysInstancedANGLE(mode, start, count, geometry.maxInstancedCount) info.update(count, mode, geometry.maxInstancedCount) } // this.setMode = setMode this.render = render this.renderInstances = renderInstances } /** * @author mrdoob / http://mrdoob.com/ */ 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(gl.VERTEX_SHADER, gl.HIGH_FLOAT).precision > 0 && gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT).precision > 0) { return 'highp' } precision = 'mediump' } if (precision === 'mediump') { if (gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.MEDIUM_FLOAT).precision > 0 && gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_FLOAT).precision > 0) { return 'mediump' } } return 'lowp' } 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(gl.MAX_TEXTURE_IMAGE_UNITS) var maxVertexTextures = gl.getParameter(gl.MAX_VERTEX_TEXTURE_IMAGE_UNITS) var maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE) var maxCubemapSize = gl.getParameter(gl.MAX_CUBE_MAP_TEXTURE_SIZE) var maxAttributes = gl.getParameter(gl.MAX_VERTEX_ATTRIBS) var maxVertexUniforms = gl.getParameter(gl.MAX_VERTEX_UNIFORM_VECTORS) var maxVaryings = gl.getParameter(gl.MAX_VARYING_VECTORS) var maxFragmentUniforms = gl.getParameter(gl.MAX_FRAGMENT_UNIFORM_VECTORS) var vertexTextures = maxVertexTextures > 0 var floatFragmentTextures = !!extensions.get('OES_texture_float') var floatVertexTextures = vertexTextures && floatFragmentTextures return { 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 } } /** * @author tschw */ function WebGLClipping () { var scope = this var globalState = null var numGlobalPlanes = 0 var localClippingEnabled = false var renderingShadows = false var plane = new Plane() var viewNormalMatrix = new Matrix3() var 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 (planes, clipIntersection, clipShadows, camera, cache, fromCache) { 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 var lGlobal = nGlobal * 4 var dstArray = cache.clippingState || null uniform.value = dstArray // ensure unique state dstArray = projectPlanes(planes, camera, lGlobal, fromCache) for (var i = 0; i !== lGlobal; ++i) { dstArray[i] = globalState[i] } cache.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 var 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 return dstArray } } /** * @author mrdoob / http://mrdoob.com/ */ function WebGLExtensions (gl) { var extensions = {} return { get: function (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) } if (extension === null) { console.warn('THREE.WebGLRenderer: ' + name + ' extension not supported.') } extensions[name] = extension return extension } } } /** * @author mrdoob / http://mrdoob.com/ */ function WebGLGeometries (gl, attributes, info) { var geometries = {} var wireframeAttributes = {} function onGeometryDispose (event) { var geometry = event.target var buffergeometry = geometries[geometry.id] if (buffergeometry.index !== null) { attributes.remove(buffergeometry.index) } for (var name in buffergeometry.attributes) { attributes.remove(buffergeometry.attributes[name]) } geometry.removeEventListener('dispose', onGeometryDispose) delete geometries[geometry.id] // TODO Remove duplicate code var attribute = wireframeAttributes[geometry.id] if (attribute) { attributes.remove(attribute) delete wireframeAttributes[geometry.id] } attribute = wireframeAttributes[buffergeometry.id] if (attribute) { attributes.remove(attribute) delete wireframeAttributes[buffergeometry.id] } // info.memory.geometries-- } function get (object, geometry) { var buffergeometry = geometries[geometry.id] if (buffergeometry) return buffergeometry geometry.addEventListener('dispose', onGeometryDispose) if (geometry.isBufferGeometry) { buffergeometry = geometry } else if (geometry.isGeometry) { if (geometry._bufferGeometry === undefined) { geometry._bufferGeometry = new BufferGeometry().setFromObject(object) } buffergeometry = geometry._bufferGeometry } geometries[geometry.id] = buffergeometry info.memory.geometries++ return buffergeometry } function update (geometry) { var index = geometry.index var geometryAttributes = geometry.attributes if (index !== null) { attributes.update(index, gl.ELEMENT_ARRAY_BUFFER) } for (var name in geometryAttributes) { attributes.update(geometryAttributes[name], gl.ARRAY_BUFFER) } // 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], gl.ARRAY_BUFFER) } } } function getWireframeAttribute (geometry) { var attribute = wireframeAttributes[geometry.id] if (attribute) return attribute var indices = [] var geometryIndex = geometry.index var geometryAttributes = geometry.attributes // console.time( 'wireframe' ); if (geometryIndex !== null) { var array = geometryIndex.array 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 = geometryAttributes.position.array 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) } } // console.timeEnd( 'wireframe' ); attribute = new (arrayMax(indices) > 65535 ? Uint32BufferAttribute : Uint16BufferAttribute)(indices, 1) attributes.update(attribute, gl.ELEMENT_ARRAY_BUFFER) wireframeAttributes[geometry.id] = attribute return attribute } return { get: get, update: update, getWireframeAttribute: getWireframeAttribute } } /** * @author mrdoob / http://mrdoob.com/ */ function WebGLIndexedBufferRenderer (gl, extensions, info) { 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) } function renderInstances (geometry, start, count) { var extension = extensions.get('ANGLE_instanced_arrays') if (extension === null) { console.error('THREE.WebGLIndexedBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.') return } extension.drawElementsInstancedANGLE(mode, count, type, start * bytesPerElement, geometry.maxInstancedCount) info.update(count, mode, geometry.maxInstancedCount) } // this.setMode = setMode this.setIndex = setIndex this.render = render this.renderInstances = renderInstances } /** * @author Mugen87 / https://github.com/Mugen87 */ 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) { instanceCount = instanceCount || 1 render.calls++ switch (mode) { case gl.TRIANGLES: render.triangles += instanceCount * (count / 3) break case gl.TRIANGLE_STRIP: case gl.TRIANGLE_FAN: render.triangles += instanceCount * (count - 2) break case gl.LINES: render.lines += instanceCount * (count / 2) break case gl.LINE_STRIP: render.lines += instanceCount * (count - 1) break case gl.LINE_LOOP: render.lines += instanceCount * count break case gl.POINTS: 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 } } /** * @author mrdoob / http://mrdoob.com/ */ function absNumericalSort (a, b) { return Math.abs(b[1]) - Math.abs(a[1]) } function WebGLMorphtargets (gl) { var influencesList = {} var morphInfluences = new Float32Array(8) function update (object, geometry, material, program) { var objectInfluences = object.morphTargetInfluences var length = 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 } var morphTargets = material.morphTargets && geometry.morphAttributes.position var morphNormals = material.morphNormals && geometry.morphAttributes.normal // Remove current morphAttributes for (var i = 0; i < length; i++) { var influence = influences[i] if (influence[1] !== 0) { if (morphTargets) geometry.removeAttribute('morphTarget' + i) if (morphNormals) geometry.removeAttribute('morphNormal' + i) } } // Collect influences for (var i = 0; i < length; i++) { var influence = influences[i] influence[0] = i influence[1] = objectInfluences[i] } influences.sort(absNumericalSort) // Add morphAttributes for (var i = 0; i < 8; i++) { var influence = influences[i] if (influence) { var index = influence[0] var value = influence[1] if (value) { if (morphTargets) geometry.addAttribute('morphTarget' + i, morphTargets[index]) if (morphNormals) geometry.addAttribute('morphNormal' + i, morphNormals[index]) morphInfluences[i] = value continue } } morphInfluences[i] = 0 } program.getUniforms().setValue(gl, 'morphTargetInfluences', morphInfluences) } return { update: update } } /** * @author mrdoob / http://mrdoob.com/ */ function WebGLObjects (geometries, info) { var updateList = {} function update (object) { var frame = info.render.frame var geometry = object.geometry var buffergeometry = geometries.get(object, geometry) // Update once per frame if (updateList[buffergeometry.id] !== frame) { if (geometry.isGeometry) { buffergeometry.updateFromObject(object) } geometries.update(buffergeometry) updateList[buffergeometry.id] = frame } return buffergeometry } function dispose () { updateList = {} } return { update: update, dispose: dispose } } /** * @author mrdoob / http://mrdoob.com/ */ function CubeTexture (images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding) { images = images !== undefined ? images : [] mapping = mapping !== undefined ? mapping : CubeReflectionMapping Texture.call(this, images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding) this.flipY = false } CubeTexture.prototype = Object.create(Texture.prototype) CubeTexture.prototype.constructor = CubeTexture CubeTexture.prototype.isCubeTexture = true Object.defineProperty(CubeTexture.prototype, 'images', { get: function () { return this.image }, set: function (value) { this.image = value } }) /** * @author tschw * * 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, renderer )'. * * * 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, [renderer] ) * * uploads a uniform value(s) * the 'renderer' parameter is needed for sampler uniforms * * * Static methods of the top-level container (renderer factorizations): * * .upload( gl, seq, values, renderer ) * * 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 (renderer factorizations): * * .setValue( gl, name, value ) * * sets uniform with name 'name' to 'value' * * .set( gl, obj, prop ) * * sets uniform from object and property with same name than uniform * * .setOptional( gl, obj, prop ) * * like .set for an optional property of the object * */ var emptyTexture = new Texture() var emptyCubeTexture = new CubeTexture() // --- Base for inner nodes (including the root) --- function UniformContainer () { this.seq = [] this.map = {} } // --- 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 (renderer, n) { var r = arrayCacheI32[n] if (r === undefined) { r = new Int32Array(n) arrayCacheI32[n] = r } for (var i = 0; i !== n; ++i) { r[i] = renderer.allocTextureUnit() } return r } // --- Setters --- // Note: Defining these methods externally, because they come in a bunch // and this way their names minify. // Single scalar function setValue1f (gl, v) { var cache = this.cache if (cache[0] === v) return gl.uniform1f(this.addr, v) cache[0] = v } function setValue1i (gl, v) { var cache = this.cache if (cache[0] === v) return gl.uniform1i(this.addr, v) cache[0] = v } // Single float vector (from flat array or THREE.VectorN) function setValue2fv (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 setValue3fv (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 setValue4fv (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 setValue2fm (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 setValue3fm (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 setValue4fm (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, renderer) { var cache = this.cache var unit = renderer.allocTextureUnit() if (cache[0] !== unit) { gl.uniform1i(this.addr, unit) cache[0] = unit } renderer.setTexture2D(v || emptyTexture, unit) } function setValueT6 (gl, v, renderer) { var cache = this.cache var unit = renderer.allocTextureUnit() if (cache[0] !== unit) { gl.uniform1i(this.addr, unit) cache[0] = unit } renderer.setTextureCube(v || emptyCubeTexture, unit) } // Integer / Boolean vectors or arrays thereof (always flat arrays) function setValue2iv (gl, v) { var cache = this.cache if (arraysEqual(cache, v)) return gl.uniform2iv(this.addr, v) copyArray(cache, v) } function setValue3iv (gl, v) { var cache = this.cache if (arraysEqual(cache, v)) return gl.uniform3iv(this.addr, v) copyArray(cache, v) } function setValue4iv (gl, v) { var cache = this.cache if (arraysEqual(cache, v)) return gl.uniform4iv(this.addr, v) copyArray(cache, v) } // Helper to pick the right setter for the singular case function getSingularSetter (type) { switch (type) { case 0x1406: return setValue1f // FLOAT case 0x8b50: return setValue2fv // _VEC2 case 0x8b51: return setValue3fv // _VEC3 case 0x8b52: return setValue4fv // _VEC4 case 0x8b5a: return setValue2fm // _MAT2 case 0x8b5b: return setValue3fm // _MAT3 case 0x8b5c: return setValue4fm // _MAT4 case 0x8b5e: case 0x8d66: return setValueT1 // SAMPLER_2D, SAMPLER_EXTERNAL_OES case 0x8b60: return setValueT6 // SAMPLER_CUBE case 0x1404: case 0x8b56: return setValue1i // INT, BOOL case 0x8b53: case 0x8b57: return setValue2iv // _VEC2 case 0x8b54: case 0x8b58: return setValue3iv // _VEC3 case 0x8b55: case 0x8b59: return setValue4iv // _VEC4 } } // Array of scalars function setValue1fv (gl, v) { var cache = this.cache if (arraysEqual(cache, v)) return gl.uniform1fv(this.addr, v) copyArray(cache, v) } function setValue1iv (gl, v) { var cache = this.cache if (arraysEqual(cache, v)) return gl.uniform1iv(this.addr, v) copyArray(cache, v) } // Array of vectors (flat or from THREE classes) function setValueV2a (gl, v) { var cache = this.cache var data = flatten(v, this.size, 2) if (arraysEqual(cache, data)) return gl.uniform2fv(this.addr, data) this.updateCache(data) } function setValueV3a (gl, v) { var cache = this.cache var data = flatten(v, this.size, 3) if (arraysEqual(cache, data)) return gl.uniform3fv(this.addr, data) this.updateCache(data) } function setValueV4a (gl, v) { var cache = this.cache var data = flatten(v, this.size, 4) if (arraysEqual(cache, data)) return gl.uniform4fv(this.addr, data) this.updateCache(data) } // Array of matrices (flat or from THREE clases) function setValueM2a (gl, v) { var cache = this.cache var data = flatten(v, this.size, 4) if (arraysEqual(cache, data)) return gl.uniformMatrix2fv(this.addr, false, data) this.updateCache(data) } function setValueM3a (gl, v) { var cache = this.cache var data = flatten(v, this.size, 9) if (arraysEqual(cache, data)) return gl.uniformMatrix3fv(this.addr, false, data) this.updateCache(data) } function setValueM4a (gl, v) { var cache = this.cache var data = flatten(v, this.size, 16) if (arraysEqual(cache, data)) return gl.uniformMatrix4fv(this.addr, false, data) this.updateCache(data) } // Array of textures (2D / Cube) function setValueT1a (gl, v, renderer) { var cache = this.cache var n = v.length var units = allocTexUnits(renderer, n) if (arraysEqual(cache, units) === false) { gl.uniform1iv(this.addr, units) copyArray(cache, units) } for (var i = 0; i !== n; ++i) { renderer.setTexture2D(v[i] || emptyTexture, units[i]) } } function setValueT6a (gl, v, renderer) { var cache = this.cache var n = v.length var units = allocTexUnits(renderer, n) if (arraysEqual(cache, units) === false) { gl.uniform1iv(this.addr, units) copyArray(cache, units) } for (var i = 0; i !== n; ++i) { renderer.setTextureCube(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 setValue1fv // FLOAT case 0x8b50: return setValueV2a // _VEC2 case 0x8b51: return setValueV3a // _VEC3 case 0x8b52: return setValueV4a // _VEC4 case 0x8b5a: return setValueM2a // _MAT2 case 0x8b5b: return setValueM3a // _MAT3 case 0x8b5c: return setValueM4a // _MAT4 case 0x8b5e: return setValueT1a // SAMPLER_2D case 0x8b60: return setValueT6a // SAMPLER_CUBE case 0x1404: case 0x8b56: return setValue1iv // INT, BOOL case 0x8b53: case 0x8b57: return setValue2iv // _VEC2 case 0x8b54: case 0x8b58: return setValue3iv // _VEC3 case 0x8b55: case 0x8b59: return setValue4iv // _VEC4 } } // --- 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 UniformContainer.call(this) // mix-in } StructuredUniform.prototype.setValue = function (gl, value) { // Note: Don't need an extra 'renderer' parameter, since samplers // are not allowed in structured uniforms. var seq = this.seq for (var i = 0, n = seq.length; i !== n; ++i) { var u = seq[i] u.setValue(gl, value[u.id]) } } // --- Top-level --- // Parser - builds up the property tree from the path strings var RePathPart = /([\w\d_]+)(\])?(\[|\.)?/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 var 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) var matchEnd = RePathPart.lastIndex var id = match[1] var idIsIndex = match[2] === ']' var 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, renderer) { UniformContainer.call(this) this.renderer = renderer var n = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS) for (var i = 0; i < n; ++i) { var info = gl.getActiveUniform(program, i) var addr = gl.getUniformLocation(program, info.name) parseUniform(info, addr, this) } } WebGLUniforms.prototype.setValue = function (gl, name, value) { var u = this.map[name] if (u !== undefined) u.setValue(gl, value, this.renderer) } 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, renderer) { for (var i = 0, n = seq.length; i !== n; ++i) { var u = seq[i] var v = values[u.id] if (v.needsUpdate !== false) { // note: always updating when .needsUpdate is undefined u.setValue(gl, v.value, renderer) } } } 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 } /** * @author mrdoob / http://mrdoob.com/ */ 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 WebGLShader (gl, type, string) { var shader = gl.createShader(type) gl.shaderSource(shader, string) gl.compileShader(shader) if (gl.getShaderParameter(shader, gl.COMPILE_STATUS) === false) { console.error('THREE.WebGLShader: Shader couldn\'t compile.') } if (gl.getShaderInfoLog(shader) !== '') { console.warn('THREE.WebGLShader: gl.getShaderInfoLog()', type === gl.VERTEX_SHADER ? 'vertex' : 'fragment', gl.getShaderInfoLog(shader), addLineNumbers(string)) } // --enable-privileged-webgl-extension // console.log( type, gl.getExtension( 'WEBGL_debug_shaders' ).getTranslatedShaderSource( shader ) ); return shader } /** * @author mrdoob / http://mrdoob.com/ */ var programIdCount = 0 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 ) )'] default: throw new Error('unsupported encoding: ' + encoding) } } 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 Uncharted2ToneMapping: toneMappingName = 'Uncharted2' break case CineonToneMapping: toneMappingName = 'OptimizedCineon' break default: throw new Error('unsupported toneMapping: ' + toneMapping) } return 'vec3 ' + functionName + '( vec3 color ) { return ' + toneMappingName + 'ToneMapping( color ); }' } function generateExtensions (extensions, parameters, rendererExtensions) { extensions = extensions || {} var chunks = [ (extensions.derivatives || parameters.envMapCubeUV || parameters.bumpMap || parameters.normalMap || parameters.flatShading) ? '#extension GL_OES_standard_derivatives : enable' : '', (extensions.fragDepth || parameters.logarithmicDepthBuffer) && rendererExtensions.get('EXT_frag_depth') ? '#extension GL_EXT_frag_depth : enable' : '', (extensions.drawBuffers) && rendererExtensions.get('WEBGL_draw_buffers') ? '#extension GL_EXT_draw_buffers : require' : '', (extensions.shaderTextureLOD || parameters.envMap) && rendererExtensions.get('EXT_shader_texture_lod') ? '#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, gl.ACTIVE_ATTRIBUTES) 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) } function replaceClippingPlaneNums (string, parameters) { return string .replace(/NUM_CLIPPING_PLANES/g, parameters.numClippingPlanes) .replace(/UNION_CLIPPING_PLANES/g, (parameters.numClippingPlanes - parameters.numClipIntersection)) } function parseIncludes (string) { var pattern = /^[ \t]*#include +<([\w\d.]+)>/gm function replace (match, include) { var replace = ShaderChunk[include] if (replace === undefined) { throw new Error('Can not resolve #include <' + include + '>') } return parseIncludes(replace) } return string.replace(pattern, replace) } function unrollLoops (string) { var pattern = /#pragma unroll_loop[\s]+?for \( int i \= (\d+)\; i < (\d+)\; i \+\+ \) \{([\s\S]+?)(?=\})\}/g function replace (match, start, end, snippet) { var unroll = '' for (var i = parseInt(start); i < parseInt(end); i++) { unroll += snippet.replace(/\[ i \]/g, '[ ' + i + ' ]') } return unroll } return string.replace(pattern, replace) } function WebGLProgram (renderer, extensions, code, material, shader, parameters) { var gl = renderer.context var defines = material.defines var vertexShader = shader.vertexShader var fragmentShader = shader.fragmentShader var shadowMapTypeDefine = 'SHADOWMAP_TYPE_BASIC' if (parameters.shadowMapType === PCFShadowMap) { shadowMapTypeDefine = 'SHADOWMAP_TYPE_PCF' } else if (parameters.shadowMapType === PCFSoftShadowMap) { shadowMapTypeDefine = 'SHADOWMAP_TYPE_PCF_SOFT' } var envMapTypeDefine = 'ENVMAP_TYPE_CUBE' var envMapModeDefine = 'ENVMAP_MODE_REFLECTION' var envMapBlendingDefine = 'ENVMAP_BLENDING_MULTIPLY' if (parameters.envMap) { switch (material.envMap.mapping) { case CubeReflectionMapping: case CubeRefractionMapping: envMapTypeDefine = 'ENVMAP_TYPE_CUBE' break case CubeUVReflectionMapping: case CubeUVRefractionMapping: envMapTypeDefine = 'ENVMAP_TYPE_CUBE_UV' break case EquirectangularReflectionMapping: case EquirectangularRefractionMapping: envMapTypeDefine = 'ENVMAP_TYPE_EQUIREC' break case SphericalReflectionMapping: envMapTypeDefine = 'ENVMAP_TYPE_SPHERE' break } switch (material.envMap.mapping) { case CubeRefractionMapping: case EquirectangularRefractionMapping: envMapModeDefine = 'ENVMAP_MODE_REFRACTION' break } switch (material.combine) { case MultiplyOperation: envMapBlendingDefine = 'ENVMAP_BLENDING_MULTIPLY' break case MixOperation: envMapBlendingDefine = 'ENVMAP_BLENDING_MIX' break case AddOperation: envMapBlendingDefine = 'ENVMAP_BLENDING_ADD' break } } var gammaFactorDefine = (renderer.gammaFactor > 0) ? renderer.gammaFactor : 1.0 // console.log( 'building new program ' ); // var customExtensions = generateExtensions(material.extensions, parameters, extensions) var customDefines = generateDefines(defines) // var program = gl.createProgram() var prefixVertex, prefixFragment if (material.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 = [ 'precision ' + parameters.precision + ' float;', 'precision ' + parameters.precision + ' int;', '#define SHADER_NAME ' + shader.name, customDefines, parameters.supportsVertexTextures ? '#define VERTEX_TEXTURES' : '', '#define GAMMA_FACTOR ' + gammaFactorDefine, '#define MAX_BONES ' + parameters.maxBones, (parameters.useFog && parameters.fog) ? '#define USE_FOG' : '', (parameters.useFog && parameters.fogExp) ? '#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.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.vertexColors ? '#define USE_COLOR' : '', 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 && extensions.get('EXT_frag_depth') ? '#define USE_LOGDEPTHBUF_EXT' : '', 'uniform mat4 modelMatrix;', 'uniform mat4 modelViewMatrix;', 'uniform mat4 projectionMatrix;', 'uniform mat4 viewMatrix;', 'uniform mat3 normalMatrix;', 'uniform vec3 cameraPosition;', 'attribute vec3 position;', 'attribute vec3 normal;', 'attribute vec2 uv;', '#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, 'precision ' + parameters.precision + ' float;', 'precision ' + parameters.precision + ' int;', '#define SHADER_NAME ' + shader.name, 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.fogExp) ? '#define FOG_EXP2' : '', parameters.map ? '#define USE_MAP' : '', 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.specularMap ? '#define USE_SPECULARMAP' : '', parameters.roughnessMap ? '#define USE_ROUGHNESSMAP' : '', parameters.metalnessMap ? '#define USE_METALNESSMAP' : '', parameters.alphaMap ? '#define USE_ALPHAMAP' : '', parameters.vertexColors ? '#define USE_COLOR' : '', 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 && extensions.get('EXT_frag_depth') ? '#define USE_LOGDEPTHBUF_EXT' : '', parameters.envMap && extensions.get('EXT_shader_texture_lod') ? '#define TEXTURE_LOD_EXT' : '', 'uniform mat4 viewMatrix;', 'uniform vec3 cameraPosition;', (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' : '', (parameters.outputEncoding || parameters.mapEncoding || parameters.envMapEncoding || parameters.emissiveMapEncoding) ? ShaderChunk.encodings_pars_fragment : '', // this code is required here because it is used by the various encoding/decoding function defined below parameters.mapEncoding ? getTexelDecodingFunction('mapTexelToLinear', parameters.mapEncoding) : '', parameters.envMapEncoding ? getTexelDecodingFunction('envMapTexelToLinear', parameters.envMapEncoding) : '', parameters.emissiveMapEncoding ? getTexelDecodingFunction('emissiveMapTexelToLinear', parameters.emissiveMapEncoding) : '', parameters.outputEncoding ? getTexelEncodingFunction('linearToOutputTexel', parameters.outputEncoding) : '', parameters.depthPacking ? '#define DEPTH_PACKING ' + material.depthPacking : '', '\n' ].filter(filterEmptyLine).join('\n') } vertexShader = parseIncludes(vertexShader) vertexShader = replaceLightNums(vertexShader, parameters) vertexShader = replaceClippingPlaneNums(vertexShader, parameters) fragmentShader = parseIncludes(fragmentShader) fragmentShader = replaceLightNums(fragmentShader, parameters) fragmentShader = replaceClippingPlaneNums(fragmentShader, parameters) vertexShader = unrollLoops(vertexShader) fragmentShader = unrollLoops(fragmentShader) var vertexGlsl = prefixVertex + vertexShader var fragmentGlsl = prefixFragment + fragmentShader // console.log( '*VERTEX*', vertexGlsl ); // console.log( '*FRAGMENT*', fragmentGlsl ); var glVertexShader = WebGLShader(gl, gl.VERTEX_SHADER, vertexGlsl) var glFragmentShader = WebGLShader(gl, gl.FRAGMENT_SHADER, fragmentGlsl) gl.attachShader(program, glVertexShader) gl.attachShader(program, glFragmentShader) // Force a particular attribute to index 0. if (material.index0AttributeName !== undefined) { gl.bindAttribLocation(program, 0, material.index0AttributeName) } else if (parameters.morphTargets === true) { // programs with morphTargets displace position out of attribute 0 gl.bindAttribLocation(program, 0, 'position') } gl.linkProgram(program) var programLog = gl.getProgramInfoLog(program).trim() var vertexLog = gl.getShaderInfoLog(glVertexShader).trim() var fragmentLog = gl.getShaderInfoLog(glFragmentShader).trim() var runnable = true var haveDiagnostics = true // console.log( '**VERTEX**', gl.getExtension( 'WEBGL_debug_shaders' ).getTranslatedShaderSource( glVertexShader ) ); // console.log( '**FRAGMENT**', gl.getExtension( 'WEBGL_debug_shaders' ).getTranslatedShaderSource( glFragmentShader ) ); if (gl.getProgramParameter(program, gl.LINK_STATUS) === false) { runnable = false console.error('THREE.WebGLProgram: shader error: ', gl.getError(), 'gl.VALIDATE_STATUS', gl.getProgramParameter(program, gl.VALIDATE_STATUS), 'gl.getProgramInfoLog', programLog, vertexLog, fragmentLog) } else if (programLog !== '') { console.warn('THREE.WebGLProgram: gl.getProgramInfoLog()', programLog) } else if (vertexLog === '' || fragmentLog === '') { haveDiagnostics = false } if (haveDiagnostics) { this.diagnostics = { runnable: runnable, material: material, programLog: programLog, vertexShader: { log: vertexLog, prefix: prefixVertex }, fragmentShader: { log: fragmentLog, prefix: prefixFragment } } } // clean up 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, renderer) } 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 () { gl.deleteProgram(program) this.program = undefined } // DEPRECATED Object.defineProperties(this, { uniforms: { get: function () { console.warn('THREE.WebGLProgram: .uniforms is now .getUniforms().') return this.getUniforms() } }, attributes: { get: function () { console.warn('THREE.WebGLProgram: .attributes is now .getAttributes().') return this.getAttributes() } } }) // this.name = shader.name this.id = programIdCount++ this.code = code this.usedTimes = 1 this.program = program this.vertexShader = glVertexShader this.fragmentShader = glFragmentShader return this } /** * @author mrdoob / http://mrdoob.com/ */ function WebGLPrograms (renderer, extensions, capabilities) { var programs = [] var shaderIDs = { MeshDepthMaterial: 'depth', MeshDistanceMaterial: 'distanceRGBA', MeshNormalMaterial: 'normal', MeshBasicMaterial: 'basic', MeshLambertMaterial: 'lambert', MeshPhongMaterial: 'phong', MeshToonMaterial: 'phong', MeshStandardMaterial: 'physical', MeshPhysicalMaterial: 'physical', LineBasicMaterial: 'basic', LineDashedMaterial: 'dashed', PointsMaterial: 'points', ShadowMaterial: 'shadow' } var parameterNames = [ 'precision', 'supportsVertexTextures', 'map', 'mapEncoding', 'envMap', 'envMapMode', 'envMapEncoding', 'lightMap', 'aoMap', 'emissiveMap', 'emissiveMapEncoding', 'bumpMap', 'normalMap', 'displacementMap', 'specularMap', 'roughnessMap', 'metalnessMap', 'gradientMap', 'alphaMap', 'combine', 'vertexColors', 'fog', 'useFog', 'fogExp', 'flatShading', 'sizeAttenuation', 'logarithmicDepthBuffer', 'skinning', 'maxBones', 'useVertexTexture', 'morphTargets', 'morphNormals', 'maxMorphTargets', 'maxMorphNormals', 'premultipliedAlpha', 'numDirLights', 'numPointLights', 'numSpotLights', 'numHemiLights', 'numRectAreaLights', 'shadowMapEnabled', 'shadowMapType', 'toneMapping', 'physicallyCorrectLights', 'alphaTest', 'doubleSided', 'flipSided', 'numClippingPlanes', 'numClipIntersection', 'depthPacking', 'dithering' ] function allocateBones (object) { var skeleton = object.skeleton var bones = skeleton.bones if (capabilities.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 = capabilities.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, gammaOverrideLinear) { var encoding if (!map) { encoding = LinearEncoding } else if (map.isTexture) { encoding = map.encoding } else if (map.isWebGLRenderTarget) { console.warn("THREE.WebGLPrograms.getTextureEncodingFromMap: don't use render targets as textures. Use their .texture property instead.") encoding = map.texture.encoding } // add backwards compatibility for WebGLRenderer.gammaInput/gammaOutput parameter, should probably be removed at some point. if (encoding === LinearEncoding && gammaOverrideLinear) { encoding = GammaEncoding } return encoding } this.getParameters = function (material, lights, shadows, fog, nClipPlanes, nClipIntersection, object) { 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 ? allocateBones(object) : 0 var precision = capabilities.precision 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 currentRenderTarget = renderer.getRenderTarget() var parameters = { shaderID: shaderID, precision: precision, supportsVertexTextures: capabilities.vertexTextures, outputEncoding: getTextureEncodingFromMap((!currentRenderTarget) ? null : currentRenderTarget.texture, renderer.gammaOutput), map: !!material.map, mapEncoding: getTextureEncodingFromMap(material.map, renderer.gammaInput), envMap: !!material.envMap, envMapMode: material.envMap && material.envMap.mapping, envMapEncoding: getTextureEncodingFromMap(material.envMap, renderer.gammaInput), envMapCubeUV: (!!material.envMap) && ((material.envMap.mapping === CubeUVReflectionMapping) || (material.envMap.mapping === CubeUVRefractionMapping)), lightMap: !!material.lightMap, aoMap: !!material.aoMap, emissiveMap: !!material.emissiveMap, emissiveMapEncoding: getTextureEncodingFromMap(material.emissiveMap, renderer.gammaInput), bumpMap: !!material.bumpMap, normalMap: !!material.normalMap, displacementMap: !!material.displacementMap, roughnessMap: !!material.roughnessMap, metalnessMap: !!material.metalnessMap, specularMap: !!material.specularMap, alphaMap: !!material.alphaMap, gradientMap: !!material.gradientMap, combine: material.combine, vertexColors: material.vertexColors, fog: !!fog, useFog: material.fog, fogExp: (fog && fog.isFogExp2), flatShading: material.flatShading, sizeAttenuation: material.sizeAttenuation, logarithmicDepthBuffer: capabilities.logarithmicDepthBuffer, skinning: material.skinning && maxBones > 0, maxBones: maxBones, useVertexTexture: capabilities.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, numClippingPlanes: nClipPlanes, numClipIntersection: nClipIntersection, dithering: material.dithering, shadowMapEnabled: renderer.shadowMap.enabled && object.receiveShadow && shadows.length > 0, shadowMapType: renderer.shadowMap.type, toneMapping: renderer.toneMapping, physicallyCorrectLights: renderer.physicallyCorrectLights, premultipliedAlpha: material.premultipliedAlpha, alphaTest: material.alphaTest, doubleSided: material.side === DoubleSide, flipSided: material.side === BackSide, depthPacking: (material.depthPacking !== undefined) ? material.depthPacking : false } return parameters } this.getProgramCode = function (material, parameters) { var array = [] if (parameters.shaderID) { array.push(parameters.shaderID) } else { array.push(material.fragmentShader) array.push(material.vertexShader) } if (material.defines !== undefined) { for (var name in material.defines) { array.push(name) array.push(material.defines[name]) } } for (var i = 0; i < parameterNames.length; i++) { array.push(parameters[parameterNames[i]]) } array.push(material.onBeforeCompile.toString()) array.push(renderer.gammaOutput) return array.join() } this.acquireProgram = function (material, shader, parameters, code) { var program // Check if code has been already compiled for (var p = 0, pl = programs.length; p < pl; p++) { var programInfo = programs[p] if (programInfo.code === code) { program = programInfo ++program.usedTimes break } } if (program === undefined) { program = new WebGLProgram(renderer, extensions, code, material, shader, parameters) programs.push(program) } return program } this.releaseProgram = function (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() } } // Exposed for resource monitoring & error feedback via renderer.info: this.programs = programs } /** * @author fordacious / fordacious.github.io */ 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 } } /** * @author mrdoob / http://mrdoob.com/ */ function painterSortStable (a, b) { if (a.renderOrder !== b.renderOrder) { return a.renderOrder - b.renderOrder } else if (a.program && b.program && 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.renderOrder !== b.renderOrder) { return a.renderOrder - b.renderOrder } if (a.z !== b.z) { return b.z - a.z } else { return a.id - b.id } } function WebGLRenderList () { var renderItems = [] var renderItemsIndex = 0 var opaque = [] var transparent = [] function init () { renderItemsIndex = 0 opaque.length = 0 transparent.length = 0 } function push (object, geometry, material, z, group) { var renderItem = renderItems[renderItemsIndex] if (renderItem === undefined) { renderItem = { id: object.id, object: object, geometry: geometry, material: material, program: material.program, 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 = material.program renderItem.renderOrder = object.renderOrder renderItem.z = z renderItem.group = group } (material.transparent === true ? transparent : opaque).push(renderItem) renderItemsIndex++ } function sort () { if (opaque.length > 1) opaque.sort(painterSortStable) if (transparent.length > 1) transparent.sort(reversePainterSortStable) } return { opaque: opaque, transparent: transparent, init: init, push: push, sort: sort } } function WebGLRenderLists () { var lists = {} function get (scene, camera) { var hash = scene.id + ',' + camera.id var list = lists[hash] if (list === undefined) { // console.log( 'THREE.WebGLRenderLists:', hash ); list = new WebGLRenderList() lists[hash] = list } return list } function dispose () { lists = {} } return { get: get, dispose: dispose } } /** * @author mrdoob / http://mrdoob.com/ */ function UniformsCache () { var lights = {} return { get: function (light) { if (lights[light.id] !== undefined) { return lights[light.id] } var uniforms switch (light.type) { case 'DirectionalLight': uniforms = { direction: new Vector3(), color: new Color(), shadow: false, shadowBias: 0, shadowRadius: 1, shadowMapSize: new Vector2() } break case 'SpotLight': uniforms = { position: new Vector3(), direction: new Vector3(), color: new Color(), distance: 0, coneCos: 0, penumbraCos: 0, decay: 0, shadow: false, shadowBias: 0, shadowRadius: 1, shadowMapSize: new Vector2() } break case 'PointLight': uniforms = { position: new Vector3(), color: new Color(), distance: 0, decay: 0, shadow: false, shadowBias: 0, shadowRadius: 1, shadowMapSize: new Vector2(), shadowCameraNear: 1, shadowCameraFar: 1000 } 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() // TODO (abelnation): set RectAreaLight shadow uniforms } break } lights[light.id] = uniforms return uniforms } } } var count = 0 function WebGLLights () { var cache = new UniformsCache() var state = { id: count++, hash: '', ambient: [0, 0, 0], directional: [], directionalShadowMap: [], directionalShadowMatrix: [], spot: [], spotShadowMap: [], spotShadowMatrix: [], rectArea: [], point: [], pointShadowMap: [], pointShadowMatrix: [], hemi: [] } var vector3 = new Vector3() var matrix4 = new Matrix4() var matrix42 = new Matrix4() function setup (lights, shadows, camera) { var r = 0; var g = 0; var b = 0 var directionalLength = 0 var pointLength = 0 var spotLength = 0 var rectAreaLength = 0 var hemiLength = 0 var viewMatrix = camera.matrixWorldInverse for (var i = 0, l = lights.length; i < l; i++) { var light = lights[i] 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.isDirectionalLight) { var uniforms = cache.get(light) uniforms.color.copy(light.color).multiplyScalar(light.intensity) uniforms.direction.setFromMatrixPosition(light.matrixWorld) vector3.setFromMatrixPosition(light.target.matrixWorld) uniforms.direction.sub(vector3) uniforms.direction.transformDirection(viewMatrix) uniforms.shadow = light.castShadow if (light.castShadow) { var shadow = light.shadow uniforms.shadowBias = shadow.bias uniforms.shadowRadius = shadow.radius uniforms.shadowMapSize = shadow.mapSize } state.directionalShadowMap[directionalLength] = shadowMap state.directionalShadowMatrix[directionalLength] = light.shadow.matrix state.directional[directionalLength] = uniforms directionalLength++ } else if (light.isSpotLight) { var uniforms = cache.get(light) uniforms.position.setFromMatrixPosition(light.matrixWorld) uniforms.position.applyMatrix4(viewMatrix) uniforms.color.copy(color).multiplyScalar(intensity) uniforms.distance = distance uniforms.direction.setFromMatrixPosition(light.matrixWorld) vector3.setFromMatrixPosition(light.target.matrixWorld) uniforms.direction.sub(vector3) uniforms.direction.transformDirection(viewMatrix) uniforms.coneCos = Math.cos(light.angle) uniforms.penumbraCos = Math.cos(light.angle * (1 - light.penumbra)) uniforms.decay = (light.distance === 0) ? 0.0 : light.decay uniforms.shadow = light.castShadow if (light.castShadow) { var shadow = light.shadow uniforms.shadowBias = shadow.bias uniforms.shadowRadius = shadow.radius uniforms.shadowMapSize = shadow.mapSize } state.spotShadowMap[spotLength] = shadowMap state.spotShadowMatrix[spotLength] = light.shadow.matrix state.spot[spotLength] = uniforms spotLength++ } else if (light.isRectAreaLight) { var uniforms = 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 uniforms.color.copy(color).multiplyScalar(intensity) uniforms.position.setFromMatrixPosition(light.matrixWorld) uniforms.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) uniforms.halfWidth.set(light.width * 0.5, 0.0, 0.0) uniforms.halfHeight.set(0.0, light.height * 0.5, 0.0) uniforms.halfWidth.applyMatrix4(matrix42) uniforms.halfHeight.applyMatrix4(matrix42) // TODO (abelnation): RectAreaLight distance? // uniforms.distance = distance; state.rectArea[rectAreaLength] = uniforms rectAreaLength++ } else if (light.isPointLight) { var uniforms = cache.get(light) uniforms.position.setFromMatrixPosition(light.matrixWorld) uniforms.position.applyMatrix4(viewMatrix) uniforms.color.copy(light.color).multiplyScalar(light.intensity) uniforms.distance = light.distance uniforms.decay = (light.distance === 0) ? 0.0 : light.decay uniforms.shadow = light.castShadow if (light.castShadow) { var shadow = light.shadow uniforms.shadowBias = shadow.bias uniforms.shadowRadius = shadow.radius uniforms.shadowMapSize = shadow.mapSize uniforms.shadowCameraNear = shadow.camera.near uniforms.shadowCameraFar = shadow.camera.far } state.pointShadowMap[pointLength] = shadowMap state.pointShadowMatrix[pointLength] = light.shadow.matrix state.point[pointLength] = uniforms pointLength++ } else if (light.isHemisphereLight) { var uniforms = cache.get(light) uniforms.direction.setFromMatrixPosition(light.matrixWorld) uniforms.direction.transformDirection(viewMatrix) uniforms.direction.normalize() uniforms.skyColor.copy(light.color).multiplyScalar(intensity) uniforms.groundColor.copy(light.groundColor).multiplyScalar(intensity) state.hemi[hemiLength] = uniforms hemiLength++ } } state.ambient[0] = r state.ambient[1] = g state.ambient[2] = b state.directional.length = directionalLength state.spot.length = spotLength state.rectArea.length = rectAreaLength state.point.length = pointLength state.hemi.length = hemiLength state.hash = state.id + ',' + directionalLength + ',' + pointLength + ',' + spotLength + ',' + rectAreaLength + ',' + hemiLength + ',' + shadows.length } return { setup: setup, state: state } } /** * @author Mugen87 / https://github.com/Mugen87 */ function WebGLRenderState () { var lights = new WebGLLights() var lightsArray = [] var shadowsArray = [] var spritesArray = [] function init () { lightsArray.length = 0 shadowsArray.length = 0 spritesArray.length = 0 } function pushLight (light) { lightsArray.push(light) } function pushShadow (shadowLight) { shadowsArray.push(shadowLight) } function pushSprite (shadowLight) { spritesArray.push(shadowLight) } function setupLights (camera) { lights.setup(lightsArray, shadowsArray, camera) } var state = { lightsArray: lightsArray, shadowsArray: shadowsArray, spritesArray: spritesArray, lights: lights } return { init: init, state: state, setupLights: setupLights, pushLight: pushLight, pushShadow: pushShadow, pushSprite: pushSprite } } function WebGLRenderStates () { var renderStates = {} function get (scene, camera) { var hash = scene.id + ',' + camera.id var renderState = renderStates[hash] if (renderState === undefined) { renderState = new WebGLRenderState() renderStates[hash] = renderState } return renderState } function dispose () { renderStates = {} } return { get: get, dispose: dispose } } /** * @author mrdoob / http://mrdoob.com/ * @author alteredq / http://alteredqualia.com/ * @author bhouston / https://clara.io * @author WestLangley / http://github.com/WestLangley * * parameters = { * * opacity: , * * map: new THREE.Texture( ), * * alphaMap: new THREE.Texture( ), * * displacementMap: new THREE.Texture( ), * displacementScale: , * displacementBias: , * * wireframe: , * wireframeLinewidth: * } */ 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.lights = 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 } /** * @author WestLangley / http://github.com/WestLangley * * parameters = { * * referencePosition: , * nearDistance: , * farDistance: , * * skinning: , * morphTargets: , * * map: new THREE.Texture( ), * * alphaMap: new THREE.Texture( ), * * displacementMap: new THREE.Texture( ), * displacementScale: , * displacementBias: * * } */ 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.lights = 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 } /** * @author alteredq / http://alteredqualia.com/ * @author mrdoob / http://mrdoob.com/ */ function WebGLShadowMap (_renderer, _objects, maxTextureSize) { var _frustum = new Frustum() var _projScreenMatrix = new Matrix4() var _shadowMapSize = new Vector2() var _maxShadowMapSize = new Vector2(maxTextureSize, maxTextureSize) var _lookTarget = new Vector3() var _lightPositionWorld = new Vector3() var _MorphingFlag = 1 var _SkinningFlag = 2 var _NumberOfMaterialVariants = (_MorphingFlag | _SkinningFlag) + 1 var _depthMaterials = new Array(_NumberOfMaterialVariants) var _distanceMaterials = new Array(_NumberOfMaterialVariants) var _materialCache = {} var shadowSide = { 0: BackSide, 1: FrontSide, 2: DoubleSide } var 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) ] var 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) ] var cube2DViewPorts = [ new Vector4(), new Vector4(), new Vector4(), new Vector4(), new Vector4(), new Vector4() ] // init for (var i = 0; i !== _NumberOfMaterialVariants; ++i) { var useMorphing = (i & _MorphingFlag) !== 0 var useSkinning = (i & _SkinningFlag) !== 0 var depthMaterial = new MeshDepthMaterial({ depthPacking: RGBADepthPacking, morphTargets: useMorphing, skinning: useSkinning }) _depthMaterials[i] = depthMaterial // var distanceMaterial = new MeshDistanceMaterial({ morphTargets: useMorphing, skinning: useSkinning }) _distanceMaterials[i] = distanceMaterial } // 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 // TODO Clean up (needed in case of contextlost) var _gl = _renderer.context var _state = _renderer.state // Set GL state for depth map. _state.disable(_gl.BLEND) _state.buffers.color.setClear(1, 1, 1, 1) _state.buffers.depth.setTest(true) _state.setScissorTest(false) // render depth map var faceCount for (var i = 0, il = lights.length; i < il; i++) { var light = lights[i] var shadow = light.shadow var isPointLight = light && light.isPointLight if (shadow === undefined) { console.warn('THREE.WebGLShadowMap:', light, 'has no shadow.') continue } var shadowCamera = shadow.camera _shadowMapSize.copy(shadow.mapSize) _shadowMapSize.min(_maxShadowMapSize) if (isPointLight) { var vpWidth = _shadowMapSize.x var vpHeight = _shadowMapSize.y // 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 cube2DViewPorts[0].set(vpWidth * 2, vpHeight, vpWidth, vpHeight) // negative X cube2DViewPorts[1].set(0, vpHeight, vpWidth, vpHeight) // positive Z cube2DViewPorts[2].set(vpWidth * 3, vpHeight, vpWidth, vpHeight) // negative Z cube2DViewPorts[3].set(vpWidth, vpHeight, vpWidth, vpHeight) // positive Y cube2DViewPorts[4].set(vpWidth * 3, 0, vpWidth, vpHeight) // negative Y cube2DViewPorts[5].set(vpWidth, 0, vpWidth, vpHeight) _shadowMapSize.x *= 4.0 _shadowMapSize.y *= 2.0 } 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' shadowCamera.updateProjectionMatrix() } if (shadow.isSpotLightShadow) { shadow.update(light) } var shadowMap = shadow.map var shadowMatrix = shadow.matrix _lightPositionWorld.setFromMatrixPosition(light.matrixWorld) shadowCamera.position.copy(_lightPositionWorld) if (isPointLight) { faceCount = 6 // for point lights we set the shadow matrix to be a translation-only matrix // equal to inverse of the light's position shadowMatrix.makeTranslation(-_lightPositionWorld.x, -_lightPositionWorld.y, -_lightPositionWorld.z) } else { faceCount = 1 _lookTarget.setFromMatrixPosition(light.target.matrixWorld) shadowCamera.lookAt(_lookTarget) shadowCamera.updateMatrixWorld() // compute shadow matrix 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) } _renderer.setRenderTarget(shadowMap) _renderer.clear() // render shadow map for each cube face (if omni-directional) or // run a single pass if not for (var face = 0; face < faceCount; face++) { if (isPointLight) { _lookTarget.copy(shadowCamera.position) _lookTarget.add(cubeDirections[face]) shadowCamera.up.copy(cubeUps[face]) shadowCamera.lookAt(_lookTarget) shadowCamera.updateMatrixWorld() var vpDimensions = cube2DViewPorts[face] _state.viewport(vpDimensions) } // update camera matrices and frustum _projScreenMatrix.multiplyMatrices(shadowCamera.projectionMatrix, shadowCamera.matrixWorldInverse) _frustum.setFromMatrix(_projScreenMatrix) // set object matrices & frustum culling renderObject(scene, camera, shadowCamera, isPointLight) } } scope.needsUpdate = false } function getDepthMaterial (object, material, isPointLight, lightPositionWorld, shadowCameraNear, shadowCameraFar) { var geometry = object.geometry var result = null var materialVariants = _depthMaterials var customMaterial = object.customDepthMaterial if (isPointLight) { materialVariants = _distanceMaterials customMaterial = object.customDistanceMaterial } if (!customMaterial) { var useMorphing = false if (material.morphTargets) { if (geometry && geometry.isBufferGeometry) { useMorphing = geometry.morphAttributes && geometry.morphAttributes.position && geometry.morphAttributes.position.length > 0 } else if (geometry && geometry.isGeometry) { useMorphing = geometry.morphTargets && geometry.morphTargets.length > 0 } } if (object.isSkinnedMesh && material.skinning === false) { console.warn('THREE.WebGLShadowMap: THREE.SkinnedMesh with material.skinning set to false:', object) } var useSkinning = object.isSkinnedMesh && material.skinning var variantIndex = 0 if (useMorphing) variantIndex |= _MorphingFlag if (useSkinning) variantIndex |= _SkinningFlag result = materialVariants[variantIndex] } 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; var 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 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 (isPointLight && result.isMeshDistanceMaterial) { result.referencePosition.copy(lightPositionWorld) result.nearDistance = shadowCameraNear result.farDistance = shadowCameraFar } return result } function renderObject (object, camera, shadowCamera, isPointLight) { if (object.visible === false) return var visible = object.layers.test(camera.layers) if (visible && (object.isMesh || object.isLine || object.isPoints)) { if (object.castShadow && (!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, groupMaterial, isPointLight, _lightPositionWorld, shadowCamera.near, shadowCamera.far) _renderer.renderBufferDirect(shadowCamera, null, geometry, depthMaterial, object, group) } } } else if (material.visible) { var depthMaterial = getDepthMaterial(object, material, isPointLight, _lightPositionWorld, shadowCamera.near, shadowCamera.far) _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, isPointLight) } } } /** * @author mrdoob / http://mrdoob.com/ */ 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 /** * @author mikael emtinger / http://gomo.se/ * @author alteredq / http://alteredqualia.com/ */ function WebGLSpriteRenderer (renderer, gl, state, textures, capabilities) { var vertexBuffer, elementBuffer var program, attributes, uniforms var texture // decompose matrixWorld var spritePosition = new Vector3() var spriteRotation = new Quaternion() var spriteScale = new Vector3() function init () { var vertices = new Float32Array([ -0.5, -0.5, 0, 0, 0.5, -0.5, 1, 0, 0.5, 0.5, 1, 1, -0.5, 0.5, 0, 1 ]) var faces = new Uint16Array([ 0, 1, 2, 0, 2, 3 ]) vertexBuffer = gl.createBuffer() elementBuffer = gl.createBuffer() gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer) gl.bufferData(gl.ARRAY_BUFFER, vertices, gl.STATIC_DRAW) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, elementBuffer) gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, faces, gl.STATIC_DRAW) program = createProgram() attributes = { position: gl.getAttribLocation(program, 'position'), uv: gl.getAttribLocation(program, 'uv') } uniforms = { uvOffset: gl.getUniformLocation(program, 'uvOffset'), uvScale: gl.getUniformLocation(program, 'uvScale'), rotation: gl.getUniformLocation(program, 'rotation'), center: gl.getUniformLocation(program, 'center'), scale: gl.getUniformLocation(program, 'scale'), color: gl.getUniformLocation(program, 'color'), map: gl.getUniformLocation(program, 'map'), opacity: gl.getUniformLocation(program, 'opacity'), modelViewMatrix: gl.getUniformLocation(program, 'modelViewMatrix'), projectionMatrix: gl.getUniformLocation(program, 'projectionMatrix'), fogType: gl.getUniformLocation(program, 'fogType'), fogDensity: gl.getUniformLocation(program, 'fogDensity'), fogNear: gl.getUniformLocation(program, 'fogNear'), fogFar: gl.getUniformLocation(program, 'fogFar'), fogColor: gl.getUniformLocation(program, 'fogColor'), fogDepth: gl.getUniformLocation(program, 'fogDepth'), alphaTest: gl.getUniformLocation(program, 'alphaTest') } var canvas = document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas') canvas.width = 8 canvas.height = 8 var context = canvas.getContext('2d') context.fillStyle = 'white' context.fillRect(0, 0, 8, 8) texture = new CanvasTexture(canvas) } this.render = function (sprites, scene, camera) { if (sprites.length === 0) return // setup gl if (program === undefined) { init() } state.useProgram(program) state.initAttributes() state.enableAttribute(attributes.position) state.enableAttribute(attributes.uv) state.disableUnusedAttributes() state.disable(gl.CULL_FACE) state.enable(gl.BLEND) gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer) gl.vertexAttribPointer(attributes.position, 2, gl.FLOAT, false, 2 * 8, 0) gl.vertexAttribPointer(attributes.uv, 2, gl.FLOAT, false, 2 * 8, 8) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, elementBuffer) gl.uniformMatrix4fv(uniforms.projectionMatrix, false, camera.projectionMatrix.elements) state.activeTexture(gl.TEXTURE0) gl.uniform1i(uniforms.map, 0) var oldFogType = 0 var sceneFogType = 0 var fog = scene.fog if (fog) { gl.uniform3f(uniforms.fogColor, fog.color.r, fog.color.g, fog.color.b) if (fog.isFog) { gl.uniform1f(uniforms.fogNear, fog.near) gl.uniform1f(uniforms.fogFar, fog.far) gl.uniform1i(uniforms.fogType, 1) oldFogType = 1 sceneFogType = 1 } else if (fog.isFogExp2) { gl.uniform1f(uniforms.fogDensity, fog.density) gl.uniform1i(uniforms.fogType, 2) oldFogType = 2 sceneFogType = 2 } } else { gl.uniform1i(uniforms.fogType, 0) oldFogType = 0 sceneFogType = 0 } // update positions and sort for (var i = 0, l = sprites.length; i < l; i++) { var sprite = sprites[i] sprite.modelViewMatrix.multiplyMatrices(camera.matrixWorldInverse, sprite.matrixWorld) sprite.z = -sprite.modelViewMatrix.elements[14] } sprites.sort(painterSortStable) // render all sprites var scale = [] var center = [] for (var i = 0, l = sprites.length; i < l; i++) { var sprite = sprites[i] var material = sprite.material if (material.visible === false) continue sprite.onBeforeRender(renderer, scene, camera, undefined, material, undefined) gl.uniform1f(uniforms.alphaTest, material.alphaTest) gl.uniformMatrix4fv(uniforms.modelViewMatrix, false, sprite.modelViewMatrix.elements) sprite.matrixWorld.decompose(spritePosition, spriteRotation, spriteScale) scale[0] = spriteScale.x scale[1] = spriteScale.y center[0] = sprite.center.x - 0.5 center[1] = sprite.center.y - 0.5 var fogType = 0 if (scene.fog && material.fog) { fogType = sceneFogType } if (oldFogType !== fogType) { gl.uniform1i(uniforms.fogType, fogType) oldFogType = fogType } if (material.map !== null) { gl.uniform2f(uniforms.uvOffset, material.map.offset.x, material.map.offset.y) gl.uniform2f(uniforms.uvScale, material.map.repeat.x, material.map.repeat.y) } else { gl.uniform2f(uniforms.uvOffset, 0, 0) gl.uniform2f(uniforms.uvScale, 1, 1) } gl.uniform1f(uniforms.opacity, material.opacity) gl.uniform3f(uniforms.color, material.color.r, material.color.g, material.color.b) gl.uniform1f(uniforms.rotation, material.rotation) gl.uniform2fv(uniforms.center, center) gl.uniform2fv(uniforms.scale, scale) state.setBlending(material.blending, material.blendEquation, material.blendSrc, material.blendDst, material.blendEquationAlpha, material.blendSrcAlpha, material.blendDstAlpha, material.premultipliedAlpha) state.buffers.depth.setTest(material.depthTest) state.buffers.depth.setMask(material.depthWrite) state.buffers.color.setMask(material.colorWrite) textures.setTexture2D(material.map || texture, 0) gl.drawElements(gl.TRIANGLES, 6, gl.UNSIGNED_SHORT, 0) sprite.onAfterRender(renderer, scene, camera, undefined, material, undefined) } // restore gl state.enable(gl.CULL_FACE) state.reset() } function createProgram () { var program = gl.createProgram() var vertexShader = gl.createShader(gl.VERTEX_SHADER) var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER) gl.shaderSource(vertexShader, [ 'precision ' + capabilities.precision + ' float;', '#define SHADER_NAME ' + 'SpriteMaterial', 'uniform mat4 modelViewMatrix;', 'uniform mat4 projectionMatrix;', 'uniform float rotation;', 'uniform vec2 center;', 'uniform vec2 scale;', 'uniform vec2 uvOffset;', 'uniform vec2 uvScale;', 'attribute vec2 position;', 'attribute vec2 uv;', 'varying vec2 vUV;', 'varying float fogDepth;', 'void main() {', ' vUV = uvOffset + uv * uvScale;', ' vec2 alignedPosition = ( position - center ) * scale;', ' vec2 rotatedPosition;', ' rotatedPosition.x = cos( rotation ) * alignedPosition.x - sin( rotation ) * alignedPosition.y;', ' rotatedPosition.y = sin( rotation ) * alignedPosition.x + cos( rotation ) * alignedPosition.y;', ' vec4 mvPosition;', ' mvPosition = modelViewMatrix * vec4( 0.0, 0.0, 0.0, 1.0 );', ' mvPosition.xy += rotatedPosition;', ' gl_Position = projectionMatrix * mvPosition;', ' fogDepth = - mvPosition.z;', '}' ].join('\n')) gl.shaderSource(fragmentShader, [ 'precision ' + capabilities.precision + ' float;', '#define SHADER_NAME ' + 'SpriteMaterial', 'uniform vec3 color;', 'uniform sampler2D map;', 'uniform float opacity;', 'uniform int fogType;', 'uniform vec3 fogColor;', 'uniform float fogDensity;', 'uniform float fogNear;', 'uniform float fogFar;', 'uniform float alphaTest;', 'varying vec2 vUV;', 'varying float fogDepth;', 'void main() {', ' vec4 texture = texture2D( map, vUV );', ' gl_FragColor = vec4( color * texture.xyz, texture.a * opacity );', ' if ( gl_FragColor.a < alphaTest ) discard;', ' if ( fogType > 0 ) {', ' float fogFactor = 0.0;', ' if ( fogType == 1 ) {', ' fogFactor = smoothstep( fogNear, fogFar, fogDepth );', ' } else {', ' const float LOG2 = 1.442695;', ' fogFactor = exp2( - fogDensity * fogDensity * fogDepth * fogDepth * LOG2 );', ' fogFactor = 1.0 - clamp( fogFactor, 0.0, 1.0 );', ' }', ' gl_FragColor.rgb = mix( gl_FragColor.rgb, fogColor, fogFactor );', ' }', '}' ].join('\n')) gl.compileShader(vertexShader) gl.compileShader(fragmentShader) gl.attachShader(program, vertexShader) gl.attachShader(program, fragmentShader) gl.linkProgram(program) return program } function painterSortStable (a, b) { if (a.renderOrder !== b.renderOrder) { return a.renderOrder - b.renderOrder } else if (a.z !== b.z) { return b.z - a.z } else { return b.id - a.id } } } /** * @author mrdoob / http://mrdoob.com/ */ function WebGLState (gl, extensions, utils) { function ColorBuffer () { var locked = false var color = new Vector4() var currentColorMask = null var currentColorClear = new Vector4(0, 0, 0, 0) return { setMask: function (colorMask) { if (currentColorMask !== colorMask && !locked) { gl.colorMask(colorMask, colorMask, colorMask, colorMask) currentColorMask = colorMask } }, setLocked: function (lock) { locked = lock }, setClear: function (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 () { 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 (depthTest) { if (depthTest) { enable(gl.DEPTH_TEST) } else { disable(gl.DEPTH_TEST) } }, setMask: function (depthMask) { if (currentDepthMask !== depthMask && !locked) { gl.depthMask(depthMask) currentDepthMask = depthMask } }, setFunc: function (depthFunc) { if (currentDepthFunc !== depthFunc) { if (depthFunc) { switch (depthFunc) { case NeverDepth: gl.depthFunc(gl.NEVER) break case AlwaysDepth: gl.depthFunc(gl.ALWAYS) break case LessDepth: gl.depthFunc(gl.LESS) break case LessEqualDepth: gl.depthFunc(gl.LEQUAL) break case EqualDepth: gl.depthFunc(gl.EQUAL) break case GreaterEqualDepth: gl.depthFunc(gl.GEQUAL) break case GreaterDepth: gl.depthFunc(gl.GREATER) break case NotEqualDepth: gl.depthFunc(gl.NOTEQUAL) break default: gl.depthFunc(gl.LEQUAL) } } else { gl.depthFunc(gl.LEQUAL) } currentDepthFunc = depthFunc } }, setLocked: function (lock) { locked = lock }, setClear: function (depth) { if (currentDepthClear !== depth) { gl.clearDepth(depth) currentDepthClear = depth } }, reset: function () { 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 (stencilTest) { if (stencilTest) { enable(gl.STENCIL_TEST) } else { disable(gl.STENCIL_TEST) } }, setMask: function (stencilMask) { if (currentStencilMask !== stencilMask && !locked) { gl.stencilMask(stencilMask) currentStencilMask = stencilMask } }, setFunc: function (stencilFunc, stencilRef, stencilMask) { if (currentStencilFunc !== stencilFunc || currentStencilRef !== stencilRef || currentStencilFuncMask !== stencilMask) { gl.stencilFunc(stencilFunc, stencilRef, stencilMask) currentStencilFunc = stencilFunc currentStencilRef = stencilRef currentStencilFuncMask = stencilMask } }, setOp: function (stencilFail, stencilZFail, stencilZPass) { if (currentStencilFail !== stencilFail || currentStencilZFail !== stencilZFail || currentStencilZPass !== stencilZPass) { gl.stencilOp(stencilFail, stencilZFail, stencilZPass) currentStencilFail = stencilFail currentStencilZFail = stencilZFail currentStencilZPass = stencilZPass } }, setLocked: function (lock) { locked = lock }, setClear: function (stencil) { if (currentStencilClear !== stencil) { gl.clearStencil(stencil) currentStencilClear = stencil } }, reset: function () { 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 maxVertexAttributes = gl.getParameter(gl.MAX_VERTEX_ATTRIBS) var newAttributes = new Uint8Array(maxVertexAttributes) var enabledAttributes = new Uint8Array(maxVertexAttributes) var attributeDivisors = new Uint8Array(maxVertexAttributes) var capabilities = {} var compressedTextureFormats = null var currentProgram = 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(gl.MAX_COMBINED_TEXTURE_IMAGE_UNITS) var lineWidthAvailable = false var version = 0 var glVersion = gl.getParameter(gl.VERSION) if (glVersion.indexOf('WebGL') !== -1) { version = parseFloat(/^WebGL\ ([0-9])/.exec(glVersion)[1]) lineWidthAvailable = (version >= 1.0) } else if (glVersion.indexOf('OpenGL ES') !== -1) { version = parseFloat(/^OpenGL\ ES\ ([0-9])/.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, gl.TEXTURE_MIN_FILTER, gl.NEAREST) gl.texParameteri(type, gl.TEXTURE_MAG_FILTER, gl.NEAREST) for (var i = 0; i < count; i++) { gl.texImage2D(target + i, 0, gl.RGBA, 1, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, data) } return texture } var emptyTextures = {} emptyTextures[gl.TEXTURE_2D] = createTexture(gl.TEXTURE_2D, gl.TEXTURE_2D, 1) emptyTextures[gl.TEXTURE_CUBE_MAP] = createTexture(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_CUBE_MAP_POSITIVE_X, 6) // init colorBuffer.setClear(0, 0, 0, 1) depthBuffer.setClear(1) stencilBuffer.setClear(0) enable(gl.DEPTH_TEST) depthBuffer.setFunc(LessEqualDepth) setFlipSided(false) setCullFace(CullFaceBack) enable(gl.CULL_FACE) enable(gl.BLEND) setBlending(NormalBlending) // function initAttributes () { for (var i = 0, l = newAttributes.length; i < l; i++) { newAttributes[i] = 0 } } function enableAttribute (attribute) { enableAttributeAndDivisor(attribute, 0) } function enableAttributeAndDivisor (attribute, meshPerAttribute) { newAttributes[attribute] = 1 if (enabledAttributes[attribute] === 0) { gl.enableVertexAttribArray(attribute) enabledAttributes[attribute] = 1 } if (attributeDivisors[attribute] !== meshPerAttribute) { var extension = extensions.get('ANGLE_instanced_arrays') extension.vertexAttribDivisorANGLE(attribute, meshPerAttribute) attributeDivisors[attribute] = meshPerAttribute } } function disableUnusedAttributes () { for (var i = 0, l = enabledAttributes.length; i !== l; ++i) { if (enabledAttributes[i] !== newAttributes[i]) { gl.disableVertexAttribArray(i) enabledAttributes[i] = 0 } } } function enable (id) { if (capabilities[id] !== true) { gl.enable(id) capabilities[id] = true } } function disable (id) { if (capabilities[id] !== false) { gl.disable(id) capabilities[id] = false } } function getCompressedTextureFormats () { if (compressedTextureFormats === null) { compressedTextureFormats = [] if (extensions.get('WEBGL_compressed_texture_pvrtc') || extensions.get('WEBGL_compressed_texture_s3tc') || extensions.get('WEBGL_compressed_texture_etc1') || extensions.get('WEBGL_compressed_texture_astc')) { var formats = gl.getParameter(gl.COMPRESSED_TEXTURE_FORMATS) for (var i = 0; i < formats.length; i++) { compressedTextureFormats.push(formats[i]) } } } return compressedTextureFormats } function useProgram (program) { if (currentProgram !== program) { gl.useProgram(program) currentProgram = program return true } return false } function setBlending (blending, blendEquation, blendSrc, blendDst, blendEquationAlpha, blendSrcAlpha, blendDstAlpha, premultipliedAlpha) { if (blending !== NoBlending) { enable(gl.BLEND) } else { disable(gl.BLEND) } if (blending !== CustomBlending) { if (blending !== currentBlending || premultipliedAlpha !== currentPremultipledAlpha) { switch (blending) { case AdditiveBlending: if (premultipliedAlpha) { gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD) gl.blendFuncSeparate(gl.ONE, gl.ONE, gl.ONE, gl.ONE) } else { gl.blendEquation(gl.FUNC_ADD) gl.blendFunc(gl.SRC_ALPHA, gl.ONE) } break case SubtractiveBlending: if (premultipliedAlpha) { gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD) gl.blendFuncSeparate(gl.ZERO, gl.ZERO, gl.ONE_MINUS_SRC_COLOR, gl.ONE_MINUS_SRC_ALPHA) } else { gl.blendEquation(gl.FUNC_ADD) gl.blendFunc(gl.ZERO, gl.ONE_MINUS_SRC_COLOR) } break case MultiplyBlending: if (premultipliedAlpha) { gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD) gl.blendFuncSeparate(gl.ZERO, gl.SRC_COLOR, gl.ZERO, gl.SRC_ALPHA) } else { gl.blendEquation(gl.FUNC_ADD) gl.blendFunc(gl.ZERO, gl.SRC_COLOR) } break default: if (premultipliedAlpha) { gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD) gl.blendFuncSeparate(gl.ONE, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA) } else { gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD) gl.blendFuncSeparate(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA) } } } currentBlendEquation = null currentBlendSrc = null currentBlendDst = null currentBlendEquationAlpha = null currentBlendSrcAlpha = null currentBlendDstAlpha = null } else { blendEquationAlpha = blendEquationAlpha || blendEquation blendSrcAlpha = blendSrcAlpha || blendSrc blendDstAlpha = blendDstAlpha || blendDst if (blendEquation !== currentBlendEquation || blendEquationAlpha !== currentBlendEquationAlpha) { gl.blendEquationSeparate(utils.convert(blendEquation), utils.convert(blendEquationAlpha)) currentBlendEquation = blendEquation currentBlendEquationAlpha = blendEquationAlpha } if (blendSrc !== currentBlendSrc || blendDst !== currentBlendDst || blendSrcAlpha !== currentBlendSrcAlpha || blendDstAlpha !== currentBlendDstAlpha) { gl.blendFuncSeparate(utils.convert(blendSrc), utils.convert(blendDst), utils.convert(blendSrcAlpha), utils.convert(blendDstAlpha)) currentBlendSrc = blendSrc currentBlendDst = blendDst currentBlendSrcAlpha = blendSrcAlpha currentBlendDstAlpha = blendDstAlpha } } currentBlending = blending currentPremultipledAlpha = premultipliedAlpha } function setMaterial (material, frontFaceCW) { material.side === DoubleSide ? disable(gl.CULL_FACE) : enable(gl.CULL_FACE) var flipSided = (material.side === BackSide) if (frontFaceCW) flipSided = !flipSided setFlipSided(flipSided) material.transparent === true ? setBlending(material.blending, material.blendEquation, material.blendSrc, material.blendDst, material.blendEquationAlpha, material.blendSrcAlpha, material.blendDstAlpha, material.premultipliedAlpha) : setBlending(NoBlending) depthBuffer.setFunc(material.depthFunc) depthBuffer.setTest(material.depthTest) depthBuffer.setMask(material.depthWrite) colorBuffer.setMask(material.colorWrite) setPolygonOffset(material.polygonOffset, material.polygonOffsetFactor, material.polygonOffsetUnits) } // function setFlipSided (flipSided) { if (currentFlipSided !== flipSided) { if (flipSided) { gl.frontFace(gl.CW) } else { gl.frontFace(gl.CCW) } currentFlipSided = flipSided } } function setCullFace (cullFace) { if (cullFace !== CullFaceNone) { enable(gl.CULL_FACE) if (cullFace !== currentCullFace) { if (cullFace === CullFaceBack) { gl.cullFace(gl.BACK) } else if (cullFace === CullFaceFront) { gl.cullFace(gl.FRONT) } else { gl.cullFace(gl.FRONT_AND_BACK) } } } else { disable(gl.CULL_FACE) } currentCullFace = cullFace } function setLineWidth (width) { if (width !== currentLineWidth) { if (lineWidthAvailable) gl.lineWidth(width) currentLineWidth = width } } function setPolygonOffset (polygonOffset, factor, units) { if (polygonOffset) { enable(gl.POLYGON_OFFSET_FILL) if (currentPolygonOffsetFactor !== factor || currentPolygonOffsetUnits !== units) { gl.polygonOffset(factor, units) currentPolygonOffsetFactor = factor currentPolygonOffsetUnits = units } } else { disable(gl.POLYGON_OFFSET_FILL) } } function setScissorTest (scissorTest) { if (scissorTest) { enable(gl.SCISSOR_TEST) } else { disable(gl.SCISSOR_TEST) } } // texture function activeTexture (webglSlot) { if (webglSlot === undefined) webglSlot = gl.TEXTURE0 + 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 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 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 () { for (var i = 0; i < enabledAttributes.length; i++) { if (enabledAttributes[i] === 1) { gl.disableVertexAttribArray(i) enabledAttributes[i] = 0 } } capabilities = {} compressedTextureFormats = null currentTextureSlot = null currentBoundTextures = {} currentProgram = null currentBlending = null currentFlipSided = null currentCullFace = null colorBuffer.reset() depthBuffer.reset() stencilBuffer.reset() } return { buffers: { color: colorBuffer, depth: depthBuffer, stencil: stencilBuffer }, initAttributes: initAttributes, enableAttribute: enableAttribute, enableAttributeAndDivisor: enableAttributeAndDivisor, disableUnusedAttributes: disableUnusedAttributes, enable: enable, disable: disable, getCompressedTextureFormats: getCompressedTextureFormats, useProgram: useProgram, setBlending: setBlending, setMaterial: setMaterial, setFlipSided: setFlipSided, setCullFace: setCullFace, setLineWidth: setLineWidth, setPolygonOffset: setPolygonOffset, setScissorTest: setScissorTest, activeTexture: activeTexture, bindTexture: bindTexture, compressedTexImage2D: compressedTexImage2D, texImage2D: texImage2D, scissor: scissor, viewport: viewport, reset: reset } } /** * @author mrdoob / http://mrdoob.com/ */ function WebGLTextures (_gl, extensions, state, properties, capabilities, utils, info) { var _isWebGL2 = (typeof WebGL2RenderingContext !== 'undefined' && _gl instanceof WebGL2RenderingContext) /* global WebGL2RenderingContext */ var _videoTextures = {} var _canvas // function clampToMaxSize (image, maxSize) { if (image.width > maxSize || image.height > maxSize) { if ('data' in image) { console.warn('THREE.WebGLRenderer: image in DataTexture is too big (' + image.width + 'x' + image.height + ').') return } // Warning: Scaling through the canvas will only work with images that use // premultiplied alpha. var scale = maxSize / Math.max(image.width, image.height) var canvas = document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas') canvas.width = Math.floor(image.width * scale) canvas.height = Math.floor(image.height * scale) var context = canvas.getContext('2d') context.drawImage(image, 0, 0, image.width, image.height, 0, 0, canvas.width, canvas.height) console.warn('THREE.WebGLRenderer: image is too big (' + image.width + 'x' + image.height + '). Resized to ' + canvas.width + 'x' + canvas.height, image) return canvas } return image } function isPowerOfTwo (image) { return _Math.isPowerOfTwo(image.width) && _Math.isPowerOfTwo(image.height) } function makePowerOfTwo (image) { if (image instanceof HTMLImageElement || image instanceof HTMLCanvasElement || image instanceof ImageBitmap) { if (_canvas === undefined) _canvas = document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas') _canvas.width = _Math.floorPowerOfTwo(image.width) _canvas.height = _Math.floorPowerOfTwo(image.height) var context = _canvas.getContext('2d') context.drawImage(image, 0, 0, _canvas.width, _canvas.height) console.warn('THREE.WebGLRenderer: image is not power of two (' + image.width + 'x' + image.height + '). Resized to ' + _canvas.width + 'x' + _canvas.height, image) return _canvas } return image } function textureNeedsPowerOfTwo (texture) { return (texture.wrapS !== ClampToEdgeWrapping || texture.wrapT !== ClampToEdgeWrapping) || (texture.minFilter !== NearestFilter && texture.minFilter !== LinearFilter) } function textureNeedsGenerateMipmaps (texture, isPowerOfTwo) { return texture.generateMipmaps && isPowerOfTwo && 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 } // Fallback filters for non-power-of-2 textures function filterFallback (f) { if (f === NearestFilter || f === NearestMipMapNearestFilter || f === NearestMipMapLinearFilter) { return _gl.NEAREST } return _gl.LINEAR } // function onTextureDispose (event) { var texture = event.target texture.removeEventListener('dispose', onTextureDispose) deallocateTexture(texture) if (texture.isVideoTexture) { delete _videoTextures[texture.id] } 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 (texture.image && textureProperties.__image__webglTextureCube) { // cube texture _gl.deleteTexture(textureProperties.__image__webglTextureCube) } else { // 2D texture if (textureProperties.__webglInit === undefined) return _gl.deleteTexture(textureProperties.__webglTexture) } // remove all webgl properties 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.isWebGLRenderTargetCube) { 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) } properties.remove(renderTarget.texture) properties.remove(renderTarget) } // 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', texture) } else if (image.complete === false) { console.warn('THREE.WebGLRenderer: Texture marked for update but image is incomplete', texture) } else { uploadTexture(textureProperties, texture, slot) return } } state.activeTexture(_gl.TEXTURE0 + slot) state.bindTexture(_gl.TEXTURE_2D, textureProperties.__webglTexture) } function setTextureCube (texture, slot) { var textureProperties = properties.get(texture) if (texture.image.length === 6) { if (texture.version > 0 && textureProperties.__version !== texture.version) { if (!textureProperties.__image__webglTextureCube) { texture.addEventListener('dispose', onTextureDispose) textureProperties.__image__webglTextureCube = _gl.createTexture() info.memory.textures++ } state.activeTexture(_gl.TEXTURE0 + slot) state.bindTexture(_gl.TEXTURE_CUBE_MAP, textureProperties.__image__webglTextureCube) _gl.pixelStorei(_gl.UNPACK_FLIP_Y_WEBGL, texture.flipY) var isCompressed = (texture && texture.isCompressedTexture) var isDataTexture = (texture.image[0] && texture.image[0].isDataTexture) var cubeImage = [] for (var i = 0; i < 6; i++) { if (!isCompressed && !isDataTexture) { cubeImage[i] = clampToMaxSize(texture.image[i], capabilities.maxCubemapSize) } else { cubeImage[i] = isDataTexture ? texture.image[i].image : texture.image[i] } } var image = cubeImage[0] var isPowerOfTwoImage = isPowerOfTwo(image) var glFormat = utils.convert(texture.format) var glType = utils.convert(texture.type) setTextureParameters(_gl.TEXTURE_CUBE_MAP, texture, isPowerOfTwoImage) for (var i = 0; i < 6; i++) { if (!isCompressed) { if (isDataTexture) { state.texImage2D(_gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, glFormat, cubeImage[i].width, cubeImage[i].height, 0, glFormat, glType, cubeImage[i].data) } else { state.texImage2D(_gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, glFormat, glFormat, glType, cubeImage[i]) } } else { var mipmap; var mipmaps = cubeImage[i].mipmaps for (var j = 0, jl = mipmaps.length; j < jl; j++) { mipmap = mipmaps[j] if (texture.format !== RGBAFormat && texture.format !== RGBFormat) { if (state.getCompressedTextureFormats().indexOf(glFormat) > -1) { state.compressedTexImage2D(_gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, j, glFormat, mipmap.width, mipmap.height, 0, mipmap.data) } else { console.warn('THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .setTextureCube()') } } else { state.texImage2D(_gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, j, glFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data) } } } } if (!isCompressed) { textureProperties.__maxMipLevel = 0 } else { textureProperties.__maxMipLevel = mipmaps.length - 1 } if (textureNeedsGenerateMipmaps(texture, isPowerOfTwoImage)) { // We assume images for cube map have the same size. generateMipmap(_gl.TEXTURE_CUBE_MAP, texture, image.width, image.height) } textureProperties.__version = texture.version if (texture.onUpdate) texture.onUpdate(texture) } else { state.activeTexture(_gl.TEXTURE0 + slot) state.bindTexture(_gl.TEXTURE_CUBE_MAP, textureProperties.__image__webglTextureCube) } } } function setTextureCubeDynamic (texture, slot) { state.activeTexture(_gl.TEXTURE0 + slot) state.bindTexture(_gl.TEXTURE_CUBE_MAP, properties.get(texture).__webglTexture) } function setTextureParameters (textureType, texture, isPowerOfTwoImage) { var extension if (isPowerOfTwoImage) { _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_S, utils.convert(texture.wrapS)) _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_T, utils.convert(texture.wrapT)) _gl.texParameteri(textureType, _gl.TEXTURE_MAG_FILTER, utils.convert(texture.magFilter)) _gl.texParameteri(textureType, _gl.TEXTURE_MIN_FILTER, utils.convert(texture.minFilter)) } else { _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_S, _gl.CLAMP_TO_EDGE) _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_T, _gl.CLAMP_TO_EDGE) 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.', texture) } _gl.texParameteri(textureType, _gl.TEXTURE_MAG_FILTER, filterFallback(texture.magFilter)) _gl.texParameteri(textureType, _gl.TEXTURE_MIN_FILTER, 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.', texture) } } 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 && 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 uploadTexture (textureProperties, texture, slot) { if (textureProperties.__webglInit === undefined) { textureProperties.__webglInit = true texture.addEventListener('dispose', onTextureDispose) textureProperties.__webglTexture = _gl.createTexture() info.memory.textures++ } state.activeTexture(_gl.TEXTURE0 + slot) state.bindTexture(_gl.TEXTURE_2D, textureProperties.__webglTexture) _gl.pixelStorei(_gl.UNPACK_FLIP_Y_WEBGL, texture.flipY) _gl.pixelStorei(_gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, texture.premultiplyAlpha) _gl.pixelStorei(_gl.UNPACK_ALIGNMENT, texture.unpackAlignment) var image = clampToMaxSize(texture.image, capabilities.maxTextureSize) if (textureNeedsPowerOfTwo(texture) && isPowerOfTwo(image) === false) { image = makePowerOfTwo(image) } var isPowerOfTwoImage = isPowerOfTwo(image) var glFormat = utils.convert(texture.format) var glType = utils.convert(texture.type) setTextureParameters(_gl.TEXTURE_2D, texture, isPowerOfTwoImage) var mipmap; var mipmaps = texture.mipmaps if (texture.isDepthTexture) { // populate depth texture with dummy data var internalFormat = _gl.DEPTH_COMPONENT if (texture.type === FloatType) { if (!_isWebGL2) throw new Error('Float Depth Texture only supported in WebGL2.0') internalFormat = _gl.DEPTH_COMPONENT32F } else if (_isWebGL2) { // WebGL 2.0 requires signed internalformat for glTexImage2D internalFormat = _gl.DEPTH_COMPONENT16 } if (texture.format === DepthFormat && internalFormat === _gl.DEPTH_COMPONENT) { // 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) } } // Depth stencil textures need the DEPTH_STENCIL internal format // (https://www.khronos.org/registry/webgl/extensions/WEBGL_depth_texture/) if (texture.format === DepthStencilFormat) { internalFormat = _gl.DEPTH_STENCIL // 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(_gl.TEXTURE_2D, 0, internalFormat, 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 && isPowerOfTwoImage) { for (var i = 0, il = mipmaps.length; i < il; i++) { mipmap = mipmaps[i] state.texImage2D(_gl.TEXTURE_2D, i, glFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data) } texture.generateMipmaps = false textureProperties.__maxMipLevel = mipmaps.length - 1 } else { state.texImage2D(_gl.TEXTURE_2D, 0, glFormat, 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 (state.getCompressedTextureFormats().indexOf(glFormat) > -1) { state.compressedTexImage2D(_gl.TEXTURE_2D, i, glFormat, mipmap.width, mipmap.height, 0, mipmap.data) } else { console.warn('THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .uploadTexture()') } } else { state.texImage2D(_gl.TEXTURE_2D, i, glFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data) } } textureProperties.__maxMipLevel = mipmaps.length - 1 } 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 && isPowerOfTwoImage) { for (var i = 0, il = mipmaps.length; i < il; i++) { mipmap = mipmaps[i] state.texImage2D(_gl.TEXTURE_2D, i, glFormat, glFormat, glType, mipmap) } texture.generateMipmaps = false textureProperties.__maxMipLevel = mipmaps.length - 1 } else { state.texImage2D(_gl.TEXTURE_2D, 0, glFormat, glFormat, glType, image) textureProperties.__maxMipLevel = 0 } } if (textureNeedsGenerateMipmaps(texture, isPowerOfTwoImage)) { generateMipmap(_gl.TEXTURE_2D, 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) state.texImage2D(textureTarget, 0, glFormat, renderTarget.width, renderTarget.height, 0, glFormat, glType, null) _gl.bindFramebuffer(_gl.FRAMEBUFFER, framebuffer) _gl.framebufferTexture2D(_gl.FRAMEBUFFER, attachment, textureTarget, properties.get(renderTarget.texture).__webglTexture, 0) _gl.bindFramebuffer(_gl.FRAMEBUFFER, null) } // Setup storage for internal depth/stencil buffers and bind to correct framebuffer function setupRenderBufferStorage (renderbuffer, renderTarget) { _gl.bindRenderbuffer(_gl.RENDERBUFFER, renderbuffer) if (renderTarget.depthBuffer && !renderTarget.stencilBuffer) { _gl.renderbufferStorage(_gl.RENDERBUFFER, _gl.DEPTH_COMPONENT16, renderTarget.width, renderTarget.height) _gl.framebufferRenderbuffer(_gl.FRAMEBUFFER, _gl.DEPTH_ATTACHMENT, _gl.RENDERBUFFER, renderbuffer) } else if (renderTarget.depthBuffer && renderTarget.stencilBuffer) { _gl.renderbufferStorage(_gl.RENDERBUFFER, _gl.DEPTH_STENCIL, renderTarget.width, renderTarget.height) _gl.framebufferRenderbuffer(_gl.FRAMEBUFFER, _gl.DEPTH_STENCIL_ATTACHMENT, _gl.RENDERBUFFER, renderbuffer) } else { // FIXME: We don't support !depth !stencil _gl.renderbufferStorage(_gl.RENDERBUFFER, _gl.RGBA4, renderTarget.width, renderTarget.height) } _gl.bindRenderbuffer(_gl.RENDERBUFFER, null) } // Setup resources for a Depth Texture for a FBO (needs an extension) function setupDepthTexture (framebuffer, renderTarget) { var isCube = (renderTarget && renderTarget.isWebGLRenderTargetCube) if (isCube) throw new Error('Depth Texture with cube render targets is not supported') _gl.bindFramebuffer(_gl.FRAMEBUFFER, 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(_gl.FRAMEBUFFER, _gl.DEPTH_ATTACHMENT, _gl.TEXTURE_2D, webglDepthTexture, 0) } else if (renderTarget.depthTexture.format === DepthStencilFormat) { _gl.framebufferTexture2D(_gl.FRAMEBUFFER, _gl.DEPTH_STENCIL_ATTACHMENT, _gl.TEXTURE_2D, 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.isWebGLRenderTargetCube === 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(_gl.FRAMEBUFFER, renderTargetProperties.__webglFramebuffer[i]) renderTargetProperties.__webglDepthbuffer[i] = _gl.createRenderbuffer() setupRenderBufferStorage(renderTargetProperties.__webglDepthbuffer[i], renderTarget) } } else { _gl.bindFramebuffer(_gl.FRAMEBUFFER, renderTargetProperties.__webglFramebuffer) renderTargetProperties.__webglDepthbuffer = _gl.createRenderbuffer() setupRenderBufferStorage(renderTargetProperties.__webglDepthbuffer, renderTarget) } } _gl.bindFramebuffer(_gl.FRAMEBUFFER, 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.isWebGLRenderTargetCube === true) var isTargetPowerOfTwo = isPowerOfTwo(renderTarget) // Setup framebuffer if (isCube) { renderTargetProperties.__webglFramebuffer = [] for (var i = 0; i < 6; i++) { renderTargetProperties.__webglFramebuffer[i] = _gl.createFramebuffer() } } else { renderTargetProperties.__webglFramebuffer = _gl.createFramebuffer() } // Setup color buffer if (isCube) { state.bindTexture(_gl.TEXTURE_CUBE_MAP, textureProperties.__webglTexture) setTextureParameters(_gl.TEXTURE_CUBE_MAP, renderTarget.texture, isTargetPowerOfTwo) for (var i = 0; i < 6; i++) { setupFrameBufferTexture(renderTargetProperties.__webglFramebuffer[i], renderTarget, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i) } if (textureNeedsGenerateMipmaps(renderTarget.texture, isTargetPowerOfTwo)) { generateMipmap(_gl.TEXTURE_CUBE_MAP, renderTarget.texture, renderTarget.width, renderTarget.height) } state.bindTexture(_gl.TEXTURE_CUBE_MAP, null) } else { state.bindTexture(_gl.TEXTURE_2D, textureProperties.__webglTexture) setTextureParameters(_gl.TEXTURE_2D, renderTarget.texture, isTargetPowerOfTwo) setupFrameBufferTexture(renderTargetProperties.__webglFramebuffer, renderTarget, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_2D) if (textureNeedsGenerateMipmaps(renderTarget.texture, isTargetPowerOfTwo)) { generateMipmap(_gl.TEXTURE_2D, renderTarget.texture, renderTarget.width, renderTarget.height) } state.bindTexture(_gl.TEXTURE_2D, null) } // Setup depth and stencil buffers if (renderTarget.depthBuffer) { setupDepthRenderbuffer(renderTarget) } } function updateRenderTargetMipmap (renderTarget) { var texture = renderTarget.texture var isTargetPowerOfTwo = isPowerOfTwo(renderTarget) if (textureNeedsGenerateMipmaps(texture, isTargetPowerOfTwo)) { var target = renderTarget.isWebGLRenderTargetCube ? _gl.TEXTURE_CUBE_MAP : _gl.TEXTURE_2D var webglTexture = properties.get(texture).__webglTexture state.bindTexture(target, webglTexture) generateMipmap(target, texture, renderTarget.width, renderTarget.height) state.bindTexture(target, null) } } function updateVideoTexture (texture) { var id = texture.id var frame = info.render.frame // Check the last frame we updated the VideoTexture if (_videoTextures[id] !== frame) { _videoTextures[id] = frame texture.update() } } this.setTexture2D = setTexture2D this.setTextureCube = setTextureCube this.setTextureCubeDynamic = setTextureCubeDynamic this.setupRenderTarget = setupRenderTarget this.updateRenderTargetMipmap = updateRenderTargetMipmap } /** * @author thespite / http://www.twitter.com/thespite */ function WebGLUtils (gl, extensions) { function convert (p) { var extension if (p === RepeatWrapping) return gl.REPEAT if (p === ClampToEdgeWrapping) return gl.CLAMP_TO_EDGE if (p === MirroredRepeatWrapping) return gl.MIRRORED_REPEAT if (p === NearestFilter) return gl.NEAREST if (p === NearestMipMapNearestFilter) return gl.NEAREST_MIPMAP_NEAREST if (p === NearestMipMapLinearFilter) return gl.NEAREST_MIPMAP_LINEAR if (p === LinearFilter) return gl.LINEAR if (p === LinearMipMapNearestFilter) return gl.LINEAR_MIPMAP_NEAREST if (p === LinearMipMapLinearFilter) return gl.LINEAR_MIPMAP_LINEAR if (p === UnsignedByteType) return gl.UNSIGNED_BYTE if (p === UnsignedShort4444Type) return gl.UNSIGNED_SHORT_4_4_4_4 if (p === UnsignedShort5551Type) return gl.UNSIGNED_SHORT_5_5_5_1 if (p === UnsignedShort565Type) return gl.UNSIGNED_SHORT_5_6_5 if (p === ByteType) return gl.BYTE if (p === ShortType) return gl.SHORT if (p === UnsignedShortType) return gl.UNSIGNED_SHORT if (p === IntType) return gl.INT if (p === UnsignedIntType) return gl.UNSIGNED_INT if (p === FloatType) return gl.FLOAT if (p === HalfFloatType) { extension = extensions.get('OES_texture_half_float') if (extension !== null) return extension.HALF_FLOAT_OES } if (p === AlphaFormat) return gl.ALPHA if (p === RGBFormat) return gl.RGB if (p === RGBAFormat) return gl.RGBA if (p === LuminanceFormat) return gl.LUMINANCE if (p === LuminanceAlphaFormat) return gl.LUMINANCE_ALPHA if (p === DepthFormat) return gl.DEPTH_COMPONENT if (p === DepthStencilFormat) return gl.DEPTH_STENCIL if (p === AddEquation) return gl.FUNC_ADD if (p === SubtractEquation) return gl.FUNC_SUBTRACT if (p === ReverseSubtractEquation) return gl.FUNC_REVERSE_SUBTRACT if (p === ZeroFactor) return gl.ZERO if (p === OneFactor) return gl.ONE if (p === SrcColorFactor) return gl.SRC_COLOR if (p === OneMinusSrcColorFactor) return gl.ONE_MINUS_SRC_COLOR if (p === SrcAlphaFactor) return gl.SRC_ALPHA if (p === OneMinusSrcAlphaFactor) return gl.ONE_MINUS_SRC_ALPHA if (p === DstAlphaFactor) return gl.DST_ALPHA if (p === OneMinusDstAlphaFactor) return gl.ONE_MINUS_DST_ALPHA if (p === DstColorFactor) return gl.DST_COLOR if (p === OneMinusDstColorFactor) return gl.ONE_MINUS_DST_COLOR if (p === SrcAlphaSaturateFactor) return gl.SRC_ALPHA_SATURATE 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 } } 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 } } if (p === RGB_ETC1_Format) { extension = extensions.get('WEBGL_compressed_texture_etc1') if (extension !== null) return extension.COMPRESSED_RGB_ETC1_WEBGL } 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) { extension = extensions.get('WEBGL_compressed_texture_astc') if (extension !== null) { return p } } if (p === MinEquation || p === MaxEquation) { extension = extensions.get('EXT_blend_minmax') if (extension !== null) { if (p === MinEquation) return extension.MIN_EXT if (p === MaxEquation) return extension.MAX_EXT } } if (p === UnsignedInt248Type) { extension = extensions.get('WEBGL_depth_texture') if (extension !== null) return extension.UNSIGNED_INT_24_8_WEBGL } return 0 } return { convert: convert } } /** * @author mrdoob / http://mrdoob.com/ * @author greggman / http://games.greggman.com/ * @author zz85 / http://www.lab4games.net/zz85/blog * @author tschw */ function PerspectiveCamera (fov, aspect, near, far) { Camera.call(this) this.type = 'PerspectiveCamera' this.fov = fov !== undefined ? fov : 50 this.zoom = 1 this.near = near !== undefined ? near : 0.1 this.far = far !== undefined ? far : 2000 this.focus = 10 this.aspect = aspect !== undefined ? aspect : 1 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 (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 (focalLength) { // see http://www.bobatkins.com/photography/technical/field_of_view.html var vExtentSlope = 0.5 * this.getFilmHeight() / focalLength this.fov = _Math.RAD2DEG * 2 * Math.atan(vExtentSlope) this.updateProjectionMatrix() }, /** * Calculates the focal length from the current .fov and .filmGauge. */ getFocalLength: function () { var vExtentSlope = Math.tan(_Math.DEG2RAD * 0.5 * this.fov) return 0.5 * this.getFilmHeight() / vExtentSlope }, getEffectiveFOV: function () { return _Math.RAD2DEG * 2 * Math.atan( Math.tan(_Math.DEG2RAD * 0.5 * this.fov) / this.zoom) }, getFilmWidth: function () { // film not completely covered in portrait format (aspect < 1) return this.filmGauge * Math.min(this.aspect, 1) }, getFilmHeight: function () { // 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 * * var w = 1920; * var h = 1080; * var fullWidth = w * 3; * var fullHeight = h * 2; * * --A-- * camera.setOffset( fullWidth, fullHeight, w * 0, h * 0, w, h ); * --B-- * camera.setOffset( fullWidth, fullHeight, w * 1, h * 0, w, h ); * --C-- * camera.setOffset( fullWidth, fullHeight, w * 2, h * 0, w, h ); * --D-- * camera.setOffset( fullWidth, fullHeight, w * 0, h * 1, w, h ); * --E-- * camera.setOffset( fullWidth, fullHeight, w * 1, h * 1, w, h ); * --F-- * camera.setOffset( 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 (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 () { if (this.view !== null) { this.view.enabled = false } this.updateProjectionMatrix() }, updateProjectionMatrix: function () { var near = this.near var top = near * Math.tan( _Math.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 var 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) }, toJSON: function (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 } }) /** * @author mrdoob / http://mrdoob.com/ */ function ArrayCamera (array) { PerspectiveCamera.call(this) this.cameras = array || [] } ArrayCamera.prototype = Object.assign(Object.create(PerspectiveCamera.prototype), { constructor: ArrayCamera, isArrayCamera: true }) /** * @author mrdoob / http://mrdoob.com/ */ function WebVRManager (renderer) { var scope = this var device = null var frameData = null var poseTarget = null var standingMatrix = new Matrix4() var standingMatrixInverse = new Matrix4() 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.bounds = new Vector4(0.0, 0.0, 0.5, 1.0) cameraL.layers.enable(1) var cameraR = new PerspectiveCamera() cameraR.bounds = new Vector4(0.5, 0.0, 0.5, 1.0) cameraR.layers.enable(2) var cameraVR = new ArrayCamera([cameraL, cameraR]) cameraVR.layers.enable(1) cameraVR.layers.enable(2) // function isPresenting () { return device !== null && device.isPresenting === true } var currentSize, currentPixelRatio function onVRDisplayPresentChange () { if (isPresenting()) { var eyeParameters = device.getEyeParameters('left') var renderWidth = eyeParameters.renderWidth var renderHeight = eyeParameters.renderHeight currentPixelRatio = renderer.getPixelRatio() currentSize = renderer.getSize() renderer.setDrawingBufferSize(renderWidth * 2, renderHeight, 1) animation.start() } else if (scope.enabled) { renderer.setDrawingBufferSize(currentSize.width, currentSize.height, currentPixelRatio) animation.stop() } } // this.enabled = false this.userHeight = 1.6 this.getDevice = function () { return device } this.setDevice = function (value) { if (value !== undefined) device = value animation.setContext(value) } this.setPoseTarget = function (object) { if (object !== undefined) poseTarget = object } this.getCamera = function (camera) { if (device === null) return camera device.depthNear = camera.near device.depthFar = camera.far device.getFrameData(frameData) // var stageParameters = device.stageParameters if (stageParameters) { standingMatrix.fromArray(stageParameters.sittingToStandingTransform) } else { standingMatrix.makeTranslation(0, scope.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() if (device.isPresenting === false) return camera // cameraL.near = camera.near cameraR.near = camera.near cameraL.far = camera.far cameraR.far = camera.far cameraVR.matrixWorld.copy(camera.matrixWorld) cameraVR.matrixWorldInverse.copy(camera.matrixWorldInverse) cameraL.matrixWorldInverse.fromArray(frameData.leftViewMatrix) cameraR.matrixWorldInverse.fromArray(frameData.rightViewMatrix) // TODO (mrdoob) Double check this code standingMatrixInverse.getInverse(standingMatrix) 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) // HACK (mrdoob) // https://github.com/w3c/webvr/issues/203 cameraVR.projectionMatrix.copy(cameraL.projectionMatrix) // var layers = device.getLayers() if (layers.length) { var layer = layers[0] if (layer.leftBounds !== null && layer.leftBounds.length === 4) { cameraL.bounds.fromArray(layer.leftBounds) } if (layer.rightBounds !== null && layer.rightBounds.length === 4) { cameraR.bounds.fromArray(layer.rightBounds) } } return cameraVR } this.getStandingMatrix = function () { return standingMatrix } this.isPresenting = isPresenting // Animation Loop var animation = new WebGLAnimation() this.setAnimationLoop = function (callback) { animation.setAnimationLoop(callback) } this.submitFrame = function () { if (isPresenting()) device.submitFrame() } this.dispose = function () { if (typeof window !== 'undefined') { window.removeEventListener('vrdisplaypresentchange', onVRDisplayPresentChange) } } } /** * @author mrdoob / http://mrdoob.com/ */ function WebXRManager (renderer) { var gl = renderer.context var device = null var session = null var frameOfRef = null var pose = null function isPresenting () { return session !== null && frameOfRef !== null } // 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 cameraVR = new ArrayCamera([cameraL, cameraR]) cameraVR.layers.enable(1) cameraVR.layers.enable(2) // this.enabled = false this.getDevice = function () { return device } this.setDevice = function (value) { if (value !== undefined) device = value gl.setCompatibleXRDevice(value) } // this.setSession = function (value, options) { session = value if (session !== null) { session.addEventListener('end', function () { renderer.setFramebuffer(null) animation.stop() }) session.baseLayer = new XRWebGLLayer(session, gl) session.requestFrameOfReference(options.frameOfReferenceType).then(function (value) { frameOfRef = value renderer.setFramebuffer(session.baseLayer.framebuffer) animation.setContext(session) animation.start() }) } } function updateCamera (camera, parent) { if (parent === null) { camera.matrixWorld.copy(camera.matrix) } else { camera.matrixWorld.multiplyMatrices(parent.matrixWorld, camera.matrix) } camera.matrixWorldInverse.getInverse(camera.matrixWorld) } this.getCamera = function (camera) { if (isPresenting()) { var parent = camera.parent var cameras = cameraVR.cameras // apply camera.parent to cameraVR updateCamera(cameraVR, parent) for (var i = 0; i < cameras.length; i++) { updateCamera(cameras[i], parent) } // update camera and its children camera.matrixWorld.copy(cameraVR.matrixWorld) var children = camera.children for (var i = 0, l = children.length; i < l; i++) { children[i].updateMatrixWorld(true) } return cameraVR } return camera } this.isPresenting = isPresenting // Animation Loop var onAnimationFrameCallback = null function onAnimationFrame (time, frame) { pose = frame.getDevicePose(frameOfRef) var layer = session.baseLayer var views = frame.views for (var i = 0; i < views.length; i++) { var view = views[i] var viewport = layer.getViewport(view) var viewMatrix = pose.getViewMatrix(view) var camera = cameraVR.cameras[i] camera.matrix.fromArray(viewMatrix).getInverse(camera.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) // HACK (mrdoob) // https://github.com/w3c/webvr/issues/203 cameraVR.projectionMatrix.copy(camera.projectionMatrix) } } if (onAnimationFrameCallback) onAnimationFrameCallback() } var animation = new WebGLAnimation() animation.setAnimationLoop(onAnimationFrame) this.setAnimationLoop = function (callback) { onAnimationFrameCallback = callback } // DEPRECATED this.getStandingMatrix = function () { console.warn('THREE.WebXRManager: getStandingMatrix() is no longer needed.') return new THREE.Matrix4() } this.submitFrame = function () {} } /** * @author supereggbert / http://www.paulbrunt.co.uk/ * @author mrdoob / http://mrdoob.com/ * @author alteredq / http://alteredqualia.com/ * @author szimek / https://github.com/szimek/ * @author tschw */ function WebGLRenderer (parameters) { console.log('THREE.WebGLRenderer', REVISION) parameters = parameters || {} var _canvas = parameters.canvas !== undefined ? parameters.canvas : document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas') var _context = parameters.context !== undefined ? parameters.context : null var _alpha = parameters.alpha !== undefined ? parameters.alpha : false var _depth = parameters.depth !== undefined ? parameters.depth : true var _stencil = parameters.stencil !== undefined ? parameters.stencil : true var _antialias = parameters.antialias !== undefined ? parameters.antialias : false var _premultipliedAlpha = parameters.premultipliedAlpha !== undefined ? parameters.premultipliedAlpha : true var _preserveDrawingBuffer = parameters.preserveDrawingBuffer !== undefined ? parameters.preserveDrawingBuffer : false var _powerPreference = parameters.powerPreference !== undefined ? parameters.powerPreference : 'default' var currentRenderList = null var currentRenderState = null // public properties this.domElement = _canvas this.context = null // 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.gammaInput = false this.gammaOutput = false // physical lights this.physicallyCorrectLights = false // tone mapping this.toneMapping = LinearToneMapping this.toneMappingExposure = 1.0 this.toneMappingWhitePoint = 1.0 // morphs this.maxMorphTargets = 8 this.maxMorphNormals = 4 // internal properties var _this = this var _isContextLost = false // internal state cache var _framebuffer = null var _currentRenderTarget = null var _currentFramebuffer = null var _currentMaterialId = -1 var _currentGeometryProgram = '' var _currentCamera = null var _currentArrayCamera = null var _currentViewport = new Vector4() var _currentScissor = new Vector4() var _currentScissorTest = null // var _usedTextureUnits = 0 // var _width = _canvas.width var _height = _canvas.height var _pixelRatio = 1 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 _clipping = new WebGLClipping() var _clippingEnabled = false var _localClippingEnabled = false // camera matrices cache var _projScreenMatrix = new Matrix4() var _vector3 = new Vector3() function getTargetPixelRatio () { return _currentRenderTarget === null ? _pixelRatio : 1 } // initialize var _gl try { var contextAttributes = { alpha: _alpha, depth: _depth, stencil: _stencil, antialias: _antialias, premultipliedAlpha: _premultipliedAlpha, preserveDrawingBuffer: _preserveDrawingBuffer, powerPreference: _powerPreference } // event listeners must be registered before WebGL context is created, see #12753 _canvas.addEventListener('webglcontextlost', onContextLost, false) _canvas.addEventListener('webglcontextrestored', onContextRestore, false) _gl = _context || _canvas.getContext('webgl', contextAttributes) || _canvas.getContext('experimental-webgl', contextAttributes) if (_gl === null) { if (_canvas.getContext('webgl') !== null) { 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) } var extensions, capabilities, state, info var properties, textures, attributes, geometries, objects var programCache, renderLists, renderStates var background, morphtargets, bufferRenderer, indexedBufferRenderer var spriteRenderer var utils function initGLContext () { extensions = new WebGLExtensions(_gl) extensions.get('WEBGL_depth_texture') extensions.get('OES_texture_float') extensions.get('OES_texture_float_linear') extensions.get('OES_texture_half_float') extensions.get('OES_texture_half_float_linear') extensions.get('OES_standard_derivatives') extensions.get('OES_element_index_uint') extensions.get('ANGLE_instanced_arrays') utils = new WebGLUtils(_gl, extensions) capabilities = new WebGLCapabilities(_gl, extensions, parameters) state = new WebGLState(_gl, extensions, utils) state.scissor(_currentScissor.copy(_scissor).multiplyScalar(_pixelRatio)) state.viewport(_currentViewport.copy(_viewport).multiplyScalar(_pixelRatio)) info = new WebGLInfo(_gl) properties = new WebGLProperties() textures = new WebGLTextures(_gl, extensions, state, properties, capabilities, utils, info) attributes = new WebGLAttributes(_gl) geometries = new WebGLGeometries(_gl, attributes, info) objects = new WebGLObjects(geometries, info) morphtargets = new WebGLMorphtargets(_gl) programCache = new WebGLPrograms(_this, extensions, capabilities) renderLists = new WebGLRenderLists() renderStates = new WebGLRenderStates() background = new WebGLBackground(_this, state, objects, _premultipliedAlpha) bufferRenderer = new WebGLBufferRenderer(_gl, extensions, info) indexedBufferRenderer = new WebGLIndexedBufferRenderer(_gl, extensions, info) spriteRenderer = new WebGLSpriteRenderer(_this, _gl, state, textures, capabilities) info.programs = programCache.programs _this.context = _gl _this.capabilities = capabilities _this.extensions = extensions _this.properties = properties _this.renderLists = renderLists _this.state = state _this.info = info } initGLContext() // vr var vr = ('xr' in navigator) ? new WebXRManager(_this) : new WebVRManager(_this) this.vr = vr // 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 () { return { width: _width, height: _height } } this.setSize = function (width, height, updateStyle) { if (vr.isPresenting()) { console.warn('THREE.WebGLRenderer: Can\'t change size while VR device is presenting.') return } _width = width _height = height _canvas.width = width * _pixelRatio _canvas.height = height * _pixelRatio if (updateStyle !== false) { _canvas.style.width = width + 'px' _canvas.style.height = height + 'px' } this.setViewport(0, 0, width, height) } this.getDrawingBufferSize = function () { return { width: _width * _pixelRatio, height: _height * _pixelRatio } } this.setDrawingBufferSize = function (width, height, pixelRatio) { _width = width _height = height _pixelRatio = pixelRatio _canvas.width = width * pixelRatio _canvas.height = height * pixelRatio this.setViewport(0, 0, width, height) } this.getCurrentViewport = function () { return _currentViewport } this.setViewport = function (x, y, width, height) { _viewport.set(x, _height - y - height, width, height) state.viewport(_currentViewport.copy(_viewport).multiplyScalar(_pixelRatio)) } this.setScissor = function (x, y, width, height) { _scissor.set(x, _height - y - height, width, height) state.scissor(_currentScissor.copy(_scissor).multiplyScalar(_pixelRatio)) } this.setScissorTest = function (boolean) { state.setScissorTest(_scissorTest = boolean) } // Clearing this.getClearColor = function () { return 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 |= _gl.COLOR_BUFFER_BIT if (depth === undefined || depth) bits |= _gl.DEPTH_BUFFER_BIT if (stencil === undefined || stencil) bits |= _gl.STENCIL_BUFFER_BIT _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.clearTarget = function (renderTarget, color, depth, stencil) { this.setRenderTarget(renderTarget) this.clear(color, depth, stencil) } // this.dispose = function () { _canvas.removeEventListener('webglcontextlost', onContextLost, false) _canvas.removeEventListener('webglcontextrestored', onContextRestore, false) renderLists.dispose() renderStates.dispose() properties.dispose() objects.dispose() vr.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 material.program = undefined if (programInfo !== undefined) { programCache.releaseProgram(programInfo) } } // Buffer rendering function renderObjectImmediate (object, program, material) { object.render(function (object) { _this.renderBufferImmediate(object, program, material) }) } this.renderBufferImmediate = function (object, program, material) { state.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(_gl.ARRAY_BUFFER, buffers.position) _gl.bufferData(_gl.ARRAY_BUFFER, object.positionArray, _gl.DYNAMIC_DRAW) state.enableAttribute(programAttributes.position) _gl.vertexAttribPointer(programAttributes.position, 3, _gl.FLOAT, false, 0, 0) } if (object.hasNormals) { _gl.bindBuffer(_gl.ARRAY_BUFFER, buffers.normal) if (!material.isMeshPhongMaterial && !material.isMeshStandardMaterial && !material.isMeshNormalMaterial && material.flatShading === true) { for (var i = 0, l = object.count * 3; i < l; i += 9) { var array = object.normalArray var nx = (array[i + 0] + array[i + 3] + array[i + 6]) / 3 var ny = (array[i + 1] + array[i + 4] + array[i + 7]) / 3 var nz = (array[i + 2] + array[i + 5] + array[i + 8]) / 3 array[i + 0] = nx array[i + 1] = ny array[i + 2] = nz array[i + 3] = nx array[i + 4] = ny array[i + 5] = nz array[i + 6] = nx array[i + 7] = ny array[i + 8] = nz } } _gl.bufferData(_gl.ARRAY_BUFFER, object.normalArray, _gl.DYNAMIC_DRAW) state.enableAttribute(programAttributes.normal) _gl.vertexAttribPointer(programAttributes.normal, 3, _gl.FLOAT, false, 0, 0) } if (object.hasUvs && material.map) { _gl.bindBuffer(_gl.ARRAY_BUFFER, buffers.uv) _gl.bufferData(_gl.ARRAY_BUFFER, object.uvArray, _gl.DYNAMIC_DRAW) state.enableAttribute(programAttributes.uv) _gl.vertexAttribPointer(programAttributes.uv, 2, _gl.FLOAT, false, 0, 0) } if (object.hasColors && material.vertexColors !== NoColors) { _gl.bindBuffer(_gl.ARRAY_BUFFER, buffers.color) _gl.bufferData(_gl.ARRAY_BUFFER, object.colorArray, _gl.DYNAMIC_DRAW) state.enableAttribute(programAttributes.color) _gl.vertexAttribPointer(programAttributes.color, 3, _gl.FLOAT, false, 0, 0) } state.disableUnusedAttributes() _gl.drawArrays(_gl.TRIANGLES, 0, object.count) object.count = 0 } this.renderBufferDirect = function (camera, fog, geometry, material, object, group) { var frontFaceCW = (object.isMesh && object.matrixWorld.determinant() < 0) state.setMaterial(material, frontFaceCW) var program = setProgram(camera, fog, material, object) var geometryProgram = geometry.id + '_' + program.id + '_' + (material.wireframe === true) var updateBuffers = false if (geometryProgram !== _currentGeometryProgram) { _currentGeometryProgram = geometryProgram updateBuffers = true } if (object.morphTargetInfluences) { morphtargets.update(object, geometry, material, program) updateBuffers = true } // var index = geometry.index var position = geometry.attributes.position var rangeFactor = 1 if (material.wireframe === true) { index = geometries.getWireframeAttribute(geometry) rangeFactor = 2 } var attribute var renderer = bufferRenderer if (index !== null) { attribute = attributes.get(index) renderer = indexedBufferRenderer renderer.setIndex(attribute) } if (updateBuffers) { setupVertexAttributes(material, program, geometry) if (index !== null) { _gl.bindBuffer(_gl.ELEMENT_ARRAY_BUFFER, attribute.buffer) } } // var dataCount = Infinity if (index !== null) { dataCount = index.count } else if (position !== undefined) { dataCount = 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(_gl.LINES) } else { switch (object.drawMode) { case TrianglesDrawMode: renderer.setMode(_gl.TRIANGLES) break case TriangleStripDrawMode: renderer.setMode(_gl.TRIANGLE_STRIP) break case TriangleFanDrawMode: renderer.setMode(_gl.TRIANGLE_FAN) break } } } 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(_gl.LINES) } else if (object.isLineLoop) { renderer.setMode(_gl.LINE_LOOP) } else { renderer.setMode(_gl.LINE_STRIP) } } else if (object.isPoints) { renderer.setMode(_gl.POINTS) } if (geometry && geometry.isInstancedBufferGeometry) { if (geometry.maxInstancedCount > 0) { renderer.renderInstances(geometry, drawStart, drawCount) } } else { renderer.render(drawStart, drawCount) } } function setupVertexAttributes (material, program, geometry) { if (geometry && geometry.isInstancedBufferGeometry) { if (extensions.get('ANGLE_instanced_arrays') === null) { console.error('THREE.WebGLRenderer.setupVertexAttributes: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.') return } } state.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) { state.enableAttributeAndDivisor(programAttribute, data.meshPerAttribute) if (geometry.maxInstancedCount === undefined) { geometry.maxInstancedCount = data.meshPerAttribute * data.count } } else { state.enableAttribute(programAttribute) } _gl.bindBuffer(_gl.ARRAY_BUFFER, buffer) _gl.vertexAttribPointer(programAttribute, size, type, normalized, stride * bytesPerElement, offset * bytesPerElement) } else { if (geometryAttribute.isInstancedBufferAttribute) { state.enableAttributeAndDivisor(programAttribute, geometryAttribute.meshPerAttribute) if (geometry.maxInstancedCount === undefined) { geometry.maxInstancedCount = geometryAttribute.meshPerAttribute * geometryAttribute.count } } else { state.enableAttribute(programAttribute) } _gl.bindBuffer(_gl.ARRAY_BUFFER, buffer) _gl.vertexAttribPointer(programAttribute, size, type, normalized, 0, 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) } } } } } state.disableUnusedAttributes() } // Compile this.compile = function (scene, camera) { currentRenderState = renderStates.get(scene, camera) currentRenderState.init() scene.traverse(function (object) { if (object.isLight) { currentRenderState.pushLight(object) if (object.castShadow) { currentRenderState.pushShadow(object) } } }) currentRenderState.setupLights(camera) scene.traverse(function (object) { if (object.material) { if (Array.isArray(object.material)) { for (var i = 0; i < object.material.length; i++) { initMaterial(object.material[i], scene.fog, object) } } else { initMaterial(object.material, scene.fog, object) } } }) } // Animation Loop var onAnimationFrameCallback = null function onAnimationFrame () { if (vr.isPresenting()) return if (onAnimationFrameCallback) onAnimationFrameCallback() } var animation = new WebGLAnimation() animation.setAnimationLoop(onAnimationFrame) animation.setContext(window) this.setAnimationLoop = function (callback) { onAnimationFrameCallback = callback vr.setAnimationLoop(callback) animation.start() } // Rendering this.render = function (scene, camera, renderTarget, forceClear) { if (!(camera && camera.isCamera)) { console.error('THREE.WebGLRenderer.render: camera is not an instance of THREE.Camera.') return } if (_isContextLost) return // reset caching for this frame _currentGeometryProgram = '' _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 (vr.enabled) { camera = vr.getCamera(camera) } // currentRenderState = renderStates.get(scene, camera) currentRenderState.init() scene.onBeforeRender(_this, scene, camera, renderTarget) _projScreenMatrix.multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse) _frustum.setFromMatrix(_projScreenMatrix) _localClippingEnabled = this.localClippingEnabled _clippingEnabled = _clipping.init(this.clippingPlanes, _localClippingEnabled, camera) currentRenderList = renderLists.get(scene, camera) currentRenderList.init() projectObject(scene, camera, _this.sortObjects) if (_this.sortObjects === true) { currentRenderList.sort() } // if (_clippingEnabled) _clipping.beginShadows() var shadowsArray = currentRenderState.state.shadowsArray shadowMap.render(shadowsArray, scene, camera) currentRenderState.setupLights(camera) if (_clippingEnabled) _clipping.endShadows() // if (this.info.autoReset) this.info.reset() if (renderTarget === undefined) { renderTarget = null } this.setRenderTarget(renderTarget) // background.render(currentRenderList, scene, camera, forceClear) // render scene var opaqueObjects = currentRenderList.opaque var transparentObjects = currentRenderList.transparent if (scene.overrideMaterial) { var overrideMaterial = scene.overrideMaterial if (opaqueObjects.length) renderObjects(opaqueObjects, scene, camera, overrideMaterial) if (transparentObjects.length) renderObjects(transparentObjects, scene, camera, overrideMaterial) } else { // opaque pass (front-to-back order) if (opaqueObjects.length) renderObjects(opaqueObjects, scene, camera) // transparent pass (back-to-front order) if (transparentObjects.length) renderObjects(transparentObjects, scene, camera) } // custom renderers var spritesArray = currentRenderState.state.spritesArray spriteRenderer.render(spritesArray, scene, camera) // Generate mipmap if we're using any kind of mipmap filtering if (renderTarget) { textures.updateRenderTargetMipmap(renderTarget) } // 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) scene.onAfterRender(_this, scene, camera) if (vr.enabled) { vr.submitFrame() } // _gl.finish(); currentRenderList = null currentRenderState = null } /* // TODO Duplicated code (Frustum) var _sphere = new Sphere(); function isObjectViewable( object ) { var geometry = object.geometry; if ( geometry.boundingSphere === null ) geometry.computeBoundingSphere(); _sphere.copy( geometry.boundingSphere ). applyMatrix4( object.matrixWorld ); return isSphereViewable( _sphere ); } function isSpriteViewable( sprite ) { _sphere.center.set( 0, 0, 0 ); _sphere.radius = 0.7071067811865476; _sphere.applyMatrix4( sprite.matrixWorld ); return isSphereViewable( _sphere ); } function isSphereViewable( sphere ) { if ( ! _frustum.intersectsSphere( sphere ) ) return false; var numPlanes = _clipping.numPlanes; if ( numPlanes === 0 ) return true; var planes = _this.clippingPlanes, center = sphere.center, negRad = - sphere.radius, i = 0; do { // out when deeper than radius in the negative halfspace if ( planes[ i ].distanceToPoint( center ) < negRad ) return false; } while ( ++ i !== numPlanes ); return true; } */ function projectObject (object, camera, sortObjects) { if (object.visible === false) return var visible = object.layers.test(camera.layers) if (visible) { if (object.isLight) { currentRenderState.pushLight(object) if (object.castShadow) { currentRenderState.pushShadow(object) } } else if (object.isSprite) { if (!object.frustumCulled || _frustum.intersectsSprite(object)) { currentRenderState.pushSprite(object) } } else if (object.isImmediateRenderObject) { if (sortObjects) { _vector3.setFromMatrixPosition(object.matrixWorld) .applyMatrix4(_projScreenMatrix) } currentRenderList.push(object, null, object.material, _vector3.z, null) } else if (object.isMesh || object.isLine || object.isPoints) { if (object.isSkinnedMesh) { object.skeleton.update() } 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, _vector3.z, group) } } } else if (material.visible) { currentRenderList.push(object, geometry, material, _vector3.z, null) } } } } var children = object.children for (var i = 0, l = children.length; i < l; i++) { projectObject(children[i], camera, sortObjects) } } function renderObjects (renderList, scene, camera, overrideMaterial) { 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 === undefined ? renderItem.material : overrideMaterial var group = renderItem.group if (camera.isArrayCamera) { _currentArrayCamera = camera var cameras = camera.cameras for (var j = 0, jl = cameras.length; j < jl; j++) { var camera2 = cameras[j] if (object.layers.test(camera2.layers)) { if ('viewport' in camera2) { // XR state.viewport(_currentViewport.copy(camera2.viewport)) } else { var bounds = camera2.bounds var x = bounds.x * _width var y = bounds.y * _height var width = bounds.z * _width var height = bounds.w * _height state.viewport(_currentViewport.set(x, y, width, height).multiplyScalar(_pixelRatio)) } renderObject(object, scene, camera2, geometry, material, group) } } } else { _currentArrayCamera = null renderObject(object, scene, camera, geometry, material, group) } } } function renderObject (object, scene, camera, geometry, material, group) { object.onBeforeRender(_this, scene, camera, geometry, material, group) currentRenderState = renderStates.get(scene, _currentArrayCamera || camera) object.modelViewMatrix.multiplyMatrices(camera.matrixWorldInverse, object.matrixWorld) object.normalMatrix.getNormalMatrix(object.modelViewMatrix) if (object.isImmediateRenderObject) { var frontFaceCW = (object.isMesh && object.matrixWorld.determinant() < 0) state.setMaterial(material, frontFaceCW) var program = setProgram(camera, scene.fog, material, object) _currentGeometryProgram = '' renderObjectImmediate(object, program, material) } else { _this.renderBufferDirect(camera, scene.fog, geometry, material, object, group) } object.onAfterRender(_this, scene, camera, geometry, material, group) currentRenderState = renderStates.get(scene, _currentArrayCamera || camera) } function initMaterial (material, fog, object) { var materialProperties = properties.get(material) var lights = currentRenderState.state.lights var shadowsArray = currentRenderState.state.shadowsArray var parameters = programCache.getParameters( material, lights.state, shadowsArray, fog, _clipping.numPlanes, _clipping.numIntersection, object) var code = programCache.getProgramCode(material, parameters) var program = materialProperties.program var programChange = true if (program === undefined) { // new material material.addEventListener('dispose', onMaterialDispose) } else if (program.code !== code) { // changed glsl or parameters releaseMaterialProgramReference(material) } else if (materialProperties.lightsHash !== lights.state.hash) { properties.update(material, 'lightsHash', lights.state.hash) programChange = false } else if (parameters.shaderID !== undefined) { // same glsl and uniform list return } else { // only rebuild uniform list programChange = false } if (programChange) { if (parameters.shaderID) { var shader = ShaderLib[parameters.shaderID] materialProperties.shader = { name: material.type, uniforms: UniformsUtils.clone(shader.uniforms), vertexShader: shader.vertexShader, fragmentShader: shader.fragmentShader } } else { materialProperties.shader = { name: material.type, uniforms: material.uniforms, vertexShader: material.vertexShader, fragmentShader: material.fragmentShader } } material.onBeforeCompile(materialProperties.shader, _this) program = programCache.acquireProgram(material, materialProperties.shader, parameters, code) materialProperties.program = program material.program = program } var programAttributes = program.getAttributes() if (material.morphTargets) { material.numSupportedMorphTargets = 0 for (var i = 0; i < _this.maxMorphTargets; i++) { if (programAttributes['morphTarget' + i] >= 0) { material.numSupportedMorphTargets++ } } } if (material.morphNormals) { material.numSupportedMorphNormals = 0 for (var i = 0; i < _this.maxMorphNormals; i++) { if (programAttributes['morphNormal' + i] >= 0) { material.numSupportedMorphNormals++ } } } var uniforms = materialProperties.shader.uniforms if (!material.isShaderMaterial && !material.isRawShaderMaterial || material.clipping === true) { materialProperties.numClippingPlanes = _clipping.numPlanes materialProperties.numIntersection = _clipping.numIntersection uniforms.clippingPlanes = _clipping.uniform } materialProperties.fog = fog // store the light setup it was created for materialProperties.lightsHash = lights.state.hash if (material.lights) { // wire up the material to this renderer's lighting state uniforms.ambientLightColor.value = lights.state.ambient uniforms.directionalLights.value = lights.state.directional uniforms.spotLights.value = lights.state.spot uniforms.rectAreaLights.value = lights.state.rectArea uniforms.pointLights.value = lights.state.point 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, fog, material, object) { _usedTextureUnits = 0 var materialProperties = properties.get(material) var lights = currentRenderState.state.lights if (_clippingEnabled) { if (_localClippingEnabled || 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.clippingPlanes, material.clipIntersection, material.clipShadows, camera, materialProperties, useCache) } } if (material.needsUpdate === false) { if (materialProperties.program === undefined) { material.needsUpdate = true } else if (material.fog && materialProperties.fog !== fog) { material.needsUpdate = true } else if (material.lights && materialProperties.lightsHash !== lights.state.hash) { material.needsUpdate = true } else if (materialProperties.numClippingPlanes !== undefined && (materialProperties.numClippingPlanes !== _clipping.numPlanes || materialProperties.numIntersection !== _clipping.numIntersection)) { material.needsUpdate = true } } if (material.needsUpdate) { initMaterial(material, fog, object) material.needsUpdate = false } var refreshProgram = false var refreshMaterial = false var refreshLights = false var program = materialProperties.program var p_uniforms = program.getUniforms() var m_uniforms = materialProperties.shader.uniforms if (state.useProgram(program.program)) { refreshProgram = true refreshMaterial = true refreshLights = true } if (material.id !== _currentMaterialId) { _currentMaterialId = material.id refreshMaterial = true } if (refreshProgram || camera !== _currentCamera) { 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)) } // Avoid unneeded uniform updates per ArrayCamera's sub-camera if (_currentCamera !== (_currentArrayCamera || camera)) { _currentCamera = (_currentArrayCamera || 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.isMeshStandardMaterial || material.envMap) { var uCamPos = p_uniforms.map.cameraPosition if (uCamPos !== undefined) { uCamPos.setValue(_gl, _vector3.setFromMatrixPosition(camera.matrixWorld)) } } if (material.isMeshPhongMaterial || material.isMeshLambertMaterial || material.isMeshBasicMaterial || material.isMeshStandardMaterial || material.isShaderMaterial || 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 // not sure why, but otherwise weird things happen 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 === undefined) { // 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 = _Math.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) boneTexture.needsUpdate = true skeleton.boneMatrices = boneMatrices skeleton.boneTexture = boneTexture skeleton.boneTextureSize = size } p_uniforms.setValue(_gl, 'boneTexture', skeleton.boneTexture) p_uniforms.setValue(_gl, 'boneTextureSize', skeleton.boneTextureSize) } else { p_uniforms.setOptional(_gl, skeleton, 'boneMatrices') } } } if (refreshMaterial) { p_uniforms.setValue(_gl, 'toneMappingExposure', _this.toneMappingExposure) p_uniforms.setValue(_gl, 'toneMappingWhitePoint', _this.toneMappingWhitePoint) if (material.lights) { // 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) { refreshUniformsFog(m_uniforms, fog) } if (material.isMeshBasicMaterial) { refreshUniformsCommon(m_uniforms, material) } else if (material.isMeshLambertMaterial) { refreshUniformsCommon(m_uniforms, material) refreshUniformsLambert(m_uniforms, material) } else if (material.isMeshPhongMaterial) { refreshUniformsCommon(m_uniforms, material) if (material.isMeshToonMaterial) { refreshUniformsToon(m_uniforms, material) } else { refreshUniformsPhong(m_uniforms, material) } } else if (material.isMeshStandardMaterial) { refreshUniformsCommon(m_uniforms, material) if (material.isMeshPhysicalMaterial) { refreshUniformsPhysical(m_uniforms, material) } else { refreshUniformsStandard(m_uniforms, material) } } else if (material.isMeshDepthMaterial) { refreshUniformsCommon(m_uniforms, material) refreshUniformsDepth(m_uniforms, material) } else if (material.isMeshDistanceMaterial) { refreshUniformsCommon(m_uniforms, material) refreshUniformsDistance(m_uniforms, material) } else if (material.isMeshNormalMaterial) { refreshUniformsCommon(m_uniforms, material) refreshUniformsNormal(m_uniforms, material) } else if (material.isLineBasicMaterial) { refreshUniformsLine(m_uniforms, material) if (material.isLineDashedMaterial) { refreshUniformsDash(m_uniforms, material) } } else if (material.isPointsMaterial) { refreshUniformsPoints(m_uniforms, material) } else if (material.isShadowMaterial) { m_uniforms.color.value = material.color m_uniforms.opacity.value = material.opacity } // RectAreaLight Texture // TODO (mrdoob): Find a nicer implementation if (m_uniforms.ltc_1 !== undefined) m_uniforms.ltc_1.value = UniformsLib.LTC_1 if (m_uniforms.ltc_2 !== undefined) m_uniforms.ltc_2.value = UniformsLib.LTC_2 WebGLUniforms.upload(_gl, materialProperties.uniformsList, m_uniforms, _this) } if (material.isShaderMaterial && material.uniformsNeedUpdate === true) { WebGLUniforms.upload(_gl, materialProperties.uniformsList, m_uniforms, _this) material.uniformsNeedUpdate = false } // 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 } // Uniforms (refresh uniforms objects) function refreshUniformsCommon (uniforms, material) { uniforms.opacity.value = material.opacity if (material.color) { uniforms.diffuse.value = 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 } if (material.envMap) { uniforms.envMap.value = material.envMap // don't flip CubeTexture envMaps, flip everything else: // WebGLRenderTargetCube will be flipped for backwards compatibility // WebGLRenderTargetCube.texture will be flipped because it's a Texture and NOT a CubeTexture // this check must be handled differently, or removed entirely, if WebGLRenderTargetCube uses a CubeTexture in the future uniforms.flipEnvMap.value = (!(material.envMap && material.envMap.isCubeTexture)) ? 1 : -1 uniforms.reflectivity.value = material.reflectivity uniforms.refractionRatio.value = material.refractionRatio uniforms.maxMipLevel.value = properties.get(material.envMap).__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. normal map // 4. bump map // 5. alpha map // 6. emissive 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 } if (uvScaleMap !== undefined) { // backwards compatibility if (uvScaleMap.isWebGLRenderTarget) { uvScaleMap = uvScaleMap.texture } if (uvScaleMap.matrixAutoUpdate === true) { uvScaleMap.updateMatrix() } uniforms.uvTransform.value.copy(uvScaleMap.matrix) } } function refreshUniformsLine (uniforms, material) { uniforms.diffuse.value = 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) { uniforms.diffuse.value = material.color uniforms.opacity.value = material.opacity uniforms.size.value = material.size * _pixelRatio uniforms.scale.value = _height * 0.5 uniforms.map.value = material.map if (material.map !== null) { if (material.map.matrixAutoUpdate === true) { material.map.updateMatrix() } uniforms.uvTransform.value.copy(material.map.matrix) } } function refreshUniformsFog (uniforms, fog) { uniforms.fogColor.value = 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 refreshUniformsLambert (uniforms, material) { if (material.emissiveMap) { uniforms.emissiveMap.value = material.emissiveMap } } function refreshUniformsPhong (uniforms, material) { uniforms.specular.value = 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) { refreshUniformsPhong(uniforms, material) if (material.gradientMap) { uniforms.gradientMap.value = material.gradientMap } } 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 } if (material.envMap) { // uniforms.envMap.value = material.envMap; // part of uniforms common uniforms.envMapIntensity.value = material.envMapIntensity } } function refreshUniformsPhysical (uniforms, material) { uniforms.clearCoat.value = material.clearCoat uniforms.clearCoatRoughness.value = material.clearCoatRoughness refreshUniformsStandard(uniforms, material) } 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 } } // 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.directionalLights.needsUpdate = value uniforms.pointLights.needsUpdate = value uniforms.spotLights.needsUpdate = value uniforms.rectAreaLights.needsUpdate = value uniforms.hemisphereLights.needsUpdate = value } // Textures function allocTextureUnit () { var textureUnit = _usedTextureUnits if (textureUnit >= capabilities.maxTextures) { console.warn('THREE.WebGLRenderer: Trying to use ' + textureUnit + ' texture units while this GPU supports only ' + capabilities.maxTextures) } _usedTextureUnits += 1 return textureUnit } this.allocTextureUnit = allocTextureUnit // 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.setTexture = (function () { var warned = false return function setTexture (texture, slot) { if (!warned) { console.warn('THREE.WebGLRenderer: .setTexture is deprecated, use setTexture2D instead.') warned = true } textures.setTexture2D(texture, slot) } }()) this.setTextureCube = (function () { var warned = false return function setTextureCube (texture, slot) { // backwards compatibility: peel texture.texture if (texture && texture.isWebGLRenderTargetCube) { if (!warned) { console.warn("THREE.WebGLRenderer.setTextureCube: don't use cube render targets as textures. Use their .texture property instead.") warned = true } texture = texture.texture } // currently relying on the fact that WebGLRenderTargetCube.texture is a Texture and NOT a CubeTexture // TODO: unify these code paths if ((texture && texture.isCubeTexture) || (Array.isArray(texture.image) && texture.image.length === 6)) { // CompressedTexture can have Array in image :/ // this function alone should take care of cube textures textures.setTextureCube(texture, slot) } else { // assumed: texture property of THREE.WebGLRenderTargetCube textures.setTextureCubeDynamic(texture, slot) } } }()) // this.setFramebuffer = function (value) { _framebuffer = value } this.getRenderTarget = function () { return _currentRenderTarget } this.setRenderTarget = function (renderTarget) { _currentRenderTarget = renderTarget 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.isWebGLRenderTargetCube) { framebuffer = __webglFramebuffer[renderTarget.activeCubeFace] isCube = true } else { framebuffer = __webglFramebuffer } _currentViewport.copy(renderTarget.viewport) _currentScissor.copy(renderTarget.scissor) _currentScissorTest = renderTarget.scissorTest } else { _currentViewport.copy(_viewport).multiplyScalar(_pixelRatio) _currentScissor.copy(_scissor).multiplyScalar(_pixelRatio) _currentScissorTest = _scissorTest } if (_currentFramebuffer !== framebuffer) { _gl.bindFramebuffer(_gl.FRAMEBUFFER, framebuffer) _currentFramebuffer = framebuffer } state.viewport(_currentViewport) state.scissor(_currentScissor) state.setScissorTest(_currentScissorTest) if (isCube) { var textureProperties = properties.get(renderTarget.texture) _gl.framebufferTexture2D(_gl.FRAMEBUFFER, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_CUBE_MAP_POSITIVE_X + renderTarget.activeCubeFace, textureProperties.__webglTexture, renderTarget.activeMipMapLevel) } } this.readRenderTargetPixels = function (renderTarget, x, y, width, height, buffer) { if (!(renderTarget && renderTarget.isWebGLRenderTarget)) { console.error('THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not THREE.WebGLRenderTarget.') return } var framebuffer = properties.get(renderTarget).__webglFramebuffer if (framebuffer) { var restore = false if (framebuffer !== _currentFramebuffer) { _gl.bindFramebuffer(_gl.FRAMEBUFFER, framebuffer) restore = true } try { var texture = renderTarget.texture var textureFormat = texture.format var textureType = texture.type if (textureFormat !== RGBAFormat && utils.convert(textureFormat) !== _gl.getParameter(_gl.IMPLEMENTATION_COLOR_READ_FORMAT)) { console.error('THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in RGBA or implementation defined format.') return } if (textureType !== UnsignedByteType && utils.convert(textureType) !== _gl.getParameter(_gl.IMPLEMENTATION_COLOR_READ_TYPE) && // IE11, Edge and Chrome Mac < 52 (#9513) !(textureType === FloatType && (extensions.get('OES_texture_float') || extensions.get('WEBGL_color_buffer_float'))) && // Chrome Mac >= 52 and Firefox !(textureType === HalfFloatType && extensions.get('EXT_color_buffer_half_float'))) { console.error('THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in UnsignedByteType or implementation defined type.') return } if (_gl.checkFramebufferStatus(_gl.FRAMEBUFFER) === _gl.FRAMEBUFFER_COMPLETE) { // 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(_gl.FRAMEBUFFER, _currentFramebuffer) } } } } this.copyFramebufferToTexture = function (position, texture, level) { var width = texture.image.width var height = texture.image.height var glFormat = utils.convert(texture.format) this.setTexture2D(texture, 0) _gl.copyTexImage2D(_gl.TEXTURE_2D, level || 0, glFormat, position.x, position.y, width, height, 0) } this.copyTextureToTexture = function (position, srcTexture, dstTexture, level) { var width = srcTexture.image.width var height = srcTexture.image.height var glFormat = utils.convert(dstTexture.format) var glType = utils.convert(dstTexture.type) this.setTexture2D(dstTexture, 0) if (srcTexture.isDataTexture) { _gl.texSubImage2D(_gl.TEXTURE_2D, level || 0, position.x, position.y, width, height, glFormat, glType, srcTexture.image.data) } else { _gl.texSubImage2D(_gl.TEXTURE_2D, level || 0, position.x, position.y, glFormat, glType, srcTexture.image) } } } /** * @author mrdoob / http://mrdoob.com/ * @author alteredq / http://alteredqualia.com/ */ function FogExp2 (color, density) { this.name = '' this.color = new Color(color) this.density = (density !== undefined) ? density : 0.00025 } FogExp2.prototype.isFogExp2 = true FogExp2.prototype.clone = function () { return new FogExp2(this.color, this.density) } FogExp2.prototype.toJSON = function (/* meta */) { return { type: 'FogExp2', color: this.color.getHex(), density: this.density } } /** * @author mrdoob / http://mrdoob.com/ * @author alteredq / http://alteredqualia.com/ */ function Fog (color, near, far) { this.name = '' this.color = new Color(color) this.near = (near !== undefined) ? near : 1 this.far = (far !== undefined) ? far : 1000 } Fog.prototype.isFog = true Fog.prototype.clone = function () { return new Fog(this.color, this.near, this.far) } Fog.prototype.toJSON = function (/* meta */) { return { type: 'Fog', color: this.color.getHex(), near: this.near, far: this.far } } /** * @author mrdoob / http://mrdoob.com/ */ function Scene () { Object3D.call(this) this.type = 'Scene' this.background = null this.fog = null this.overrideMaterial = null this.autoUpdate = true // checked by the renderer } Scene.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: Scene, copy: function (source, recursive) { Object3D.prototype.copy.call(this, source, recursive) if (source.background !== null) this.background = source.background.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 }, toJSON: function (meta) { var data = Object3D.prototype.toJSON.call(this, meta) if (this.background !== null) data.object.background = this.background.toJSON(meta) if (this.fog !== null) data.object.fog = this.fog.toJSON() return data } }) /** * @author alteredq / http://alteredqualia.com/ * * parameters = { * color: , * opacity: , * map: new THREE.Texture( ), * * uvOffset: new THREE.Vector2(), * uvScale: new THREE.Vector2() * } */ function SpriteMaterial (parameters) { Material.call(this) this.type = 'SpriteMaterial' this.color = new Color(0xffffff) this.map = null this.rotation = 0 this.fog = false this.lights = false 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.rotation = source.rotation return this } /** * @author mikael emtinger / http://gomo.se/ * @author alteredq / http://alteredqualia.com/ */ function Sprite (material) { Object3D.call(this) this.type = 'Sprite' 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 () { var intersectPoint = new Vector3() var worldPosition = new Vector3() var worldScale = new Vector3() return function raycast (raycaster, intersects) { worldPosition.setFromMatrixPosition(this.matrixWorld) raycaster.ray.closestPointToPoint(worldPosition, intersectPoint) worldScale.setFromMatrixScale(this.matrixWorld) var guessSizeSq = worldScale.x * worldScale.y / 4 if (worldPosition.distanceToSquared(intersectPoint) > guessSizeSq) return var distance = raycaster.ray.origin.distanceTo(intersectPoint) if (distance < raycaster.near || distance > raycaster.far) return intersects.push({ distance: distance, point: intersectPoint.clone(), face: null, object: this }) } }()), clone: function () { return new this.constructor(this.material).copy(this) }, copy: function (source) { Object3D.prototype.copy.call(this, source) if (source.center !== undefined) this.center.copy(source.center) return this } }) /** * @author mikael emtinger / http://gomo.se/ * @author alteredq / http://alteredqualia.com/ * @author mrdoob / http://mrdoob.com/ */ function LOD () { Object3D.call(this) this.type = 'LOD' Object.defineProperties(this, { levels: { enumerable: true, value: [] } }) } LOD.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: LOD, copy: function (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) } return this }, addLevel: function (object, distance) { if (distance === undefined) distance = 0 distance = Math.abs(distance) var levels = this.levels for (var l = 0; l < levels.length; l++) { if (distance < levels[l].distance) { break } } levels.splice(l, 0, { distance: distance, object: object }) this.add(object) }, getObjectForDistance: function (distance) { var levels = this.levels for (var i = 1, l = levels.length; i < l; i++) { if (distance < levels[i].distance) { break } } return levels[i - 1].object }, raycast: (function () { var matrixPosition = new Vector3() return function raycast (raycaster, intersects) { matrixPosition.setFromMatrixPosition(this.matrixWorld) var distance = raycaster.ray.origin.distanceTo(matrixPosition) this.getObjectForDistance(distance).raycast(raycaster, intersects) } }()), update: (function () { var v1 = new Vector3() var v2 = new Vector3() return function update (camera) { var levels = this.levels if (levels.length > 1) { v1.setFromMatrixPosition(camera.matrixWorld) v2.setFromMatrixPosition(this.matrixWorld) var distance = v1.distanceTo(v2) levels[0].object.visible = true for (var 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 } } for (; i < l; i++) { levels[i].object.visible = false } } } }()), toJSON: function (meta) { var data = Object3D.prototype.toJSON.call(this, meta) 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 } }) /** * @author mikael emtinger / http://gomo.se/ * @author alteredq / http://alteredqualia.com/ * @author michael guerrero / http://realitymeltdown.com * @author ikerr / http://verold.com */ function Skeleton (bones, boneInverses) { // copy the bone array bones = bones || [] this.bones = bones.slice(0) this.boneMatrices = new Float32Array(this.bones.length * 16) // use the supplied bone inverses or calculate the inverses if (boneInverses === undefined) { this.calculateInverses() } else { if (this.bones.length === boneInverses.length) { this.boneInverses = boneInverses.slice(0) } else { console.warn('THREE.Skeleton boneInverses is the wrong length.') this.boneInverses = [] for (var i = 0, il = this.bones.length; i < il; i++) { this.boneInverses.push(new Matrix4()) } } } } Object.assign(Skeleton.prototype, { calculateInverses: function () { this.boneInverses = [] for (var i = 0, il = this.bones.length; i < il; i++) { var inverse = new Matrix4() if (this.bones[i]) { inverse.getInverse(this.bones[i].matrixWorld) } this.boneInverses.push(inverse) } }, pose: function () { var bone, i, il // recover the bind-time world matrices for (i = 0, il = this.bones.length; i < il; i++) { bone = this.bones[i] if (bone) { bone.matrixWorld.getInverse(this.boneInverses[i]) } } // compute the local matrices, positions, rotations and scales for (i = 0, il = this.bones.length; i < il; i++) { bone = this.bones[i] if (bone) { if (bone.parent && bone.parent.isBone) { bone.matrix.getInverse(bone.parent.matrixWorld) bone.matrix.multiply(bone.matrixWorld) } else { bone.matrix.copy(bone.matrixWorld) } bone.matrix.decompose(bone.position, bone.quaternion, bone.scale) } } }, update: (function () { var offsetMatrix = new Matrix4() var identityMatrix = new Matrix4() return 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 !== undefined) { boneTexture.needsUpdate = true } } })(), clone: function () { return new Skeleton(this.bones, this.boneInverses) }, getBoneByName: function (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 } }) /** * @author mikael emtinger / http://gomo.se/ * @author alteredq / http://alteredqualia.com/ * @author ikerr / http://verold.com */ function Bone () { Object3D.call(this) this.type = 'Bone' } Bone.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: Bone, isBone: true }) /** * @author mikael emtinger / http://gomo.se/ * @author alteredq / http://alteredqualia.com/ * @author ikerr / http://verold.com */ function SkinnedMesh (geometry, material) { Mesh.call(this, geometry, material) this.type = 'SkinnedMesh' this.bindMode = 'attached' this.bindMatrix = new Matrix4() this.bindMatrixInverse = new Matrix4() var bones = this.initBones() var skeleton = new Skeleton(bones) this.bind(skeleton, this.matrixWorld) this.normalizeSkinWeights() } SkinnedMesh.prototype = Object.assign(Object.create(Mesh.prototype), { constructor: SkinnedMesh, isSkinnedMesh: true, initBones: function () { var bones = []; var bone; var gbone var i, il if (this.geometry && this.geometry.bones !== undefined) { // first, create array of 'Bone' objects from geometry data for (i = 0, il = this.geometry.bones.length; i < il; i++) { gbone = this.geometry.bones[i] // create new 'Bone' object bone = new Bone() bones.push(bone) // apply values bone.name = gbone.name bone.position.fromArray(gbone.pos) bone.quaternion.fromArray(gbone.rotq) if (gbone.scl !== undefined) bone.scale.fromArray(gbone.scl) } // second, create bone hierarchy for (i = 0, il = this.geometry.bones.length; i < il; i++) { gbone = this.geometry.bones[i] if ((gbone.parent !== -1) && (gbone.parent !== null) && (bones[gbone.parent] !== undefined)) { // subsequent bones in the hierarchy bones[gbone.parent].add(bones[i]) } else { // topmost bone, immediate child of the skinned mesh this.add(bones[i]) } } } // now the bones are part of the scene graph and children of the skinned mesh. // let's update the corresponding matrices this.updateMatrixWorld(true) return bones }, bind: function (skeleton, bindMatrix) { this.skeleton = skeleton if (bindMatrix === undefined) { this.updateMatrixWorld(true) this.skeleton.calculateInverses() bindMatrix = this.matrixWorld } this.bindMatrix.copy(bindMatrix) this.bindMatrixInverse.getInverse(bindMatrix) }, pose: function () { this.skeleton.pose() }, normalizeSkinWeights: function () { var scale, i if (this.geometry && this.geometry.isGeometry) { for (i = 0; i < this.geometry.skinWeights.length; i++) { var sw = this.geometry.skinWeights[i] scale = 1.0 / sw.manhattanLength() if (scale !== Infinity) { sw.multiplyScalar(scale) } else { sw.set(1, 0, 0, 0) // do something reasonable } } } else if (this.geometry && this.geometry.isBufferGeometry) { var vec = new Vector4() var skinWeight = this.geometry.attributes.skinWeight for (i = 0; i < skinWeight.count; i++) { vec.x = skinWeight.getX(i) vec.y = skinWeight.getY(i) vec.z = skinWeight.getZ(i) vec.w = skinWeight.getW(i) scale = 1.0 / vec.manhattanLength() if (scale !== Infinity) { vec.multiplyScalar(scale) } else { vec.set(1, 0, 0, 0) // do something reasonable } skinWeight.setXYZW(i, vec.x, vec.y, vec.z, vec.w) } } }, updateMatrixWorld: function (force) { Mesh.prototype.updateMatrixWorld.call(this, force) if (this.bindMode === 'attached') { this.bindMatrixInverse.getInverse(this.matrixWorld) } else if (this.bindMode === 'detached') { this.bindMatrixInverse.getInverse(this.bindMatrix) } else { console.warn('THREE.SkinnedMesh: Unrecognized bindMode: ' + this.bindMode) } }, clone: function () { return new this.constructor(this.geometry, this.material).copy(this) } }) /** * @author mrdoob / http://mrdoob.com/ * @author alteredq / http://alteredqualia.com/ * * parameters = { * color: , * opacity: , * * linewidth: , * 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.lights = 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 return this } /** * @author mrdoob / http://mrdoob.com/ */ function Line (geometry, material, mode) { if (mode === 1) { console.warn('THREE.Line: parameter THREE.LinePieces no longer supported. Created THREE.LineSegments instead.') return new LineSegments(geometry, material) } Object3D.call(this) this.type = 'Line' this.geometry = geometry !== undefined ? geometry : new BufferGeometry() this.material = material !== undefined ? material : new LineBasicMaterial({ color: Math.random() * 0xffffff }) } Line.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: Line, isLine: true, computeLineDistances: (function () { var start = new Vector3() var end = new Vector3() return 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.addAttribute('lineDistance', new Float32BufferAttribute(lineDistances, 1)) } else { console.warn('THREE.Line.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.') } } else if (geometry.isGeometry) { var vertices = geometry.vertices var lineDistances = geometry.lineDistances lineDistances[0] = 0 for (var i = 1, l = vertices.length; i < l; i++) { lineDistances[i] = lineDistances[i - 1] lineDistances[i] += vertices[i - 1].distanceTo(vertices[i]) } } return this } }()), raycast: (function () { var inverseMatrix = new Matrix4() var ray = new Ray() var sphere = new Sphere() return function raycast (raycaster, intersects) { var precision = raycaster.linePrecision var precisionSq = precision * precision var geometry = this.geometry var matrixWorld = this.matrixWorld // 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.getInverse(matrixWorld) ray.copy(raycaster.ray).applyMatrix4(inverseMatrix) var vStart = new Vector3() var vEnd = new Vector3() var interSegment = new Vector3() var interRay = new Vector3() var step = (this && this.isLineSegments) ? 2 : 1 if (geometry.isBufferGeometry) { var index = geometry.index var attributes = geometry.attributes var positions = attributes.position.array 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.fromArray(positions, a * 3) vEnd.fromArray(positions, b * 3) var distSq = ray.distanceSqToSegment(vStart, vEnd, interRay, interSegment) if (distSq > precisionSq) 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 = positions.length / 3 - 1; i < l; i += step) { vStart.fromArray(positions, 3 * i) vEnd.fromArray(positions, 3 * i + 3) var distSq = ray.distanceSqToSegment(vStart, vEnd, interRay, interSegment) if (distSq > precisionSq) 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) { var vertices = geometry.vertices var nbVertices = vertices.length for (var i = 0; i < nbVertices - 1; i += step) { var distSq = ray.distanceSqToSegment(vertices[i], vertices[i + 1], interRay, interSegment) if (distSq > precisionSq) 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 }) } } } }()), clone: function () { return new this.constructor(this.geometry, this.material).copy(this) } }) /** * @author mrdoob / http://mrdoob.com/ */ 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 () { var start = new Vector3() var end = new Vector3() return 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.fromBufferAttribute(positionAttribute, i) end.fromBufferAttribute(positionAttribute, i + 1) lineDistances[i] = (i === 0) ? 0 : lineDistances[i - 1] lineDistances[i + 1] = lineDistances[i] + start.distanceTo(end) } geometry.addAttribute('lineDistance', new Float32BufferAttribute(lineDistances, 1)) } else { console.warn('THREE.LineSegments.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.') } } else if (geometry.isGeometry) { var vertices = geometry.vertices var lineDistances = geometry.lineDistances for (var i = 0, l = vertices.length; i < l; i += 2) { start.copy(vertices[i]) end.copy(vertices[i + 1]) lineDistances[i] = (i === 0) ? 0 : lineDistances[i - 1] lineDistances[i + 1] = lineDistances[i] + start.distanceTo(end) } } return this } }()) }) /** * @author mgreter / http://github.com/mgreter */ function LineLoop (geometry, material) { Line.call(this, geometry, material) this.type = 'LineLoop' } LineLoop.prototype = Object.assign(Object.create(Line.prototype), { constructor: LineLoop, isLineLoop: true }) /** * @author mrdoob / http://mrdoob.com/ * @author alteredq / http://alteredqualia.com/ * * parameters = { * color: , * opacity: , * map: new THREE.Texture( ), * * size: , * sizeAttenuation: * * morphTargets: * } */ function PointsMaterial (parameters) { Material.call(this) this.type = 'PointsMaterial' this.color = new Color(0xffffff) this.map = null this.size = 1 this.sizeAttenuation = true this.morphTargets = false this.lights = 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.size = source.size this.sizeAttenuation = source.sizeAttenuation this.morphTargets = source.morphTargets return this } /** * @author alteredq / http://alteredqualia.com/ */ function Points (geometry, material) { Object3D.call(this) this.type = 'Points' this.geometry = geometry !== undefined ? geometry : new BufferGeometry() this.material = material !== undefined ? material : new PointsMaterial({ color: Math.random() * 0xffffff }) } Points.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: Points, isPoints: true, raycast: (function () { var inverseMatrix = new Matrix4() var ray = new Ray() var sphere = new Sphere() return function raycast (raycaster, intersects) { var object = this 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.copy(geometry.boundingSphere) sphere.applyMatrix4(matrixWorld) sphere.radius += threshold if (raycaster.ray.intersectsSphere(sphere) === false) return // inverseMatrix.getInverse(matrixWorld) ray.copy(raycaster.ray).applyMatrix4(inverseMatrix) var localThreshold = threshold / ((this.scale.x + this.scale.y + this.scale.z) / 3) var localThresholdSq = localThreshold * localThreshold var position = new Vector3() var intersectPoint = new Vector3() function testPoint (point, index) { var rayPointDistanceSq = ray.distanceSqToPoint(point) if (rayPointDistanceSq < localThresholdSq) { ray.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.clone(), index: index, face: null, object: object }) } } if (geometry.isBufferGeometry) { var index = geometry.index var attributes = geometry.attributes var positions = attributes.position.array if (index !== null) { var indices = index.array for (var i = 0, il = indices.length; i < il; i++) { var a = indices[i] position.fromArray(positions, a * 3) testPoint(position, a) } } else { for (var i = 0, l = positions.length / 3; i < l; i++) { position.fromArray(positions, i * 3) testPoint(position, i) } } } else { var vertices = geometry.vertices for (var i = 0, l = vertices.length; i < l; i++) { testPoint(vertices[i], i) } } } }()), clone: function () { return new this.constructor(this.geometry, this.material).copy(this) } }) /** * @author mrdoob / http://mrdoob.com/ */ function Group () { Object3D.call(this) this.type = 'Group' } Group.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: Group, isGroup: true }) /** * @author mrdoob / http://mrdoob.com/ */ function VideoTexture (video, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy) { Texture.call(this, video, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy) this.generateMipmaps = false } VideoTexture.prototype = Object.assign(Object.create(Texture.prototype), { constructor: VideoTexture, isVideoTexture: true, update: function () { var video = this.image if (video.readyState >= video.HAVE_CURRENT_DATA) { this.needsUpdate = true } } }) /** * @author alteredq / http://alteredqualia.com/ */ 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 /** * @author Matt DesLauriers / @mattdesl * @author atix / arthursilber.de */ 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 /** * @author mrdoob / http://mrdoob.com/ * @author Mugen87 / https://github.com/Mugen87 */ function WireframeGeometry (geometry) { BufferGeometry.call(this) this.type = 'WireframeGeometry' // buffer var vertices = [] // helper variables var i, j, l, o, ol var edge = [0, 0]; var edges = {}; var e; var edge1; var edge2 var key; var keys = ['a', 'b', 'c'] var vertex // different logic for Geometry and BufferGeometry if (geometry && geometry.isGeometry) { // create a data structure that contains all edges without duplicates var faces = geometry.faces for (i = 0, l = faces.length; i < l; i++) { var face = faces[i] for (j = 0; j < 3; j++) { edge1 = face[keys[j]] edge2 = face[keys[(j + 1) % 3]] edge[0] = Math.min(edge1, edge2) // sorting prevents duplicates edge[1] = Math.max(edge1, edge2) key = edge[0] + ',' + edge[1] if (edges[key] === undefined) { edges[key] = { index1: edge[0], index2: edge[1] } } } } // generate vertices for (key in edges) { e = edges[key] vertex = geometry.vertices[e.index1] vertices.push(vertex.x, vertex.y, vertex.z) vertex = geometry.vertices[e.index2] vertices.push(vertex.x, vertex.y, vertex.z) } } else if (geometry && geometry.isBufferGeometry) { var position, indices, groups var group, start, count var index1, index2 vertex = new Vector3() if (geometry.index !== null) { // indexed BufferGeometry position = geometry.attributes.position indices = geometry.index 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 (o = 0, ol = groups.length; o < ol; ++o) { group = groups[o] start = group.start count = group.count for (i = start, l = (start + count); i < l; i += 3) { for (j = 0; j < 3; j++) { edge1 = indices.getX(i + j) edge2 = indices.getX(i + (j + 1) % 3) edge[0] = Math.min(edge1, edge2) // sorting prevents duplicates edge[1] = Math.max(edge1, edge2) key = edge[0] + ',' + edge[1] if (edges[key] === undefined) { edges[key] = { index1: edge[0], index2: edge[1] } } } } } // generate vertices for (key in edges) { 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 position = geometry.attributes.position for (i = 0, l = (position.count / 3); i < l; i++) { for (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) index1 = 3 * i + j vertex.fromBufferAttribute(position, index1) vertices.push(vertex.x, vertex.y, vertex.z) index2 = 3 * i + ((j + 1) % 3) vertex.fromBufferAttribute(position, index2) vertices.push(vertex.x, vertex.y, vertex.z) } } } } // build geometry this.addAttribute('position', new Float32BufferAttribute(vertices, 3)) } WireframeGeometry.prototype = Object.create(BufferGeometry.prototype) WireframeGeometry.prototype.constructor = WireframeGeometry /** * @author zz85 / https://github.com/zz85 * @author Mugen87 / https://github.com/Mugen87 * * Parametric Surfaces Geometry * based on the brilliant article by @prideout http://prideout.net/blog/?p=44 */ // ParametricGeometry function ParametricGeometry (func, slices, stacks) { Geometry.call(this) this.type = 'ParametricGeometry' this.parameters = { func: func, slices: slices, stacks: stacks } this.fromBufferGeometry(new ParametricBufferGeometry(func, slices, stacks)) this.mergeVertices() } ParametricGeometry.prototype = Object.create(Geometry.prototype) ParametricGeometry.prototype.constructor = ParametricGeometry // ParametricBufferGeometry function ParametricBufferGeometry (func, slices, stacks) { BufferGeometry.call(this) this.type = 'ParametricBufferGeometry' 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(); var p1 = new Vector3() var pu = new Vector3(); var pv = new Vector3() var i, j 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 (i = 0; i <= stacks; i++) { var v = i / stacks for (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 (i = 0; i < stacks; i++) { for (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.addAttribute('position', new Float32BufferAttribute(vertices, 3)) this.addAttribute('normal', new Float32BufferAttribute(normals, 3)) this.addAttribute('uv', new Float32BufferAttribute(uvs, 2)) } ParametricBufferGeometry.prototype = Object.create(BufferGeometry.prototype) ParametricBufferGeometry.prototype.constructor = ParametricBufferGeometry /** * @author clockworkgeek / https://github.com/clockworkgeek * @author timothypratley / https://github.com/timothypratley * @author WestLangley / http://github.com/WestLangley * @author Mugen87 / https://github.com/Mugen87 */ // PolyhedronGeometry function PolyhedronGeometry (vertices, indices, radius, detail) { Geometry.call(this) this.type = 'PolyhedronGeometry' this.parameters = { vertices: vertices, indices: indices, radius: radius, detail: detail } this.fromBufferGeometry(new PolyhedronBufferGeometry(vertices, indices, radius, detail)) this.mergeVertices() } PolyhedronGeometry.prototype = Object.create(Geometry.prototype) PolyhedronGeometry.prototype.constructor = PolyhedronGeometry // PolyhedronBufferGeometry function PolyhedronBufferGeometry (vertices, indices, radius, detail) { BufferGeometry.call(this) this.type = 'PolyhedronBufferGeometry' this.parameters = { vertices: vertices, indices: indices, radius: radius, detail: detail } radius = radius || 1 detail = detail || 0 // 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 appplyRadius(radius) // finally, create the uv data generateUVs() // build non-indexed geometry this.addAttribute('position', new Float32BufferAttribute(vertexBuffer, 3)) this.addAttribute('normal', new Float32BufferAttribute(vertexBuffer.slice(), 3)) this.addAttribute('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 = Math.pow(2, detail) // we use this multidimensional array as a data structure for creating the subdivision var v = [] var i, j // construct all of the vertices for this subdivision for (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 (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 (i = 0; i < cols; i++) { for (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 appplyRadius (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))) } } PolyhedronBufferGeometry.prototype = Object.create(BufferGeometry.prototype) PolyhedronBufferGeometry.prototype.constructor = PolyhedronBufferGeometry /** * @author timothypratley / https://github.com/timothypratley * @author Mugen87 / https://github.com/Mugen87 */ // TetrahedronGeometry function TetrahedronGeometry (radius, detail) { Geometry.call(this) this.type = 'TetrahedronGeometry' this.parameters = { radius: radius, detail: detail } this.fromBufferGeometry(new TetrahedronBufferGeometry(radius, detail)) this.mergeVertices() } TetrahedronGeometry.prototype = Object.create(Geometry.prototype) TetrahedronGeometry.prototype.constructor = TetrahedronGeometry // TetrahedronBufferGeometry function TetrahedronBufferGeometry (radius, detail) { 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 ] PolyhedronBufferGeometry.call(this, vertices, indices, radius, detail) this.type = 'TetrahedronBufferGeometry' this.parameters = { radius: radius, detail: detail } } TetrahedronBufferGeometry.prototype = Object.create(PolyhedronBufferGeometry.prototype) TetrahedronBufferGeometry.prototype.constructor = TetrahedronBufferGeometry /** * @author timothypratley / https://github.com/timothypratley * @author Mugen87 / https://github.com/Mugen87 */ // OctahedronGeometry function OctahedronGeometry (radius, detail) { Geometry.call(this) this.type = 'OctahedronGeometry' this.parameters = { radius: radius, detail: detail } this.fromBufferGeometry(new OctahedronBufferGeometry(radius, detail)) this.mergeVertices() } OctahedronGeometry.prototype = Object.create(Geometry.prototype) OctahedronGeometry.prototype.constructor = OctahedronGeometry // OctahedronBufferGeometry function OctahedronBufferGeometry (radius, detail) { 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 ] PolyhedronBufferGeometry.call(this, vertices, indices, radius, detail) this.type = 'OctahedronBufferGeometry' this.parameters = { radius: radius, detail: detail } } OctahedronBufferGeometry.prototype = Object.create(PolyhedronBufferGeometry.prototype) OctahedronBufferGeometry.prototype.constructor = OctahedronBufferGeometry /** * @author timothypratley / https://github.com/timothypratley * @author Mugen87 / https://github.com/Mugen87 */ // IcosahedronGeometry function IcosahedronGeometry (radius, detail) { Geometry.call(this) this.type = 'IcosahedronGeometry' this.parameters = { radius: radius, detail: detail } this.fromBufferGeometry(new IcosahedronBufferGeometry(radius, detail)) this.mergeVertices() } IcosahedronGeometry.prototype = Object.create(Geometry.prototype) IcosahedronGeometry.prototype.constructor = IcosahedronGeometry // IcosahedronBufferGeometry function IcosahedronBufferGeometry (radius, detail) { 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 ] PolyhedronBufferGeometry.call(this, vertices, indices, radius, detail) this.type = 'IcosahedronBufferGeometry' this.parameters = { radius: radius, detail: detail } } IcosahedronBufferGeometry.prototype = Object.create(PolyhedronBufferGeometry.prototype) IcosahedronBufferGeometry.prototype.constructor = IcosahedronBufferGeometry /** * @author Abe Pazos / https://hamoid.com * @author Mugen87 / https://github.com/Mugen87 */ // DodecahedronGeometry function DodecahedronGeometry (radius, detail) { Geometry.call(this) this.type = 'DodecahedronGeometry' this.parameters = { radius: radius, detail: detail } this.fromBufferGeometry(new DodecahedronBufferGeometry(radius, detail)) this.mergeVertices() } DodecahedronGeometry.prototype = Object.create(Geometry.prototype) DodecahedronGeometry.prototype.constructor = DodecahedronGeometry // DodecahedronBufferGeometry function DodecahedronBufferGeometry (radius, detail) { 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 ] PolyhedronBufferGeometry.call(this, vertices, indices, radius, detail) this.type = 'DodecahedronBufferGeometry' this.parameters = { radius: radius, detail: detail } } DodecahedronBufferGeometry.prototype = Object.create(PolyhedronBufferGeometry.prototype) DodecahedronBufferGeometry.prototype.constructor = DodecahedronBufferGeometry /** * @author oosmoxiecode / https://github.com/oosmoxiecode * @author WestLangley / https://github.com/WestLangley * @author zz85 / https://github.com/zz85 * @author miningold / https://github.com/miningold * @author jonobr1 / https://github.com/jonobr1 * @author Mugen87 / https://github.com/Mugen87 * */ // TubeGeometry function TubeGeometry (path, tubularSegments, radius, radialSegments, closed, taper) { Geometry.call(this) this.type = 'TubeGeometry' this.parameters = { path: path, tubularSegments: tubularSegments, radius: radius, radialSegments: radialSegments, closed: closed } if (taper !== undefined) console.warn('THREE.TubeGeometry: taper has been removed.') var bufferGeometry = new TubeBufferGeometry(path, tubularSegments, radius, radialSegments, closed) // expose internals this.tangents = bufferGeometry.tangents this.normals = bufferGeometry.normals this.binormals = bufferGeometry.binormals // create geometry this.fromBufferGeometry(bufferGeometry) this.mergeVertices() } TubeGeometry.prototype = Object.create(Geometry.prototype) TubeGeometry.prototype.constructor = TubeGeometry // TubeBufferGeometry function TubeBufferGeometry (path, tubularSegments, radius, radialSegments, closed) { BufferGeometry.call(this) this.type = 'TubeBufferGeometry' this.parameters = { path: path, tubularSegments: tubularSegments, radius: radius, radialSegments: radialSegments, closed: closed } tubularSegments = tubularSegments || 64 radius = radius || 1 radialSegments = radialSegments || 8 closed = closed || false 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() var i, j // buffer var vertices = [] var normals = [] var uvs = [] var indices = [] // create buffer data generateBufferData() // build geometry this.setIndex(indices) this.addAttribute('position', new Float32BufferAttribute(vertices, 3)) this.addAttribute('normal', new Float32BufferAttribute(normals, 3)) this.addAttribute('uv', new Float32BufferAttribute(uvs, 2)) // functions function generateBufferData () { for (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 (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 (j = 1; j <= tubularSegments; j++) { for (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 (i = 0; i <= tubularSegments; i++) { for (j = 0; j <= radialSegments; j++) { uv.x = i / tubularSegments uv.y = j / radialSegments uvs.push(uv.x, uv.y) } } } } TubeBufferGeometry.prototype = Object.create(BufferGeometry.prototype) TubeBufferGeometry.prototype.constructor = TubeBufferGeometry /** * @author oosmoxiecode * @author Mugen87 / https://github.com/Mugen87 * * based on http://www.blackpawn.com/texts/pqtorus/ */ // TorusKnotGeometry function TorusKnotGeometry (radius, tube, tubularSegments, radialSegments, p, q, heightScale) { Geometry.call(this) this.type = 'TorusKnotGeometry' this.parameters = { radius: radius, tube: tube, tubularSegments: tubularSegments, radialSegments: radialSegments, p: p, q: q } if (heightScale !== undefined) console.warn('THREE.TorusKnotGeometry: heightScale has been deprecated. Use .scale( x, y, z ) instead.') this.fromBufferGeometry(new TorusKnotBufferGeometry(radius, tube, tubularSegments, radialSegments, p, q)) this.mergeVertices() } TorusKnotGeometry.prototype = Object.create(Geometry.prototype) TorusKnotGeometry.prototype.constructor = TorusKnotGeometry // TorusKnotBufferGeometry function TorusKnotBufferGeometry (radius, tube, tubularSegments, radialSegments, p, q) { BufferGeometry.call(this) this.type = 'TorusKnotBufferGeometry' this.parameters = { radius: radius, tube: tube, tubularSegments: tubularSegments, radialSegments: radialSegments, p: p, q: q } radius = radius || 1 tube = tube || 0.4 tubularSegments = Math.floor(tubularSegments) || 64 radialSegments = Math.floor(radialSegments) || 8 p = p || 2 q = q || 3 // buffers var indices = [] var vertices = [] var normals = [] var uvs = [] // helper variables var i, j 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 (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 (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 (j = 1; j <= tubularSegments; j++) { for (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.addAttribute('position', new Float32BufferAttribute(vertices, 3)) this.addAttribute('normal', new Float32BufferAttribute(normals, 3)) this.addAttribute('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 } } TorusKnotBufferGeometry.prototype = Object.create(BufferGeometry.prototype) TorusKnotBufferGeometry.prototype.constructor = TorusKnotBufferGeometry /** * @author oosmoxiecode * @author mrdoob / http://mrdoob.com/ * @author Mugen87 / https://github.com/Mugen87 */ // TorusGeometry function TorusGeometry (radius, tube, radialSegments, tubularSegments, arc) { Geometry.call(this) this.type = 'TorusGeometry' this.parameters = { radius: radius, tube: tube, radialSegments: radialSegments, tubularSegments: tubularSegments, arc: arc } this.fromBufferGeometry(new TorusBufferGeometry(radius, tube, radialSegments, tubularSegments, arc)) this.mergeVertices() } TorusGeometry.prototype = Object.create(Geometry.prototype) TorusGeometry.prototype.constructor = TorusGeometry // TorusBufferGeometry function TorusBufferGeometry (radius, tube, radialSegments, tubularSegments, arc) { BufferGeometry.call(this) this.type = 'TorusBufferGeometry' this.parameters = { radius: radius, tube: tube, radialSegments: radialSegments, tubularSegments: tubularSegments, arc: arc } radius = radius || 1 tube = tube || 0.4 radialSegments = Math.floor(radialSegments) || 8 tubularSegments = Math.floor(tubularSegments) || 6 arc = arc || Math.PI * 2 // buffers var indices = [] var vertices = [] var normals = [] var uvs = [] // helper variables var center = new Vector3() var vertex = new Vector3() var normal = new Vector3() var j, i // generate vertices, normals and uvs for (j = 0; j <= radialSegments; j++) { for (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 (j = 1; j <= radialSegments; j++) { for (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.addAttribute('position', new Float32BufferAttribute(vertices, 3)) this.addAttribute('normal', new Float32BufferAttribute(normals, 3)) this.addAttribute('uv', new Float32BufferAttribute(uvs, 2)) } TorusBufferGeometry.prototype = Object.create(BufferGeometry.prototype) TorusBufferGeometry.prototype.constructor = TorusBufferGeometry /** * @author Mugen87 / https://github.com/Mugen87 * Port from https://github.com/mapbox/earcut (v2.1.2) */ var Earcut = { triangulate: function (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) 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; var 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; var prev; var 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 vertice 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(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 var b = ear var 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 var b = ear var 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) var minTY = a.y < b.y ? (a.y < c.y ? a.y : c.y) : (b.y < c.y ? b.y : c.y) var maxTX = a.x > b.x ? (a.x > c.x ? a.x : c.x) : (b.x > c.x ? b.x : c.x) var 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) var maxZ = zOrder(maxTX, maxTY, minX, minY, invSize) // first look for points inside the triangle in increasing z-order var p = ear.nextZ while (p && p.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.nextZ } // then look for points in decreasing z-order p = ear.prevZ 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 } 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; var 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 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; var len; var start; var end; var 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) 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 var 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.prev // hole touches outer segment; pick lower 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 var mx = m.x var my = m.y var tanMin = Infinity var tan p = m.next while (p !== stop) { 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 ((tan < tanMin || (tan === tanMin && p.x > m.x)) && locallyInside(p, hole)) { m = p tanMin = tan } } p = p.next } return m } // 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; var p; var q; var e; var tail; var numMerges; var pSize; var qSize; var 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; var leftmost = start do { if (p.x < leftmost.x) 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) && locallyInside(a, b) && locallyInside(b, a) && middleInside(a, b) } // 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) { if ((equals(p1, q1) && equals(p2, q2)) || (equals(p1, q2) && equals(p2, q1))) return true return area(p1, q1, p2) > 0 !== area(p1, q1, q2) > 0 && area(p2, q2, p1) > 0 !== area(p2, q2, q1) > 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 var inside = false var px = (a.x + b.x) / 2 var 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) var b2 = new Node(b.i, b.x, b.y) var an = a.next var 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) { // vertice index in coordinates array this.i = i // vertex coordinates this.x = x this.y = y // previous and next vertice 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 } /** * @author zz85 / http://www.lab4games.net/zz85/blog */ var ShapeUtils = { // calculate area of the contour polygon area: function (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 (pts) { return ShapeUtils.area(pts) < 0 }, triangulateShape: function (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) } } /** * @author zz85 / http://www.lab4games.net/zz85/blog * * Creates extruded geometry from a path shape. * * parameters = { * * curveSegments: , // number of points on the curves * steps: , // number of points for z-side extrusions / used for subdividing segments of extrude spline too * depth: , // Depth to extrude the shape * * bevelEnabled: , // turn on bevel * bevelThickness: , // how deep into the original shape bevel goes * bevelSize: , // how far from shape outline is bevel * bevelSegments: , // number of bevel layers * * extrudePath: // curve to extrude shape along * * UVGenerator: // object that provides UV generator functions * * } */ // ExtrudeGeometry function ExtrudeGeometry (shapes, options) { Geometry.call(this) this.type = 'ExtrudeGeometry' this.parameters = { shapes: shapes, options: options } this.fromBufferGeometry(new ExtrudeBufferGeometry(shapes, options)) this.mergeVertices() } ExtrudeGeometry.prototype = Object.create(Geometry.prototype) ExtrudeGeometry.prototype.constructor = ExtrudeGeometry ExtrudeGeometry.prototype.toJSON = function () { var data = Geometry.prototype.toJSON.call(this) var shapes = this.parameters.shapes var options = this.parameters.options return toJSON(shapes, options, data) } // ExtrudeBufferGeometry function ExtrudeBufferGeometry (shapes, options) { BufferGeometry.call(this) this.type = 'ExtrudeBufferGeometry' this.parameters = { shapes: shapes, options: options } shapes = Array.isArray(shapes) ? shapes : [shapes] var scope = this var verticesArray = [] var uvArray = [] for (var i = 0, l = shapes.length; i < l; i++) { var shape = shapes[i] addShape(shape) } // build geometry this.addAttribute('position', new Float32BufferAttribute(verticesArray, 3)) this.addAttribute('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 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; var 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 } // Variables initialization var ahole, h, hl // looping of holes 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 (h = 0, hl = holes.length; h < hl; h++) { 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 (h = 0, hl = holes.length; h < hl; h++) { 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 b; var bs; var t; var z var vert; var vlen = vertices.length var face; var 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 var v_prev_y = inPt.y - inPrev.y var v_next_x = inNext.x - inPt.x var 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; var verticesMovements = contourMovements.concat() for (h = 0, hl = holes.length; h < hl; h++) { ahole = holes[h] oneHoleMovements = [] for (i = 0, il = ahole.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) oneHoleMovements[i] = getBevelVec(ahole[i], ahole[j], ahole[k]) } holesMovements.push(oneHoleMovements) verticesMovements = verticesMovements.concat(oneHoleMovements) } // Loop bevelSegments, 1 for the front, 1 for the back for (b = 0; b < bevelSegments; b++) { // for ( b = bevelSegments; b > 0; b -- ) { t = b / bevelSegments z = bevelThickness * Math.cos(t * Math.PI / 2) bs = bevelSize * Math.sin(t * Math.PI / 2) // contract shape for (i = 0, il = contour.length; i < il; i++) { vert = scalePt2(contour[i], contourMovements[i], bs) v(vert.x, vert.y, -z) } // expand holes for (h = 0, hl = holes.length; h < hl; h++) { ahole = holes[h] oneHoleMovements = holesMovements[h] for (i = 0, il = ahole.length; i < il; i++) { vert = scalePt2(ahole[i], oneHoleMovements[i], bs) v(vert.x, vert.y, -z) } } } bs = bevelSize // Back facing vertices for (i = 0; i < vlen; i++) { vert = bevelEnabled ? scalePt2(vertices[i], verticesMovements[i], bs) : vertices[i] if (!extrudeByPath) { v(vert.x, vert.y, 0) } else { // v( vert.x, vert.y + extrudePts[ 0 ].y, extrudePts[ 0 ].x ); normal.copy(splineTube.normals[0]).multiplyScalar(vert.x) binormal.copy(splineTube.binormals[0]).multiplyScalar(vert.y) position2.copy(extrudePts[0]).add(normal).add(binormal) v(position2.x, position2.y, position2.z) } } // Add stepped vertices... // Including front facing vertices var s for (s = 1; s <= steps; s++) { for (i = 0; i < vlen; i++) { vert = bevelEnabled ? scalePt2(vertices[i], verticesMovements[i], bs) : vertices[i] if (!extrudeByPath) { v(vert.x, vert.y, depth / steps * s) } else { // v( vert.x, vert.y + extrudePts[ s - 1 ].y, extrudePts[ s - 1 ].x ); normal.copy(splineTube.normals[s]).multiplyScalar(vert.x) binormal.copy(splineTube.binormals[s]).multiplyScalar(vert.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 (b = bevelSegments - 1; b >= 0; b--) { t = b / bevelSegments z = bevelThickness * Math.cos(t * Math.PI / 2) bs = bevelSize * Math.sin(t * Math.PI / 2) // contract shape for (i = 0, il = contour.length; i < il; i++) { vert = scalePt2(contour[i], contourMovements[i], bs) v(vert.x, vert.y, depth + z) } // expand holes for (h = 0, hl = holes.length; h < hl; h++) { ahole = holes[h] oneHoleMovements = holesMovements[h] for (i = 0, il = ahole.length; i < il; i++) { vert = scalePt2(ahole[i], oneHoleMovements[i], bs) if (!extrudeByPath) { v(vert.x, vert.y, depth + z) } else { v(vert.x, vert.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 (i = 0; i < flen; i++) { face = faces[i] f3(face[2] + offset, face[1] + offset, face[0] + offset) } layer = steps + bevelSegments * 2 offset = vlen * layer // Top faces for (i = 0; i < flen; i++) { face = faces[i] f3(face[0] + offset, face[1] + offset, face[2] + offset) } } else { // Bottom faces for (i = 0; i < flen; i++) { face = faces[i] f3(face[2], face[1], face[0]) } // Top faces for (i = 0; i < flen; i++) { face = faces[i] f3(face[0] + vlen * steps, face[1] + vlen * steps, face[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 (h = 0, hl = holes.length; h < hl; h++) { ahole = holes[h] sidewalls(ahole, layeroffset) //, true layeroffset += ahole.length } scope.addGroup(start, verticesArray.length / 3 - start, 1) } function sidewalls (contour, layeroffset) { var j, k i = contour.length while (--i >= 0) { j = i k = i - 1 if (k < 0) k = contour.length - 1 // console.log('b', i,j, i-1, k,vertices.length); var s = 0 var sl = steps + bevelSegments * 2 for (s = 0; s < sl; s++) { var slen1 = vlen * s var slen2 = vlen * (s + 1) var a = layeroffset + j + slen1 var b = layeroffset + k + slen1 var c = layeroffset + k + slen2 var d = layeroffset + j + slen2 f4(a, b, 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) } } } ExtrudeBufferGeometry.prototype = Object.create(BufferGeometry.prototype) ExtrudeBufferGeometry.prototype.constructor = ExtrudeBufferGeometry ExtrudeBufferGeometry.prototype.toJSON = function () { var data = BufferGeometry.prototype.toJSON.call(this) var shapes = this.parameters.shapes var options = this.parameters.options return toJSON(shapes, options, data) } // var WorldUVGenerator = { generateTopUV: function (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 (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 } /** * @author zz85 / http://www.lab4games.net/zz85/blog * @author alteredq / http://alteredqualia.com/ * * Text = 3D Text * * parameters = { * font: , // font * * size: , // size of the text * height: , // thickness to extrude text * curveSegments: , // number of points on the curves * * bevelEnabled: , // turn on bevel * bevelThickness: , // how deep into text bevel goes * bevelSize: // how far from text outline is bevel * } */ // TextGeometry function TextGeometry (text, parameters) { Geometry.call(this) this.type = 'TextGeometry' this.parameters = { text: text, parameters: parameters } this.fromBufferGeometry(new TextBufferGeometry(text, parameters)) this.mergeVertices() } TextGeometry.prototype = Object.create(Geometry.prototype) TextGeometry.prototype.constructor = TextGeometry // TextBufferGeometry function TextBufferGeometry (text, parameters) { parameters = parameters || {} var font = parameters.font if (!(font && font.isFont)) { console.error('THREE.TextGeometry: font parameter is not an instance of THREE.Font.') return new Geometry() } var shapes = font.generateShapes(text, parameters.size, parameters.curveSegments) // 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 ExtrudeBufferGeometry.call(this, shapes, parameters) this.type = 'TextBufferGeometry' } TextBufferGeometry.prototype = Object.create(ExtrudeBufferGeometry.prototype) TextBufferGeometry.prototype.constructor = TextBufferGeometry /** * @author mrdoob / http://mrdoob.com/ * @author benaadams / https://twitter.com/ben_a_adams * @author Mugen87 / https://github.com/Mugen87 */ // SphereGeometry function SphereGeometry (radius, widthSegments, heightSegments, phiStart, phiLength, thetaStart, thetaLength) { Geometry.call(this) this.type = 'SphereGeometry' this.parameters = { radius: radius, widthSegments: widthSegments, heightSegments: heightSegments, phiStart: phiStart, phiLength: phiLength, thetaStart: thetaStart, thetaLength: thetaLength } this.fromBufferGeometry(new SphereBufferGeometry(radius, widthSegments, heightSegments, phiStart, phiLength, thetaStart, thetaLength)) this.mergeVertices() } SphereGeometry.prototype = Object.create(Geometry.prototype) SphereGeometry.prototype.constructor = SphereGeometry // SphereBufferGeometry function SphereBufferGeometry (radius, widthSegments, heightSegments, phiStart, phiLength, thetaStart, thetaLength) { BufferGeometry.call(this) this.type = 'SphereBufferGeometry' this.parameters = { radius: radius, widthSegments: widthSegments, heightSegments: heightSegments, phiStart: phiStart, phiLength: phiLength, thetaStart: thetaStart, thetaLength: thetaLength } radius = radius || 1 widthSegments = Math.max(3, Math.floor(widthSegments) || 8) heightSegments = Math.max(2, Math.floor(heightSegments) || 6) phiStart = phiStart !== undefined ? phiStart : 0 phiLength = phiLength !== undefined ? phiLength : Math.PI * 2 thetaStart = thetaStart !== undefined ? thetaStart : 0 thetaLength = thetaLength !== undefined ? thetaLength : Math.PI var thetaEnd = thetaStart + thetaLength var ix, iy 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 (iy = 0; iy <= heightSegments; iy++) { var verticesRow = [] var v = iy / heightSegments for (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.set(vertex.x, vertex.y, vertex.z).normalize() normals.push(normal.x, normal.y, normal.z) // uv uvs.push(u, 1 - v) verticesRow.push(index++) } grid.push(verticesRow) } // indices for (iy = 0; iy < heightSegments; iy++) { for (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.addAttribute('position', new Float32BufferAttribute(vertices, 3)) this.addAttribute('normal', new Float32BufferAttribute(normals, 3)) this.addAttribute('uv', new Float32BufferAttribute(uvs, 2)) } SphereBufferGeometry.prototype = Object.create(BufferGeometry.prototype) SphereBufferGeometry.prototype.constructor = SphereBufferGeometry /** * @author Kaleb Murphy * @author Mugen87 / https://github.com/Mugen87 */ // RingGeometry function RingGeometry (innerRadius, outerRadius, thetaSegments, phiSegments, thetaStart, thetaLength) { Geometry.call(this) this.type = 'RingGeometry' this.parameters = { innerRadius: innerRadius, outerRadius: outerRadius, thetaSegments: thetaSegments, phiSegments: phiSegments, thetaStart: thetaStart, thetaLength: thetaLength } this.fromBufferGeometry(new RingBufferGeometry(innerRadius, outerRadius, thetaSegments, phiSegments, thetaStart, thetaLength)) this.mergeVertices() } RingGeometry.prototype = Object.create(Geometry.prototype) RingGeometry.prototype.constructor = RingGeometry // RingBufferGeometry function RingBufferGeometry (innerRadius, outerRadius, thetaSegments, phiSegments, thetaStart, thetaLength) { BufferGeometry.call(this) this.type = 'RingBufferGeometry' this.parameters = { innerRadius: innerRadius, outerRadius: outerRadius, thetaSegments: thetaSegments, phiSegments: phiSegments, thetaStart: thetaStart, thetaLength: thetaLength } innerRadius = innerRadius || 0.5 outerRadius = outerRadius || 1 thetaStart = thetaStart !== undefined ? thetaStart : 0 thetaLength = thetaLength !== undefined ? thetaLength : Math.PI * 2 thetaSegments = thetaSegments !== undefined ? Math.max(3, thetaSegments) : 8 phiSegments = phiSegments !== undefined ? Math.max(1, phiSegments) : 1 // buffers var indices = [] var vertices = [] var normals = [] var uvs = [] // some helper variables var segment var radius = innerRadius var radiusStep = ((outerRadius - innerRadius) / phiSegments) var vertex = new Vector3() var uv = new Vector2() var j, i // generate vertices, normals and uvs for (j = 0; j <= phiSegments; j++) { for (i = 0; i <= thetaSegments; i++) { // values are generate from the inside of the ring to the outside 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 (j = 0; j < phiSegments; j++) { var thetaSegmentLevel = j * (thetaSegments + 1) for (i = 0; i < thetaSegments; i++) { 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.addAttribute('position', new Float32BufferAttribute(vertices, 3)) this.addAttribute('normal', new Float32BufferAttribute(normals, 3)) this.addAttribute('uv', new Float32BufferAttribute(uvs, 2)) } RingBufferGeometry.prototype = Object.create(BufferGeometry.prototype) RingBufferGeometry.prototype.constructor = RingBufferGeometry /** * @author astrodud / http://astrodud.isgreat.org/ * @author zz85 / https://github.com/zz85 * @author bhouston / http://clara.io * @author Mugen87 / https://github.com/Mugen87 */ // LatheGeometry function LatheGeometry (points, segments, phiStart, phiLength) { Geometry.call(this) this.type = 'LatheGeometry' this.parameters = { points: points, segments: segments, phiStart: phiStart, phiLength: phiLength } this.fromBufferGeometry(new LatheBufferGeometry(points, segments, phiStart, phiLength)) this.mergeVertices() } LatheGeometry.prototype = Object.create(Geometry.prototype) LatheGeometry.prototype.constructor = LatheGeometry // LatheBufferGeometry function LatheBufferGeometry (points, segments, phiStart, phiLength) { BufferGeometry.call(this) this.type = 'LatheBufferGeometry' this.parameters = { points: points, segments: segments, phiStart: phiStart, phiLength: phiLength } segments = Math.floor(segments) || 12 phiStart = phiStart || 0 phiLength = phiLength || Math.PI * 2 // clamp phiLength so it's in range of [ 0, 2PI ] phiLength = _Math.clamp(phiLength, 0, Math.PI * 2) // buffers var indices = [] var vertices = [] var uvs = [] // helper variables var base var inverseSegments = 1.0 / segments var vertex = new Vector3() var uv = new Vector2() var i, j // generate vertices and uvs for (i = 0; i <= segments; i++) { var phi = phiStart + i * inverseSegments * phiLength var sin = Math.sin(phi) var cos = Math.cos(phi) for (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 (i = 0; i < segments; i++) { for (j = 0; j < (points.length - 1); j++) { 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.addAttribute('position', new Float32BufferAttribute(vertices, 3)) this.addAttribute('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 base = segments * points.length * 3 for (i = 0, j = 0; i < points.length; i++, j += 3) { // select the normal of the vertex in the first line n1.x = normals[j + 0] n1.y = normals[j + 1] n1.z = normals[j + 2] // select the normal of the vertex in the last line n2.x = normals[base + j + 0] n2.y = normals[base + j + 1] n2.z = normals[base + j + 2] // average normals n.addVectors(n1, n2).normalize() // assign the new values to both normals normals[j + 0] = normals[base + j + 0] = n.x normals[j + 1] = normals[base + j + 1] = n.y normals[j + 2] = normals[base + j + 2] = n.z } } } LatheBufferGeometry.prototype = Object.create(BufferGeometry.prototype) LatheBufferGeometry.prototype.constructor = LatheBufferGeometry /** * @author jonobr1 / http://jonobr1.com * @author Mugen87 / https://github.com/Mugen87 */ // ShapeGeometry function ShapeGeometry (shapes, curveSegments) { Geometry.call(this) this.type = 'ShapeGeometry' if (typeof curveSegments === 'object') { console.warn('THREE.ShapeGeometry: Options parameter has been removed.') curveSegments = curveSegments.curveSegments } this.parameters = { shapes: shapes, curveSegments: curveSegments } this.fromBufferGeometry(new ShapeBufferGeometry(shapes, curveSegments)) this.mergeVertices() } ShapeGeometry.prototype = Object.create(Geometry.prototype) ShapeGeometry.prototype.constructor = ShapeGeometry ShapeGeometry.prototype.toJSON = function () { var data = Geometry.prototype.toJSON.call(this) var shapes = this.parameters.shapes return toJSON$1(shapes, data) } // ShapeBufferGeometry function ShapeBufferGeometry (shapes, curveSegments) { BufferGeometry.call(this) this.type = 'ShapeBufferGeometry' this.parameters = { shapes: shapes, curveSegments: curveSegments } curveSegments = curveSegments || 12 // 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.addAttribute('position', new Float32BufferAttribute(vertices, 3)) this.addAttribute('normal', new Float32BufferAttribute(normals, 3)) this.addAttribute('uv', new Float32BufferAttribute(uvs, 2)) // helper functions function addShape (shape) { var i, l, shapeHole 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() // also check if holes are in the opposite direction for (i = 0, l = shapeHoles.length; i < l; i++) { 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 (i = 0, l = shapeHoles.length; i < l; i++) { shapeHole = shapeHoles[i] shapeVertices = shapeVertices.concat(shapeHole) } // vertices, normals, uvs for (i = 0, l = shapeVertices.length; i < l; i++) { var vertex = shapeVertices[i] vertices.push(vertex.x, vertex.y, 0) normals.push(0, 0, 1) uvs.push(vertex.x, vertex.y) // world uvs } // incides for (i = 0, l = faces.length; i < l; i++) { var face = faces[i] var a = face[0] + indexOffset var b = face[1] + indexOffset var c = face[2] + indexOffset indices.push(a, b, c) groupCount += 3 } } } ShapeBufferGeometry.prototype = Object.create(BufferGeometry.prototype) ShapeBufferGeometry.prototype.constructor = ShapeBufferGeometry ShapeBufferGeometry.prototype.toJSON = function () { var data = BufferGeometry.prototype.toJSON.call(this) var shapes = this.parameters.shapes return toJSON$1(shapes, data) } // 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 } /** * @author WestLangley / http://github.com/WestLangley * @author Mugen87 / https://github.com/Mugen87 */ function EdgesGeometry (geometry, thresholdAngle) { BufferGeometry.call(this) this.type = 'EdgesGeometry' this.parameters = { thresholdAngle: thresholdAngle } thresholdAngle = (thresholdAngle !== undefined) ? thresholdAngle : 1 // buffer var vertices = [] // helper variables var thresholdDot = Math.cos(_Math.DEG2RAD * thresholdAngle) var edge = [0, 0]; var edges = {}; var edge1; var edge2 var key; var keys = ['a', 'b', 'c'] // prepare source geometry var geometry2 if (geometry.isBufferGeometry) { geometry2 = new Geometry() geometry2.fromBufferGeometry(geometry) } else { geometry2 = geometry.clone() } geometry2.mergeVertices() geometry2.computeFaceNormals() var sourceVertices = geometry2.vertices var faces = geometry2.faces // now create a data structure where each entry represents an edge with its adjoining faces for (var i = 0, l = faces.length; i < l; i++) { var face = faces[i] for (var j = 0; j < 3; j++) { edge1 = face[keys[j]] edge2 = face[keys[(j + 1) % 3]] edge[0] = Math.min(edge1, edge2) edge[1] = Math.max(edge1, edge2) key = edge[0] + ',' + edge[1] if (edges[key] === undefined) { edges[key] = { index1: edge[0], index2: edge[1], face1: i, face2: undefined } } else { edges[key].face2 = i } } } // generate vertices for (key in edges) { var e = edges[key] // an edge is only rendered if the angle (in degrees) between the face normals of the adjoining faces exceeds this value. default = 1 degree. if (e.face2 === undefined || faces[e.face1].normal.dot(faces[e.face2].normal) <= thresholdDot) { var vertex = sourceVertices[e.index1] vertices.push(vertex.x, vertex.y, vertex.z) vertex = sourceVertices[e.index2] vertices.push(vertex.x, vertex.y, vertex.z) } } // build geometry this.addAttribute('position', new Float32BufferAttribute(vertices, 3)) } EdgesGeometry.prototype = Object.create(BufferGeometry.prototype) EdgesGeometry.prototype.constructor = EdgesGeometry /** * @author mrdoob / http://mrdoob.com/ * @author Mugen87 / https://github.com/Mugen87 */ // CylinderGeometry function CylinderGeometry (radiusTop, radiusBottom, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength) { Geometry.call(this) this.type = 'CylinderGeometry' this.parameters = { radiusTop: radiusTop, radiusBottom: radiusBottom, height: height, radialSegments: radialSegments, heightSegments: heightSegments, openEnded: openEnded, thetaStart: thetaStart, thetaLength: thetaLength } this.fromBufferGeometry(new CylinderBufferGeometry(radiusTop, radiusBottom, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength)) this.mergeVertices() } CylinderGeometry.prototype = Object.create(Geometry.prototype) CylinderGeometry.prototype.constructor = CylinderGeometry // CylinderBufferGeometry function CylinderBufferGeometry (radiusTop, radiusBottom, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength) { BufferGeometry.call(this) this.type = 'CylinderBufferGeometry' this.parameters = { radiusTop: radiusTop, radiusBottom: radiusBottom, height: height, radialSegments: radialSegments, heightSegments: heightSegments, openEnded: openEnded, thetaStart: thetaStart, thetaLength: thetaLength } var scope = this radiusTop = radiusTop !== undefined ? radiusTop : 1 radiusBottom = radiusBottom !== undefined ? radiusBottom : 1 height = height || 1 radialSegments = Math.floor(radialSegments) || 8 heightSegments = Math.floor(heightSegments) || 1 openEnded = openEnded !== undefined ? openEnded : false thetaStart = thetaStart !== undefined ? thetaStart : 0.0 thetaLength = thetaLength !== undefined ? thetaLength : Math.PI * 2 // 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.addAttribute('position', new Float32BufferAttribute(vertices, 3)) this.addAttribute('normal', new Float32BufferAttribute(normals, 3)) this.addAttribute('uv', new Float32BufferAttribute(uvs, 2)) function generateTorso () { var x, y 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 (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 (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 (x = 0; x < radialSegments; x++) { for (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) { var x, centerIndexStart, centerIndexEnd var uv = new Vector2() var vertex = new Vector3() var groupCount = 0 var radius = (top === true) ? radiusTop : radiusBottom var sign = (top === true) ? 1 : -1 // save the index of the first center vertex centerIndexStart = index // 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 (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 centerIndexEnd = index // now we generate the surrounding vertices, normals and uvs for (x = 0; x <= radialSegments; x++) { var u = x / 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 (x = 0; x < radialSegments; x++) { var c = centerIndexStart + x var i = centerIndexEnd + x 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 } } CylinderBufferGeometry.prototype = Object.create(BufferGeometry.prototype) CylinderBufferGeometry.prototype.constructor = CylinderBufferGeometry /** * @author abelnation / http://github.com/abelnation */ // ConeGeometry function ConeGeometry (radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength) { CylinderGeometry.call(this, 0, radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength) this.type = 'ConeGeometry' this.parameters = { radius: radius, height: height, radialSegments: radialSegments, heightSegments: heightSegments, openEnded: openEnded, thetaStart: thetaStart, thetaLength: thetaLength } } ConeGeometry.prototype = Object.create(CylinderGeometry.prototype) ConeGeometry.prototype.constructor = ConeGeometry // ConeBufferGeometry function ConeBufferGeometry (radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength) { CylinderBufferGeometry.call(this, 0, radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength) this.type = 'ConeBufferGeometry' this.parameters = { radius: radius, height: height, radialSegments: radialSegments, heightSegments: heightSegments, openEnded: openEnded, thetaStart: thetaStart, thetaLength: thetaLength } } ConeBufferGeometry.prototype = Object.create(CylinderBufferGeometry.prototype) ConeBufferGeometry.prototype.constructor = ConeBufferGeometry /** * @author benaadams / https://twitter.com/ben_a_adams * @author Mugen87 / https://github.com/Mugen87 * @author hughes */ // CircleGeometry function CircleGeometry (radius, segments, thetaStart, thetaLength) { Geometry.call(this) this.type = 'CircleGeometry' this.parameters = { radius: radius, segments: segments, thetaStart: thetaStart, thetaLength: thetaLength } this.fromBufferGeometry(new CircleBufferGeometry(radius, segments, thetaStart, thetaLength)) this.mergeVertices() } CircleGeometry.prototype = Object.create(Geometry.prototype) CircleGeometry.prototype.constructor = CircleGeometry // CircleBufferGeometry function CircleBufferGeometry (radius, segments, thetaStart, thetaLength) { BufferGeometry.call(this) this.type = 'CircleBufferGeometry' this.parameters = { radius: radius, segments: segments, thetaStart: thetaStart, thetaLength: thetaLength } radius = radius || 1 segments = segments !== undefined ? Math.max(3, segments) : 8 thetaStart = thetaStart !== undefined ? thetaStart : 0 thetaLength = thetaLength !== undefined ? thetaLength : Math.PI * 2 // buffers var indices = [] var vertices = [] var normals = [] var uvs = [] // helper variables var i, s 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 (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 (i = 1; i <= segments; i++) { indices.push(i, i + 1, 0) } // build geometry this.setIndex(indices) this.addAttribute('position', new Float32BufferAttribute(vertices, 3)) this.addAttribute('normal', new Float32BufferAttribute(normals, 3)) this.addAttribute('uv', new Float32BufferAttribute(uvs, 2)) } CircleBufferGeometry.prototype = Object.create(BufferGeometry.prototype) CircleBufferGeometry.prototype.constructor = CircleBufferGeometry var Geometries = /* #__PURE__ */Object.freeze({ WireframeGeometry: WireframeGeometry, ParametricGeometry: ParametricGeometry, ParametricBufferGeometry: ParametricBufferGeometry, TetrahedronGeometry: TetrahedronGeometry, TetrahedronBufferGeometry: TetrahedronBufferGeometry, OctahedronGeometry: OctahedronGeometry, OctahedronBufferGeometry: OctahedronBufferGeometry, IcosahedronGeometry: IcosahedronGeometry, IcosahedronBufferGeometry: IcosahedronBufferGeometry, DodecahedronGeometry: DodecahedronGeometry, DodecahedronBufferGeometry: DodecahedronBufferGeometry, PolyhedronGeometry: PolyhedronGeometry, PolyhedronBufferGeometry: PolyhedronBufferGeometry, TubeGeometry: TubeGeometry, TubeBufferGeometry: TubeBufferGeometry, TorusKnotGeometry: TorusKnotGeometry, TorusKnotBufferGeometry: TorusKnotBufferGeometry, TorusGeometry: TorusGeometry, TorusBufferGeometry: TorusBufferGeometry, TextGeometry: TextGeometry, TextBufferGeometry: TextBufferGeometry, SphereGeometry: SphereGeometry, SphereBufferGeometry: SphereBufferGeometry, RingGeometry: RingGeometry, RingBufferGeometry: RingBufferGeometry, PlaneGeometry: PlaneGeometry, PlaneBufferGeometry: PlaneBufferGeometry, LatheGeometry: LatheGeometry, LatheBufferGeometry: LatheBufferGeometry, ShapeGeometry: ShapeGeometry, ShapeBufferGeometry: ShapeBufferGeometry, ExtrudeGeometry: ExtrudeGeometry, ExtrudeBufferGeometry: ExtrudeBufferGeometry, EdgesGeometry: EdgesGeometry, ConeGeometry: ConeGeometry, ConeBufferGeometry: ConeBufferGeometry, CylinderGeometry: CylinderGeometry, CylinderBufferGeometry: CylinderBufferGeometry, CircleGeometry: CircleGeometry, CircleBufferGeometry: CircleBufferGeometry, BoxGeometry: BoxGeometry, BoxBufferGeometry: BoxBufferGeometry }) /** * @author mrdoob / http://mrdoob.com/ * * parameters = { * 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 } /** * @author mrdoob / http://mrdoob.com/ */ function RawShaderMaterial (parameters) { ShaderMaterial.call(this, parameters) this.type = 'RawShaderMaterial' } RawShaderMaterial.prototype = Object.create(ShaderMaterial.prototype) RawShaderMaterial.prototype.constructor = RawShaderMaterial RawShaderMaterial.prototype.isRawShaderMaterial = true /** * @author WestLangley / http://github.com/WestLangley * * parameters = { * color: , * roughness: , * metalness: , * opacity: , * * map: new THREE.Texture( ), * * lightMap: new THREE.Texture( ), * lightMapIntensity: * * aoMap: new THREE.Texture( ), * aoMapIntensity: * * emissive: , * emissiveIntensity: * emissiveMap: new THREE.Texture( ), * * bumpMap: new THREE.Texture( ), * bumpScale: , * * normalMap: new THREE.Texture( ), * normalScale: , * * displacementMap: new THREE.Texture( ), * displacementScale: , * displacementBias: , * * roughnessMap: new THREE.Texture( ), * * metalnessMap: new THREE.Texture( ), * * alphaMap: new THREE.Texture( ), * * envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ), * envMapIntensity: * * refractionRatio: , * * wireframe: , * wireframeLinewidth: , * * skinning: , * morphTargets: , * morphNormals: * } */ function MeshStandardMaterial (parameters) { Material.call(this) this.defines = { STANDARD: '' } this.type = 'MeshStandardMaterial' this.color = new Color(0xffffff) // diffuse this.roughness = 0.5 this.metalness = 0.5 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.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.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.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 return this } /** * @author WestLangley / http://github.com/WestLangley * * parameters = { * reflectivity: * } */ function MeshPhysicalMaterial (parameters) { MeshStandardMaterial.call(this) this.defines = { PHYSICAL: '' } this.type = 'MeshPhysicalMaterial' this.reflectivity = 0.5 // maps to F0 = 0.04 this.clearCoat = 0.0 this.clearCoatRoughness = 0.0 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 = { PHYSICAL: '' } this.reflectivity = source.reflectivity this.clearCoat = source.clearCoat this.clearCoatRoughness = source.clearCoatRoughness return this } /** * @author mrdoob / http://mrdoob.com/ * @author alteredq / http://alteredqualia.com/ * * parameters = { * color: , * specular: , * shininess: , * opacity: , * * map: new THREE.Texture( ), * * lightMap: new THREE.Texture( ), * lightMapIntensity: * * aoMap: new THREE.Texture( ), * aoMapIntensity: * * emissive: , * emissiveIntensity: * emissiveMap: new THREE.Texture( ), * * bumpMap: new THREE.Texture( ), * bumpScale: , * * normalMap: new THREE.Texture( ), * normalScale: , * * displacementMap: new THREE.Texture( ), * displacementScale: , * displacementBias: , * * specularMap: new THREE.Texture( ), * * alphaMap: new THREE.Texture( ), * * envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ), * combine: THREE.Multiply, * reflectivity: , * refractionRatio: , * * wireframe: , * wireframeLinewidth: , * * skinning: , * morphTargets: , * morphNormals: * } */ 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.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.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 } /** * @author takahirox / http://github.com/takahirox * * parameters = { * gradientMap: new THREE.Texture( ) * } */ function MeshToonMaterial (parameters) { MeshPhongMaterial.call(this) this.defines = { TOON: '' } this.type = 'MeshToonMaterial' this.gradientMap = null this.setValues(parameters) } MeshToonMaterial.prototype = Object.create(MeshPhongMaterial.prototype) MeshToonMaterial.prototype.constructor = MeshToonMaterial MeshToonMaterial.prototype.isMeshToonMaterial = true MeshToonMaterial.prototype.copy = function (source) { MeshPhongMaterial.prototype.copy.call(this, source) this.gradientMap = source.gradientMap return this } /** * @author mrdoob / http://mrdoob.com/ * @author WestLangley / http://github.com/WestLangley * * parameters = { * opacity: , * * bumpMap: new THREE.Texture( ), * bumpScale: , * * normalMap: new THREE.Texture( ), * normalScale: , * * displacementMap: new THREE.Texture( ), * displacementScale: , * displacementBias: , * * wireframe: , * wireframeLinewidth: * * skinning: , * morphTargets: , * morphNormals: * } */ function MeshNormalMaterial (parameters) { Material.call(this) this.type = 'MeshNormalMaterial' this.bumpMap = null this.bumpScale = 1 this.normalMap = null 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.lights = 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.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 } /** * @author mrdoob / http://mrdoob.com/ * @author alteredq / http://alteredqualia.com/ * * parameters = { * color: , * opacity: , * * map: new THREE.Texture( ), * * lightMap: new THREE.Texture( ), * lightMapIntensity: * * aoMap: new THREE.Texture( ), * aoMapIntensity: * * emissive: , * emissiveIntensity: * emissiveMap: new THREE.Texture( ), * * specularMap: new THREE.Texture( ), * * alphaMap: new THREE.Texture( ), * * envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ), * combine: THREE.Multiply, * reflectivity: , * refractionRatio: , * * wireframe: , * wireframeLinewidth: , * * skinning: , * morphTargets: , * morphNormals: * } */ 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 } /** * @author alteredq / http://alteredqualia.com/ * * parameters = { * color: , * opacity: , * * linewidth: , * * scale: , * dashSize: , * gapSize: * } */ 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({ 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, LineDashedMaterial: LineDashedMaterial, LineBasicMaterial: LineBasicMaterial, Material: Material }) /** * @author mrdoob / http://mrdoob.com/ */ var Cache = { enabled: false, files: {}, add: function (key, file) { if (this.enabled === false) return // console.log( 'THREE.Cache', 'Adding key:', key ); this.files[key] = file }, get: function (key) { if (this.enabled === false) return // console.log( 'THREE.Cache', 'Checking key:', key ); return this.files[key] }, remove: function (key) { delete this.files[key] }, clear: function () { this.files = {} } } /** * @author mrdoob / http://mrdoob.com/ */ function LoadingManager (onLoad, onProgress, onError) { var scope = this var isLoading = false var itemsLoaded = 0 var itemsTotal = 0 var urlModifier = undefined 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 } } var DefaultLoadingManager = new LoadingManager() /** * @author mrdoob / http://mrdoob.com/ */ var loading = {} function FileLoader (manager) { this.manager = (manager !== undefined) ? manager : DefaultLoadingManager } Object.assign(FileLoader.prototype, { load: function (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) // 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 = window.decodeURIComponent(data) if (isBase64) data = window.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 window.setTimeout(function () { if (onLoad) onLoad(response) scope.manager.itemEnd(url) }, 0) } catch (error) { // Wait for next browser tick like standard XMLHttpRequest event dispatching does window.setTimeout(function () { if (onError) onError(error) scope.manager.itemEnd(url) scope.manager.itemError(url) }, 0) } } else { // Initialise array for duplicate requests loading[url] = [] loading[url].push({ onLoad: onLoad, onProgress: onProgress, onError: onError }) var request = new XMLHttpRequest() request.open('GET', url, true) request.addEventListener('load', function (event) { var response = this.response Cache.add(url, 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.') 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 i = 0, il = callbacks.length; i < il; i++) { var callback = callbacks[i] if (callback.onError) callback.onError(event) } scope.manager.itemEnd(url) scope.manager.itemError(url) } }, false) request.addEventListener('progress', function (event) { var callbacks = loading[url] for (var i = 0, il = callbacks.length; i < il; i++) { var callback = callbacks[i] if (callback.onProgress) callback.onProgress(event) } }, false) request.addEventListener('error', function (event) { var callbacks = loading[url] delete loading[url] for (var i = 0, il = callbacks.length; i < il; i++) { var callback = callbacks[i] if (callback.onError) callback.onError(event) } scope.manager.itemEnd(url) scope.manager.itemError(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 }, setPath: function (value) { this.path = value return this }, setResponseType: function (value) { this.responseType = value return this }, setWithCredentials: function (value) { this.withCredentials = value return this }, setMimeType: function (value) { this.mimeType = value return this }, setRequestHeader: function (value) { this.requestHeader = value return this } }) /** * @author mrdoob / http://mrdoob.com/ * * Abstract Base class to block based textures loader (dds, pvr, ...) */ function CompressedTextureLoader (manager) { this.manager = (manager !== undefined) ? manager : DefaultLoadingManager // override in sub classes this._parser = null } Object.assign(CompressedTextureLoader.prototype, { load: function (url, onLoad, onProgress, onError) { var scope = this var images = [] var texture = new CompressedTexture() texture.image = images var loader = new FileLoader(this.manager) loader.setPath(this.path) loader.setResponseType('arraybuffer') function loadTexture (i) { loader.load(url[i], function (buffer) { var texDatas = scope._parser(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.format = texDatas.format texture.needsUpdate = true if (onLoad) onLoad(texture) } }, onProgress, onError) } if (Array.isArray(url)) { var loaded = 0 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._parser(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 } } } 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 }, setPath: function (value) { this.path = value return this } }) /** * @author Nikos M. / https://github.com/foo123/ * * Abstract Base class to load generic binary textures formats (rgbe, hdr, ...) */ function DataTextureLoader (manager) { this.manager = (manager !== undefined) ? manager : DefaultLoadingManager // override in sub classes this._parser = null } Object.assign(DataTextureLoader.prototype, { load: function (url, onLoad, onProgress, onError) { var scope = this var texture = new DataTexture() var loader = new FileLoader(this.manager) loader.setResponseType('arraybuffer') loader.load(url, function (buffer) { var texData = scope._parser(buffer) if (!texData) return if (undefined !== texData.image) { texture.image = texData.image } else if (undefined !== texData.data) { texture.image.width = texData.width texture.image.height = texData.height texture.image.data = texData.data } texture.wrapS = undefined !== texData.wrapS ? texData.wrapS : ClampToEdgeWrapping texture.wrapT = undefined !== texData.wrapT ? texData.wrapT : ClampToEdgeWrapping texture.magFilter = undefined !== texData.magFilter ? texData.magFilter : LinearFilter texture.minFilter = undefined !== texData.minFilter ? texData.minFilter : LinearMipMapLinearFilter texture.anisotropy = undefined !== texData.anisotropy ? texData.anisotropy : 1 if (undefined !== texData.format) { texture.format = texData.format } if (undefined !== texData.type) { texture.type = texData.type } if (undefined !== texData.mipmaps) { texture.mipmaps = texData.mipmaps } if (texData.mipmapCount === 1) { texture.minFilter = LinearFilter } texture.needsUpdate = true if (onLoad) onLoad(texture, texData) }, onProgress, onError) return texture } }) /** * @author mrdoob / http://mrdoob.com/ */ function ImageLoader (manager) { this.manager = (manager !== undefined) ? manager : DefaultLoadingManager } Object.assign(ImageLoader.prototype, { crossOrigin: 'Anonymous', load: function (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 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.itemEnd(url) scope.manager.itemError(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 }, setCrossOrigin: function (value) { this.crossOrigin = value return this }, setPath: function (value) { this.path = value return this } }) /** * @author mrdoob / http://mrdoob.com/ */ function CubeTextureLoader (manager) { this.manager = (manager !== undefined) ? manager : DefaultLoadingManager } Object.assign(CubeTextureLoader.prototype, { crossOrigin: 'Anonymous', load: function (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 }, setCrossOrigin: function (value) { this.crossOrigin = value return this }, setPath: function (value) { this.path = value return this } }) /** * @author mrdoob / http://mrdoob.com/ */ function TextureLoader (manager) { this.manager = (manager !== undefined) ? manager : DefaultLoadingManager } Object.assign(TextureLoader.prototype, { crossOrigin: 'Anonymous', load: function (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(/\.(jpg|jpeg)$/) > 0 || url.search(/^data\:image\/jpeg/) === 0 texture.format = isJPEG ? RGBFormat : RGBAFormat texture.needsUpdate = true if (onLoad !== undefined) { onLoad(texture) } }, onProgress, onError) return texture }, setCrossOrigin: function (value) { this.crossOrigin = value return this }, setPath: function (value) { this.path = value return this } }) /** * @author zz85 / http://www.lab4games.net/zz85/blog * Extensible curve object * * Some common of curve methods: * .getPoint( t, optionalTarget ), .getTangent( t ) * .getPointAt( u, optionalTarget ), .getTangentAt( u ) * .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. * **/ /************************************************************** * Abstract Curve base class **************************************************************/ 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 (/* 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 (u, optionalTarget) { var t = this.getUtoTmapping(u) return this.getPoint(t, optionalTarget) }, // Get sequence of points using getPoint( t ) getPoints: function (divisions) { if (divisions === undefined) 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 (divisions) { if (divisions === undefined) 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 () { var lengths = this.getLengths() return lengths[lengths.length - 1] }, // Get list of cumulative segment lengths getLengths: function (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; var last = this.getPoint(0) var p; var sum = 0 cache.push(0) for (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 () { this.needsUpdate = true this.getLengths() }, // Given u ( 0 .. 1 ), get a t to find p. This gives you points which are equidistant getUtoTmapping: function (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; var high = il - 1; var 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 (t) { 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 vec = pt2.clone().sub(pt1) return vec.normalize() }, getTangentAt: function (u) { var t = this.getUtoTmapping(u) return this.getTangent(t) }, computeFrenetFrames: function (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() var i, u, theta // compute the tangent vectors for each segment on the curve for (i = 0; i <= segments; i++) { u = i / segments tangents[i] = this.getTangentAt(u) 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 (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() theta = Math.acos(_Math.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) { theta = Math.acos(_Math.clamp(normals[0].dot(normals[segments]), -1, 1)) theta /= segments if (tangents[0].dot(vec.crossVectors(normals[0], normals[segments])) > 0) { theta = -theta } for (i = 1; i <= segments; i++) { // twist a little... normals[i].applyMatrix4(mat.makeRotationAxis(tangents[i], theta * i)) binormals[i].crossVectors(tangents[i], normals[i]) } } return { tangents: tangents, normals: normals, binormals: binormals } }, clone: function () { return new this.constructor().copy(this) }, copy: function (source) { this.arcLengthDivisions = source.arcLengthDivisions return this }, toJSON: function () { var data = { metadata: { version: 4.5, type: 'Curve', generator: 'Curve.toJSON' } } data.arcLengthDivisions = this.arcLengthDivisions data.type = this.type return data }, fromJSON: function (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 /** * @author zz85 https://github.com/zz85 * * 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; var c1 = 0; var c2 = 0; var 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 (x0, x1, x2, x3, tension) { init(x1, x2, tension * (x2 - x0), tension * (x3 - x1)) }, initNonuniformCatmullRom: function (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 (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(); var py = new CubicPoly(); var pz = new CubicPoly() function CatmullRomCurve3 (points, closed, curveType, tension) { Curve.call(this) this.type = 'CatmullRomCurve3' this.points = points || [] this.closed = closed || false this.curveType = curveType || 'centripetal' this.tension = tension || 0.5 } CatmullRomCurve3.prototype = Object.create(Curve.prototype) CatmullRomCurve3.prototype.constructor = CatmullRomCurve3 CatmullRomCurve3.prototype.isCatmullRomCurve3 = true CatmullRomCurve3.prototype.getPoint = function (t, optionalTarget) { var point = optionalTarget || new Vector3() 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, p1, p2, p3 // 4 points 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 } p1 = points[intPoint % l] 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 } /** * @author zz85 / http://www.lab4games.net/zz85/blog * * 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) { Curve.call(this) this.type = 'CubicBezierCurve' this.v0 = v0 || new Vector2() this.v1 = v1 || new Vector2() this.v2 = v2 || new Vector2() this.v3 = v3 || new Vector2() } CubicBezierCurve.prototype = Object.create(Curve.prototype) CubicBezierCurve.prototype.constructor = CubicBezierCurve CubicBezierCurve.prototype.isCubicBezierCurve = true CubicBezierCurve.prototype.getPoint = function (t, optionalTarget) { var point = optionalTarget || new Vector2() var v0 = this.v0; var v1 = this.v1; var v2 = this.v2; var 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) { Curve.call(this) this.type = 'CubicBezierCurve3' this.v0 = v0 || new Vector3() this.v1 = v1 || new Vector3() this.v2 = v2 || new Vector3() this.v3 = v3 || new Vector3() } CubicBezierCurve3.prototype = Object.create(Curve.prototype) CubicBezierCurve3.prototype.constructor = CubicBezierCurve3 CubicBezierCurve3.prototype.isCubicBezierCurve3 = true CubicBezierCurve3.prototype.getPoint = function (t, optionalTarget) { var point = optionalTarget || new Vector3() var v0 = this.v0; var v1 = this.v1; var v2 = this.v2; var 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) { Curve.call(this) this.type = 'LineCurve' this.v1 = v1 || new Vector2() this.v2 = v2 || new Vector2() } LineCurve.prototype = Object.create(Curve.prototype) LineCurve.prototype.constructor = LineCurve LineCurve.prototype.isLineCurve = true LineCurve.prototype.getPoint = function (t, optionalTarget) { var point = optionalTarget || new Vector2() 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 */) { var tangent = this.v2.clone().sub(this.v1) return tangent.normalize() } 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) { Curve.call(this) this.type = 'LineCurve3' this.v1 = v1 || new Vector3() this.v2 = v2 || new Vector3() } LineCurve3.prototype = Object.create(Curve.prototype) LineCurve3.prototype.constructor = LineCurve3 LineCurve3.prototype.isLineCurve3 = true LineCurve3.prototype.getPoint = function (t, optionalTarget) { var point = optionalTarget || new Vector3() 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) { Curve.call(this) this.type = 'QuadraticBezierCurve' this.v0 = v0 || new Vector2() this.v1 = v1 || new Vector2() this.v2 = v2 || new Vector2() } QuadraticBezierCurve.prototype = Object.create(Curve.prototype) QuadraticBezierCurve.prototype.constructor = QuadraticBezierCurve QuadraticBezierCurve.prototype.isQuadraticBezierCurve = true QuadraticBezierCurve.prototype.getPoint = function (t, optionalTarget) { var point = optionalTarget || new Vector2() var v0 = this.v0; var v1 = this.v1; var 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) { Curve.call(this) this.type = 'QuadraticBezierCurve3' this.v0 = v0 || new Vector3() this.v1 = v1 || new Vector3() this.v2 = v2 || new Vector3() } QuadraticBezierCurve3.prototype = Object.create(Curve.prototype) QuadraticBezierCurve3.prototype.constructor = QuadraticBezierCurve3 QuadraticBezierCurve3.prototype.isQuadraticBezierCurve3 = true QuadraticBezierCurve3.prototype.getPoint = function (t, optionalTarget) { var point = optionalTarget || new Vector3() var v0 = this.v0; var v1 = this.v1; var 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 /* array of Vector2 */) { 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) { var point = optionalTarget || new Vector2() 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({ ArcCurve: ArcCurve, CatmullRomCurve3: CatmullRomCurve3, CubicBezierCurve: CubicBezierCurve, CubicBezierCurve3: CubicBezierCurve3, EllipseCurve: EllipseCurve, LineCurve: LineCurve, LineCurve3: LineCurve3, QuadraticBezierCurve: QuadraticBezierCurve, QuadraticBezierCurve3: QuadraticBezierCurve3, SplineCurve: SplineCurve }) /** * @author zz85 / http://www.lab4games.net/zz85/blog * **/ /************************************************************** * 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 (curve) { this.curves.push(curve) }, closePath: function () { // 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 (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 1 && !points[points.length - 1].equals(points[0])) { points.push(points[0]) } return points }, copy: function (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 () { 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 (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 } }) /** * @author zz85 / http://www.lab4games.net/zz85/blog * Creates free form 2d path using series of points, lines or curves. **/ 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 (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) } }, moveTo: function (x, y) { this.currentPoint.set(x, y) // TODO consider referencing vectors instead of copying? }, lineTo: function (x, y) { var curve = new LineCurve(this.currentPoint.clone(), new Vector2(x, y)) this.curves.push(curve) this.currentPoint.set(x, y) }, quadraticCurveTo: function (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) }, bezierCurveTo: function (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) }, splineThru: function (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]) }, arc: function (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) }, absarc: function (aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise) { this.absellipse(aX, aY, aRadius, aRadius, aStartAngle, aEndAngle, aClockwise) }, ellipse: function (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) }, absellipse: function (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) }, copy: function (source) { CurvePath.prototype.copy.call(this, source) this.currentPoint.copy(source.currentPoint) return this }, toJSON: function () { var data = CurvePath.prototype.toJSON.call(this) data.currentPoint = this.currentPoint.toArray() return data }, fromJSON: function (json) { CurvePath.prototype.fromJSON.call(this, json) this.currentPoint.fromArray(json.currentPoint) return this } }) /** * @author zz85 / http://www.lab4games.net/zz85/blog * Defines a 2d shape plane using paths. **/ // STEP 1 Create a path. // STEP 2 Turn path into shape. // STEP 3 ExtrudeGeometry takes in Shape/Shapes // STEP 3a - Extract points from each shape, turn to vertices // STEP 3b - Triangulate each shape, add faces. function Shape (points) { Path.call(this, points) this.uuid = _Math.generateUUID() this.type = 'Shape' this.holes = [] } Shape.prototype = Object.assign(Object.create(Path.prototype), { constructor: Shape, getPointsHoles: function (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 (divisions) { return { shape: this.getPoints(divisions), holes: this.getPointsHoles(divisions) } }, copy: function (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 () { 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 (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 } }) /** * @author mrdoob / http://mrdoob.com/ * @author alteredq / http://alteredqualia.com/ */ function Light (color, intensity) { Object3D.call(this) this.type = 'Light' this.color = new Color(color) this.intensity = intensity !== undefined ? intensity : 1 this.receiveShadow = undefined } Light.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: Light, isLight: true, copy: function (source) { Object3D.prototype.copy.call(this, source) this.color.copy(source.color) this.intensity = source.intensity return this }, toJSON: function (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 } }) /** * @author alteredq / http://alteredqualia.com/ */ function HemisphereLight (skyColor, groundColor, intensity) { Light.call(this, skyColor, intensity) this.type = 'HemisphereLight' this.castShadow = undefined 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 (source) { Light.prototype.copy.call(this, source) this.groundColor.copy(source.groundColor) return this } }) /** * @author mrdoob / http://mrdoob.com/ */ function LightShadow (camera) { this.camera = camera this.bias = 0 this.radius = 1 this.mapSize = new Vector2(512, 512) this.map = null this.matrix = new Matrix4() } Object.assign(LightShadow.prototype, { copy: function (source) { this.camera = source.camera.clone() this.bias = source.bias this.radius = source.radius this.mapSize.copy(source.mapSize) return this }, clone: function () { return new this.constructor().copy(this) }, toJSON: function () { var object = {} if (this.bias !== 0) object.bias = this.bias 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 } }) /** * @author mrdoob / http://mrdoob.com/ */ function SpotLightShadow () { LightShadow.call(this, new PerspectiveCamera(50, 1, 0.5, 500)) } SpotLightShadow.prototype = Object.assign(Object.create(LightShadow.prototype), { constructor: SpotLightShadow, isSpotLightShadow: true, update: function (light) { var camera = this.camera var fov = _Math.RAD2DEG * 2 * light.angle 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() } } }) /** * @author alteredq / http://alteredqualia.com/ */ 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 () { // 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 (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 (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 } }) /** * @author mrdoob / http://mrdoob.com/ */ function PointLight (color, intensity, distance, decay) { Light.call(this, color, intensity) this.type = 'PointLight' Object.defineProperty(this, 'power', { get: function () { // 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 (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 LightShadow(new PerspectiveCamera(90, 1, 0.5, 500)) } PointLight.prototype = Object.assign(Object.create(Light.prototype), { constructor: PointLight, isPointLight: true, copy: function (source) { Light.prototype.copy.call(this, source) this.distance = source.distance this.decay = source.decay this.shadow = source.shadow.clone() return this } }) /** * @author mrdoob / http://mrdoob.com/ */ function DirectionalLightShadow () { LightShadow.call(this, new OrthographicCamera(-5, 5, 5, -5, 0.5, 500)) } DirectionalLightShadow.prototype = Object.assign(Object.create(LightShadow.prototype), { constructor: DirectionalLightShadow }) /** * @author mrdoob / http://mrdoob.com/ * @author alteredq / http://alteredqualia.com/ */ 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 (source) { Light.prototype.copy.call(this, source) this.target = source.target.clone() this.shadow = source.shadow.clone() return this } }) /** * @author mrdoob / http://mrdoob.com/ */ function AmbientLight (color, intensity) { Light.call(this, color, intensity) this.type = 'AmbientLight' this.castShadow = undefined } AmbientLight.prototype = Object.assign(Object.create(Light.prototype), { constructor: AmbientLight, isAmbientLight: true }) /** * @author abelnation / http://github.com/abelnation */ 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 (source) { Light.prototype.copy.call(this, source) this.width = source.width this.height = source.height return this }, toJSON: function (meta) { var data = Light.prototype.toJSON.call(this, meta) data.object.width = this.width data.object.height = this.height return data } }) /** * * A Track that interpolates Strings * * * @author Ben Houston / http://clara.io/ * @author David Sarno / http://lighthaus.us/ * @author tschw */ 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 Boolean keyframe values. * * * @author Ben Houston / http://clara.io/ * @author David Sarno / http://lighthaus.us/ * @author tschw */ 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 )". }) /** * 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 * * @author tschw */ 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 (t) { var pp = this.parameterPositions var i1 = this._cachedIndex var t1 = pp[i1] var 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 () { return this.settings || this.DefaultSettings_ }, copySampleValue_: function (index) { // copies a sample value to the result buffer var result = this.resultBuffer var values = this.sampleValues var stride = this.valueSize var offset = index * stride for (var i = 0; i !== stride; ++i) { result[i] = values[offset + i] } return result }, // Template methods for derived classes: interpolate_: function (/* i1, t0, t, t1 */) { throw new Error('call to abstract method') // implementations shall return this.resultBuffer }, intervalChanged_: function (/* 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_ }) /** * Spherical linear unit quaternion interpolant. * * @author tschw */ 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 (i1, t0, t, t1) { var result = this.resultBuffer var values = this.sampleValues var stride = this.valueSize var offset = i1 * stride var alpha = (t - t0) / (t1 - t0) 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. * * @author Ben Houston / http://clara.io/ * @author David Sarno / http://lighthaus.us/ * @author tschw */ 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 (result) { return new QuaternionLinearInterpolant(this.times, this.values, this.getValueSize(), result) }, InterpolantFactoryMethodSmooth: undefined // not yet implemented }) /** * * A Track of keyframe values that represent color. * * * @author Ben Houston / http://clara.io/ * @author David Sarno / http://lighthaus.us/ * @author tschw */ 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. * * @author Ben Houston / http://clara.io/ * @author David Sarno / http://lighthaus.us/ * @author tschw */ 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 }) /** * 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. * * @author tschw */ 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 (i1, t0, t1) { var pp = this.parameterPositions var iPrev = i1 - 2 var iNext = i1 + 1 var tPrev = pp[iPrev] var 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 var stride = this.valueSize this._weightPrev = halfDt / (t0 - tPrev) this._weightNext = halfDt / (tNext - t1) this._offsetPrev = iPrev * stride this._offsetNext = iNext * stride }, interpolate_: function (i1, t0, t, t1) { var result = this.resultBuffer var values = this.sampleValues var stride = this.valueSize var o1 = i1 * stride; var o0 = o1 - stride var oP = this._offsetPrev; var oN = this._offsetNext var wP = this._weightPrev; var wN = this._weightNext var p = (t - t0) / (t1 - t0) var pp = p * p var 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 } }) /** * @author tschw */ 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 (i1, t0, t, t1) { var result = this.resultBuffer var values = this.sampleValues var stride = this.valueSize var offset1 = i1 * stride var offset0 = offset1 - stride var weight1 = (t - t0) / (t1 - t0) var 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. * * @author tschw */ 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 (i1 /*, t0, t, t1 */) { return this.copySampleValue_(i1 - 1) } }) /** * @author tschw * @author Ben Houston / http://clara.io/ * @author David Sarno / http://lighthaus.us/ */ var AnimationUtils = { // same as Array.prototype.slice, but also works on typed arrays arraySlice: function (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 (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 (object) { return ArrayBuffer.isView(object) && !(object instanceof DataView) }, // returns an array by which times and values can be sorted getKeyframeOrder: function (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 (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 (jsonKeys, times, values, valuePropertyName) { var i = 1; var 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) } } } /** * * A timed sequence of keyframes for a specific property. * * * @author Ben Houston / http://clara.io/ * @author David Sarno / http://lighthaus.us/ * @author tschw */ 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) this.validate() this.optimize() } // Static methods: Object.assign(KeyframeTrack, { // Serialization (in static context, because of constructor invocation // and automatic invocation of .toJSON): parse: function (json) { if (json.type === undefined) { throw new Error('THREE.KeyframeTrack: track type undefined, can not parse') } var trackType = KeyframeTrack._getTrackTypeForValueTypeName(json.type) if (json.times === undefined) { var times = []; var 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) } }, toJSON: function (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 }, _getTrackTypeForValueTypeName: function (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) } }) Object.assign(KeyframeTrack.prototype, { constructor: KeyframeTrack, TimeBufferType: Float32Array, ValueBufferType: Float32Array, DefaultInterpolation: InterpolateLinear, InterpolantFactoryMethodDiscrete: function (result) { return new DiscreteInterpolant(this.times, this.values, this.getValueSize(), result) }, InterpolantFactoryMethodLinear: function (result) { return new LinearInterpolant(this.times, this.values, this.getValueSize(), result) }, InterpolantFactoryMethodSmooth: function (result) { return new CubicInterpolant(this.times, this.values, this.getValueSize(), result) }, setInterpolation: function (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.createInterpolant = factoryMethod }, getInterpolation: function () { switch (this.createInterpolant) { case this.InterpolantFactoryMethodDiscrete: return InterpolateDiscrete case this.InterpolantFactoryMethodLinear: return InterpolateLinear case this.InterpolantFactoryMethodSmooth: return InterpolateSmooth } }, getValueSize: function () { return this.values.length / this.times.length }, // move all keyframes either forwards or backwards in time shift: function (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 (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 (startTime, endTime) { var times = this.times var nKeys = times.length var from = 0 var 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 () { 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 var values = this.values var 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 () { var times = this.times var values = this.values var stride = this.getValueSize() var smoothInterpolation = this.getInterpolation() === InterpolateSmooth var writeIndex = 1 var lastIndex = times.length - 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 !== time[0])) { if (!smoothInterpolation) { // remove unnecessary keyframes same as their neighbors var offset = i * stride var offsetP = offset - stride var 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 var 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, j = 0; j !== stride; ++j) { values[writeOffset + j] = values[readOffset + j] } ++writeIndex } if (writeIndex !== times.length) { this.times = AnimationUtils.arraySlice(times, 0, writeIndex) this.values = AnimationUtils.arraySlice(values, 0, writeIndex * stride) } return this } }) /** * * A Track of vectored keyframe values. * * * @author Ben Houston / http://clara.io/ * @author David Sarno / http://lighthaus.us/ * @author tschw */ 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 }) /** * * Reusable set of Tracks that represent an animation. * * @author Ben Houston / http://clara.io/ * @author David Sarno / http://lighthaus.us/ */ function AnimationClip (name, duration, tracks) { this.name = name this.tracks = tracks this.duration = (duration !== undefined) ? duration : -1 this.uuid = _Math.generateUUID() // this means it should figure out its duration by scanning the tracks if (this.duration < 0) { this.resetDuration() } this.optimize() } Object.assign(AnimationClip, { parse: function (json) { var tracks = [] var jsonTracks = json.tracks var frameTime = 1.0 / (json.fps || 1.0) for (var i = 0, n = jsonTracks.length; i !== n; ++i) { tracks.push(KeyframeTrack.parse(jsonTracks[i]).scale(frameTime)) } return new AnimationClip(json.name, json.duration, tracks) }, toJSON: function (clip) { var tracks = [] var clipTracks = clip.tracks var json = { name: clip.name, duration: clip.duration, tracks: tracks, uuid: clip.uuid } for (var i = 0, n = clipTracks.length; i !== n; ++i) { tracks.push(KeyframeTrack.toJSON(clipTracks[i])) } return json }, CreateFromMorphTargetSequence: function (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 (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 (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 (animation, bones) { if (!animation) { console.error('THREE.AnimationClip: No animation in JSONLoader data.') return null } var addNonemptyTrack = function (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' // automatic length determination in AnimationClip. var duration = animation.length || -1 var fps = animation.fps || 30 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 = {} for (var 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) return clip } }) Object.assign(AnimationClip.prototype, { resetDuration: function () { 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 }, trim: function () { for (var i = 0; i < this.tracks.length; i++) { this.tracks[i].trim(0, this.duration) } return this }, optimize: function () { for (var i = 0; i < this.tracks.length; i++) { this.tracks[i].optimize() } return this } }) /** * @author mrdoob / http://mrdoob.com/ */ function MaterialLoader (manager) { this.manager = (manager !== undefined) ? manager : DefaultLoadingManager this.textures = {} } Object.assign(MaterialLoader.prototype, { load: function (url, onLoad, onProgress, onError) { var scope = this var loader = new FileLoader(scope.manager) loader.load(url, function (text) { onLoad(scope.parse(JSON.parse(text))) }, onProgress, onError) }, setTextures: function (value) { this.textures = value }, parse: function (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.setHex(json.color) if (json.roughness !== undefined) material.roughness = json.roughness if (json.metalness !== undefined) material.metalness = json.metalness if (json.emissive !== undefined) material.emissive.setHex(json.emissive) if (json.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.uniforms !== undefined) material.uniforms = json.uniforms if (json.vertexShader !== undefined) material.vertexShader = json.vertexShader if (json.fragmentShader !== undefined) material.fragmentShader = json.fragmentShader if (json.vertexColors !== undefined) material.vertexColors = json.vertexColors 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.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.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.dithering !== undefined) material.dithering = json.dithering if (json.visible !== undefined) material.visible = json.visible if (json.userData !== undefined) material.userData = json.userData // 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.alphaMap !== undefined) { material.alphaMap = getTexture(json.alphaMap) material.transparent = true } 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.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.reflectivity !== undefined) material.reflectivity = json.reflectivity 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) return material } }) /** * @author mrdoob / http://mrdoob.com/ */ function BufferGeometryLoader (manager) { this.manager = (manager !== undefined) ? manager : DefaultLoadingManager } Object.assign(BufferGeometryLoader.prototype, { load: function (url, onLoad, onProgress, onError) { var scope = this var loader = new FileLoader(scope.manager) loader.load(url, function (text) { onLoad(scope.parse(JSON.parse(text))) }, onProgress, onError) }, parse: function (json) { var geometry = new BufferGeometry() var index = json.data.index if (index !== undefined) { var typedArray = new TYPED_ARRAYS[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 typedArray = new TYPED_ARRAYS[attribute.type](attribute.array) geometry.addAttribute(key, new BufferAttribute(typedArray, attribute.itemSize, attribute.normalized)) } 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) } return geometry } }) 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 } /** * @author alteredq / http://alteredqualia.com/ */ function Loader () {} Loader.Handlers = { handlers: [], add: function (regex, loader) { this.handlers.push(regex, loader) }, get: function (file) { var handlers = this.handlers for (var i = 0, l = handlers.length; i < l; i += 2) { var regex = handlers[i] var loader = handlers[i + 1] if (regex.test(file)) { return loader } } return null } } Object.assign(Loader.prototype, { crossOrigin: undefined, onLoadStart: function () {}, onLoadProgress: function () {}, onLoadComplete: function () {}, initMaterials: function (materials, texturePath, crossOrigin) { var array = [] for (var i = 0; i < materials.length; ++i) { array[i] = this.createMaterial(materials[i], texturePath, crossOrigin) } return array }, createMaterial: (function () { var BlendingMode = { NoBlending: NoBlending, NormalBlending: NormalBlending, AdditiveBlending: AdditiveBlending, SubtractiveBlending: SubtractiveBlending, MultiplyBlending: MultiplyBlending, CustomBlending: CustomBlending } var color = new Color() var textureLoader = new TextureLoader() var materialLoader = new MaterialLoader() return function createMaterial (m, texturePath, crossOrigin) { // convert from old material format var textures = {} function loadTexture (path, repeat, offset, wrap, anisotropy) { var fullPath = texturePath + path var loader = Loader.Handlers.get(fullPath) var texture if (loader !== null) { texture = loader.load(fullPath) } else { textureLoader.setCrossOrigin(crossOrigin) texture = textureLoader.load(fullPath) } if (repeat !== undefined) { texture.repeat.fromArray(repeat) if (repeat[0] !== 1) texture.wrapS = RepeatWrapping if (repeat[1] !== 1) texture.wrapT = RepeatWrapping } if (offset !== undefined) { texture.offset.fromArray(offset) } if (wrap !== undefined) { if (wrap[0] === 'repeat') texture.wrapS = RepeatWrapping if (wrap[0] === 'mirror') texture.wrapS = MirroredRepeatWrapping if (wrap[1] === 'repeat') texture.wrapT = RepeatWrapping if (wrap[1] === 'mirror') texture.wrapT = MirroredRepeatWrapping } if (anisotropy !== undefined) { texture.anisotropy = anisotropy } var uuid = _Math.generateUUID() textures[uuid] = texture return uuid } // var json = { uuid: _Math.generateUUID(), type: 'MeshLambertMaterial' } for (var name in m) { var value = m[name] switch (name) { case 'DbgColor': case 'DbgIndex': case 'opticalDensity': case 'illumination': break case 'DbgName': json.name = value break case 'blending': json.blending = BlendingMode[value] break case 'colorAmbient': case 'mapAmbient': console.warn('THREE.Loader.createMaterial:', name, 'is no longer supported.') break case 'colorDiffuse': json.color = color.fromArray(value).getHex() break case 'colorSpecular': json.specular = color.fromArray(value).getHex() break case 'colorEmissive': json.emissive = color.fromArray(value).getHex() break case 'specularCoef': json.shininess = value break case 'shading': if (value.toLowerCase() === 'basic') json.type = 'MeshBasicMaterial' if (value.toLowerCase() === 'phong') json.type = 'MeshPhongMaterial' if (value.toLowerCase() === 'standard') json.type = 'MeshStandardMaterial' break case 'mapDiffuse': json.map = loadTexture(value, m.mapDiffuseRepeat, m.mapDiffuseOffset, m.mapDiffuseWrap, m.mapDiffuseAnisotropy) break case 'mapDiffuseRepeat': case 'mapDiffuseOffset': case 'mapDiffuseWrap': case 'mapDiffuseAnisotropy': break case 'mapEmissive': json.emissiveMap = loadTexture(value, m.mapEmissiveRepeat, m.mapEmissiveOffset, m.mapEmissiveWrap, m.mapEmissiveAnisotropy) break case 'mapEmissiveRepeat': case 'mapEmissiveOffset': case 'mapEmissiveWrap': case 'mapEmissiveAnisotropy': break case 'mapLight': json.lightMap = loadTexture(value, m.mapLightRepeat, m.mapLightOffset, m.mapLightWrap, m.mapLightAnisotropy) break case 'mapLightRepeat': case 'mapLightOffset': case 'mapLightWrap': case 'mapLightAnisotropy': break case 'mapAO': json.aoMap = loadTexture(value, m.mapAORepeat, m.mapAOOffset, m.mapAOWrap, m.mapAOAnisotropy) break case 'mapAORepeat': case 'mapAOOffset': case 'mapAOWrap': case 'mapAOAnisotropy': break case 'mapBump': json.bumpMap = loadTexture(value, m.mapBumpRepeat, m.mapBumpOffset, m.mapBumpWrap, m.mapBumpAnisotropy) break case 'mapBumpScale': json.bumpScale = value break case 'mapBumpRepeat': case 'mapBumpOffset': case 'mapBumpWrap': case 'mapBumpAnisotropy': break case 'mapNormal': json.normalMap = loadTexture(value, m.mapNormalRepeat, m.mapNormalOffset, m.mapNormalWrap, m.mapNormalAnisotropy) break case 'mapNormalFactor': json.normalScale = value break case 'mapNormalRepeat': case 'mapNormalOffset': case 'mapNormalWrap': case 'mapNormalAnisotropy': break case 'mapSpecular': json.specularMap = loadTexture(value, m.mapSpecularRepeat, m.mapSpecularOffset, m.mapSpecularWrap, m.mapSpecularAnisotropy) break case 'mapSpecularRepeat': case 'mapSpecularOffset': case 'mapSpecularWrap': case 'mapSpecularAnisotropy': break case 'mapMetalness': json.metalnessMap = loadTexture(value, m.mapMetalnessRepeat, m.mapMetalnessOffset, m.mapMetalnessWrap, m.mapMetalnessAnisotropy) break case 'mapMetalnessRepeat': case 'mapMetalnessOffset': case 'mapMetalnessWrap': case 'mapMetalnessAnisotropy': break case 'mapRoughness': json.roughnessMap = loadTexture(value, m.mapRoughnessRepeat, m.mapRoughnessOffset, m.mapRoughnessWrap, m.mapRoughnessAnisotropy) break case 'mapRoughnessRepeat': case 'mapRoughnessOffset': case 'mapRoughnessWrap': case 'mapRoughnessAnisotropy': break case 'mapAlpha': json.alphaMap = loadTexture(value, m.mapAlphaRepeat, m.mapAlphaOffset, m.mapAlphaWrap, m.mapAlphaAnisotropy) break case 'mapAlphaRepeat': case 'mapAlphaOffset': case 'mapAlphaWrap': case 'mapAlphaAnisotropy': break case 'flipSided': json.side = BackSide break case 'doubleSided': json.side = DoubleSide break case 'transparency': console.warn('THREE.Loader.createMaterial: transparency has been renamed to opacity') json.opacity = value break case 'depthTest': case 'depthWrite': case 'colorWrite': case 'opacity': case 'reflectivity': case 'transparent': case 'visible': case 'wireframe': json[name] = value break case 'vertexColors': if (value === true) json.vertexColors = VertexColors if (value === 'face') json.vertexColors = FaceColors break default: console.error('THREE.Loader.createMaterial: Unsupported', name, value) break } } if (json.type === 'MeshBasicMaterial') delete json.emissive if (json.type !== 'MeshPhongMaterial') delete json.specular if (json.opacity < 1) json.transparent = true materialLoader.setTextures(textures) return materialLoader.parse(json) } })() }) /** * @author Don McCurdy / https://www.donmccurdy.com */ var LoaderUtils = { decodeText: function (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]) } // Merges multi-byte utf-8 characters. return decodeURIComponent(escape(s)) }, extractUrlBase: function (url) { var index = url.lastIndexOf('/') if (index === -1) return './' return url.substr(0, index + 1) } } /** * @author mrdoob / http://mrdoob.com/ * @author alteredq / http://alteredqualia.com/ */ function JSONLoader (manager) { if (typeof manager === 'boolean') { console.warn('THREE.JSONLoader: showStatus parameter has been removed from constructor.') manager = undefined } this.manager = (manager !== undefined) ? manager : DefaultLoadingManager this.withCredentials = false } Object.assign(JSONLoader.prototype, { load: function (url, onLoad, onProgress, onError) { var scope = this var texturePath = this.texturePath && (typeof this.texturePath === 'string') ? this.texturePath : LoaderUtils.extractUrlBase(url) var loader = new FileLoader(this.manager) loader.setWithCredentials(this.withCredentials) loader.load(url, function (text) { var json = JSON.parse(text) var metadata = json.metadata if (metadata !== undefined) { var type = metadata.type if (type !== undefined) { if (type.toLowerCase() === 'object') { console.error('THREE.JSONLoader: ' + url + ' should be loaded with THREE.ObjectLoader instead.') return } } } var object = scope.parse(json, texturePath) onLoad(object.geometry, object.materials) }, onProgress, onError) }, setTexturePath: function (value) { this.texturePath = value }, parse: (function () { function parseModel (json, geometry) { function isBitSet (value, position) { return value & (1 << position) } var i; var j; var fi var offset; var zLength var colorIndex; var normalIndex; var uvIndex; var materialIndex var type var isQuad var hasMaterial var hasFaceVertexUv var hasFaceNormal; var hasFaceVertexNormal var hasFaceColor; var hasFaceVertexColor var vertex; var face; var faceA; var faceB; var hex; var normal var uvLayer; var uv; var u; var v var faces = json.faces var vertices = json.vertices var normals = json.normals var colors = json.colors var scale = json.scale var nUvLayers = 0 if (json.uvs !== undefined) { // disregard empty arrays for (i = 0; i < json.uvs.length; i++) { if (json.uvs[i].length) nUvLayers++ } for (i = 0; i < nUvLayers; i++) { geometry.faceVertexUvs[i] = [] } } offset = 0 zLength = vertices.length while (offset < zLength) { vertex = new Vector3() vertex.x = vertices[offset++] * scale vertex.y = vertices[offset++] * scale vertex.z = vertices[offset++] * scale geometry.vertices.push(vertex) } offset = 0 zLength = faces.length while (offset < zLength) { type = faces[offset++] isQuad = isBitSet(type, 0) hasMaterial = isBitSet(type, 1) hasFaceVertexUv = isBitSet(type, 3) hasFaceNormal = isBitSet(type, 4) hasFaceVertexNormal = isBitSet(type, 5) hasFaceColor = isBitSet(type, 6) hasFaceVertexColor = isBitSet(type, 7) // console.log("type", type, "bits", isQuad, hasMaterial, hasFaceVertexUv, hasFaceNormal, hasFaceVertexNormal, hasFaceColor, hasFaceVertexColor); if (isQuad) { faceA = new Face3() faceA.a = faces[offset] faceA.b = faces[offset + 1] faceA.c = faces[offset + 3] faceB = new Face3() faceB.a = faces[offset + 1] faceB.b = faces[offset + 2] faceB.c = faces[offset + 3] offset += 4 if (hasMaterial) { materialIndex = faces[offset++] faceA.materialIndex = materialIndex faceB.materialIndex = materialIndex } // to get face <=> uv index correspondence fi = geometry.faces.length if (hasFaceVertexUv) { for (i = 0; i < nUvLayers; i++) { uvLayer = json.uvs[i] geometry.faceVertexUvs[i][fi] = [] geometry.faceVertexUvs[i][fi + 1] = [] for (j = 0; j < 4; j++) { uvIndex = faces[offset++] u = uvLayer[uvIndex * 2] v = uvLayer[uvIndex * 2 + 1] uv = new Vector2(u, v) if (j !== 2) geometry.faceVertexUvs[i][fi].push(uv) if (j !== 0) geometry.faceVertexUvs[i][fi + 1].push(uv) } } } if (hasFaceNormal) { normalIndex = faces[offset++] * 3 faceA.normal.set( normals[normalIndex++], normals[normalIndex++], normals[normalIndex] ) faceB.normal.copy(faceA.normal) } if (hasFaceVertexNormal) { for (i = 0; i < 4; i++) { normalIndex = faces[offset++] * 3 normal = new Vector3( normals[normalIndex++], normals[normalIndex++], normals[normalIndex] ) if (i !== 2) faceA.vertexNormals.push(normal) if (i !== 0) faceB.vertexNormals.push(normal) } } if (hasFaceColor) { colorIndex = faces[offset++] hex = colors[colorIndex] faceA.color.setHex(hex) faceB.color.setHex(hex) } if (hasFaceVertexColor) { for (i = 0; i < 4; i++) { colorIndex = faces[offset++] hex = colors[colorIndex] if (i !== 2) faceA.vertexColors.push(new Color(hex)) if (i !== 0) faceB.vertexColors.push(new Color(hex)) } } geometry.faces.push(faceA) geometry.faces.push(faceB) } else { face = new Face3() face.a = faces[offset++] face.b = faces[offset++] face.c = faces[offset++] if (hasMaterial) { materialIndex = faces[offset++] face.materialIndex = materialIndex } // to get face <=> uv index correspondence fi = geometry.faces.length if (hasFaceVertexUv) { for (i = 0; i < nUvLayers; i++) { uvLayer = json.uvs[i] geometry.faceVertexUvs[i][fi] = [] for (j = 0; j < 3; j++) { uvIndex = faces[offset++] u = uvLayer[uvIndex * 2] v = uvLayer[uvIndex * 2 + 1] uv = new Vector2(u, v) geometry.faceVertexUvs[i][fi].push(uv) } } } if (hasFaceNormal) { normalIndex = faces[offset++] * 3 face.normal.set( normals[normalIndex++], normals[normalIndex++], normals[normalIndex] ) } if (hasFaceVertexNormal) { for (i = 0; i < 3; i++) { normalIndex = faces[offset++] * 3 normal = new Vector3( normals[normalIndex++], normals[normalIndex++], normals[normalIndex] ) face.vertexNormals.push(normal) } } if (hasFaceColor) { colorIndex = faces[offset++] face.color.setHex(colors[colorIndex]) } if (hasFaceVertexColor) { for (i = 0; i < 3; i++) { colorIndex = faces[offset++] face.vertexColors.push(new Color(colors[colorIndex])) } } geometry.faces.push(face) } } } function parseSkin (json, geometry) { var influencesPerVertex = (json.influencesPerVertex !== undefined) ? json.influencesPerVertex : 2 if (json.skinWeights) { for (var i = 0, l = json.skinWeights.length; i < l; i += influencesPerVertex) { var x = json.skinWeights[i] var y = (influencesPerVertex > 1) ? json.skinWeights[i + 1] : 0 var z = (influencesPerVertex > 2) ? json.skinWeights[i + 2] : 0 var w = (influencesPerVertex > 3) ? json.skinWeights[i + 3] : 0 geometry.skinWeights.push(new Vector4(x, y, z, w)) } } if (json.skinIndices) { for (var i = 0, l = json.skinIndices.length; i < l; i += influencesPerVertex) { var a = json.skinIndices[i] var b = (influencesPerVertex > 1) ? json.skinIndices[i + 1] : 0 var c = (influencesPerVertex > 2) ? json.skinIndices[i + 2] : 0 var d = (influencesPerVertex > 3) ? json.skinIndices[i + 3] : 0 geometry.skinIndices.push(new Vector4(a, b, c, d)) } } geometry.bones = json.bones if (geometry.bones && geometry.bones.length > 0 && (geometry.skinWeights.length !== geometry.skinIndices.length || geometry.skinIndices.length !== geometry.vertices.length)) { console.warn('When skinning, number of vertices (' + geometry.vertices.length + '), skinIndices (' + geometry.skinIndices.length + '), and skinWeights (' + geometry.skinWeights.length + ') should match.') } } function parseMorphing (json, geometry) { var scale = json.scale if (json.morphTargets !== undefined) { for (var i = 0, l = json.morphTargets.length; i < l; i++) { geometry.morphTargets[i] = {} geometry.morphTargets[i].name = json.morphTargets[i].name geometry.morphTargets[i].vertices = [] var dstVertices = geometry.morphTargets[i].vertices var srcVertices = json.morphTargets[i].vertices for (var v = 0, vl = srcVertices.length; v < vl; v += 3) { var vertex = new Vector3() vertex.x = srcVertices[v] * scale vertex.y = srcVertices[v + 1] * scale vertex.z = srcVertices[v + 2] * scale dstVertices.push(vertex) } } } if (json.morphColors !== undefined && json.morphColors.length > 0) { console.warn('THREE.JSONLoader: "morphColors" no longer supported. Using them as face colors.') var faces = geometry.faces var morphColors = json.morphColors[0].colors for (var i = 0, l = faces.length; i < l; i++) { faces[i].color.fromArray(morphColors, i * 3) } } } function parseAnimations (json, geometry) { var outputAnimations = [] // parse old style Bone/Hierarchy animations var animations = [] if (json.animation !== undefined) { animations.push(json.animation) } if (json.animations !== undefined) { if (json.animations.length) { animations = animations.concat(json.animations) } else { animations.push(json.animations) } } for (var i = 0; i < animations.length; i++) { var clip = AnimationClip.parseAnimation(animations[i], geometry.bones) if (clip) outputAnimations.push(clip) } // parse implicit morph animations if (geometry.morphTargets) { // TODO: Figure out what an appropraite FPS is for morph target animations -- defaulting to 10, but really it is completely arbitrary. var morphAnimationClips = AnimationClip.CreateClipsFromMorphTargetSequences(geometry.morphTargets, 10) outputAnimations = outputAnimations.concat(morphAnimationClips) } if (outputAnimations.length > 0) geometry.animations = outputAnimations } return function parse (json, texturePath) { if (json.data !== undefined) { // Geometry 4.0 spec json = json.data } if (json.scale !== undefined) { json.scale = 1.0 / json.scale } else { json.scale = 1.0 } var geometry = new Geometry() parseModel(json, geometry) parseSkin(json, geometry) parseMorphing(json, geometry) parseAnimations(json, geometry) geometry.computeFaceNormals() geometry.computeBoundingSphere() if (json.materials === undefined || json.materials.length === 0) { return { geometry: geometry } } else { var materials = Loader.prototype.initMaterials(json.materials, texturePath, this.crossOrigin) return { geometry: geometry, materials: materials } } } })() }) /** * @author mrdoob / http://mrdoob.com/ */ function ObjectLoader (manager) { this.manager = (manager !== undefined) ? manager : DefaultLoadingManager this.texturePath = '' } Object.assign(ObjectLoader.prototype, { load: function (url, onLoad, onProgress, onError) { if (this.texturePath === '') { this.texturePath = url.substring(0, url.lastIndexOf('/') + 1) } var scope = this var loader = new FileLoader(scope.manager) 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 + '. Use THREE.JSONLoader instead.') return } scope.parse(json, onLoad) }, onProgress, onError) }, setTexturePath: function (value) { this.texturePath = value return this }, setCrossOrigin: function (value) { this.crossOrigin = value return this }, parse: function (json, onLoad) { var shapes = this.parseShape(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) if (json.animations) { object.animations = this.parseAnimations(json.animations) } if (json.images === undefined || json.images.length === 0) { if (onLoad !== undefined) onLoad(object) } return object }, parseShape: function (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 }, parseGeometries: function (json, shapes) { var geometries = {} if (json !== undefined) { var geometryLoader = new JSONLoader() var bufferGeometryLoader = new BufferGeometryLoader() for (var i = 0, l = json.length; i < l; i++) { var geometry 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': case 'CubeGeometry': // backwards compatible 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 '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': var 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': var 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': geometry = bufferGeometryLoader.parse(data) break case 'Geometry': geometry = geometryLoader.parse(data, this.texturePath).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 }, parseMaterials: function (json, textures) { 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++) { array.push(loader.parse(data.materials[j])) } materials[data.uuid] = array } else { materials[data.uuid] = loader.parse(data) } } } return materials }, parseAnimations: function (json) { var animations = [] for (var i = 0; i < json.length; i++) { var data = json[i] var clip = AnimationClip.parse(data) if (data.uuid !== undefined) clip.uuid = data.uuid animations.push(clip) } return animations }, parseImages: function (json, onLoad) { var scope = this var images = {} function loadImage (url) { scope.manager.itemStart(url) return loader.load(url, function () { scope.manager.itemEnd(url) }, undefined, function () { scope.manager.itemEnd(url) scope.manager.itemError(url) }) } if (json !== undefined && json.length > 0) { var manager = new LoadingManager(onLoad) var loader = new ImageLoader(manager) loader.setCrossOrigin(this.crossOrigin) for (var i = 0, l = json.length; i < l; i++) { var image = json[i] var path = /^(\/\/)|([a-z]+:(\/\/)?)/i.test(image.url) ? image.url : scope.texturePath + image.url images[image.uuid] = loadImage(path) } } return images }, parseTextures: function (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 = new Texture(images[data.image]) texture.needsUpdate = true 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.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 textures[data.uuid] = texture } } return textures }, parseObject: function (data, geometries, materials) { 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] } 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 'SkinnedMesh': console.warn('THREE.ObjectLoader.parseObject() does not support SkinnedMesh yet.') case 'Mesh': var geometry = getGeometry(data.geometry) var material = getMaterial(data.material) if (geometry.bones && geometry.bones.length > 0) { object = new SkinnedMesh(geometry, material) } else { object = new Mesh(geometry, material) } break case 'LOD': object = new LOD() break case 'Line': object = new Line(getGeometry(data.geometry), getMaterial(data.material), data.mode) 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 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.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.children !== undefined) { var children = data.children for (var i = 0; i < children.length; i++) { object.add(this.parseObject(children[i], geometries, materials)) } } if (data.type === 'LOD') { 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 } }) var TEXTURE_MAPPING = { UVMapping: UVMapping, CubeReflectionMapping: CubeReflectionMapping, CubeRefractionMapping: CubeRefractionMapping, EquirectangularReflectionMapping: EquirectangularReflectionMapping, EquirectangularRefractionMapping: EquirectangularRefractionMapping, SphericalReflectionMapping: SphericalReflectionMapping, 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 } /** * @author zz85 / http://www.lab4games.net/zz85/blog * minimal class for proxing functions to Path. Replaces old "extractSubpaths()" **/ function ShapePath () { this.type = 'ShapePath' this.color = new Color() this.subPaths = [] this.currentPath = null } Object.assign(ShapePath.prototype, { moveTo: function (x, y) { this.currentPath = new Path() this.subPaths.push(this.currentPath) this.currentPath.moveTo(x, y) }, lineTo: function (x, y) { this.currentPath.lineTo(x, y) }, quadraticCurveTo: function (aCPx, aCPy, aX, aY) { this.currentPath.quadraticCurveTo(aCPx, aCPy, aX, aY) }, bezierCurveTo: function (aCP1x, aCP1y, aCP2x, aCP2y, aX, aY) { this.currentPath.bezierCurveTo(aCP1x, aCP1y, aCP2x, aCP2y, aX, aY) }, splineThru: function (pts) { this.currentPath.splineThru(pts) }, toShapes: function (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; var tmpPath; var 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 } }) /** * @author zz85 / http://www.lab4games.net/zz85/blog * @author mrdoob / http://mrdoob.com/ */ function Font (data) { this.type = 'Font' this.data = data } Object.assign(Font.prototype, { isFont: true, generateShapes: function (text, size, divisions) { if (size === undefined) size = 100 if (divisions === undefined) divisions = 4 var shapes = [] var paths = createPaths(text, size, divisions, this.data) for (var p = 0, pl = paths.length; p < pl; p++) { Array.prototype.push.apply(shapes, paths[p].toShapes()) } return shapes } }) function createPaths (text, size, divisions, data) { var chars = Array.from ? Array.from(text) : String(text).split('') // see #13988 var scale = size / data.resolution var line_height = (data.boundingBox.yMax - data.boundingBox.yMin + data.underlineThickness) * scale var paths = [] var offsetX = 0; var 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, divisions, scale, offsetX, offsetY, data) offsetX += ret.offsetX paths.push(ret.path) } } return paths } function createPath (char, divisions, scale, offsetX, offsetY, data) { var glyph = data.glyphs[char] || data.glyphs['?'] if (!glyph) 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 } } /** * @author mrdoob / http://mrdoob.com/ */ function FontLoader (manager) { this.manager = (manager !== undefined) ? manager : DefaultLoadingManager } Object.assign(FontLoader.prototype, { load: function (url, onLoad, onProgress, onError) { var scope = this var loader = new FileLoader(this.manager) loader.setPath(this.path) 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 (json) { return new Font(json) }, setPath: function (value) { this.path = value return this } }) /** * @author mrdoob / http://mrdoob.com/ */ var context var AudioContext = { getContext: function () { if (context === undefined) { context = new (window.AudioContext || window.webkitAudioContext)() } return context }, setContext: function (value) { context = value } } /** * @author Reece Aaron Lecrivain / http://reecenotes.com/ */ function AudioLoader (manager) { this.manager = (manager !== undefined) ? manager : DefaultLoadingManager } Object.assign(AudioLoader.prototype, { load: function (url, onLoad, onProgress, onError) { var loader = new FileLoader(this.manager) loader.setResponseType('arraybuffer') loader.load(url, function (buffer) { var context = AudioContext.getContext() context.decodeAudioData(buffer, function (audioBuffer) { onLoad(audioBuffer) }) }, onProgress, onError) } }) /** * @author mrdoob / http://mrdoob.com/ */ 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 } Object.assign(StereoCamera.prototype, { update: (function () { var instance, focus, fov, aspect, near, far, zoom, eyeSep var eyeRight = new Matrix4() var eyeLeft = new Matrix4() return function update (camera) { var needsUpdate = instance !== this || focus !== camera.focus || fov !== camera.fov || aspect !== camera.aspect * this.aspect || near !== camera.near || far !== camera.far || zoom !== camera.zoom || eyeSep !== this.eyeSep if (needsUpdate) { instance = this focus = camera.focus fov = camera.fov aspect = camera.aspect * this.aspect near = camera.near far = camera.far zoom = camera.zoom // Off-axis stereoscopic effect based on // http://paulbourke.net/stereographics/stereorender/ var projectionMatrix = camera.projectionMatrix.clone() eyeSep = this.eyeSep / 2 var eyeSepOnProjection = eyeSep * near / focus var ymax = (near * Math.tan(_Math.DEG2RAD * fov * 0.5)) / zoom var xmin, xmax // translate xOffset eyeLeft.elements[12] = -eyeSep eyeRight.elements[12] = eyeSep // for left eye xmin = -ymax * aspect + eyeSepOnProjection xmax = ymax * aspect + eyeSepOnProjection projectionMatrix.elements[0] = 2 * near / (xmax - xmin) projectionMatrix.elements[8] = (xmax + xmin) / (xmax - xmin) this.cameraL.projectionMatrix.copy(projectionMatrix) // for right eye xmin = -ymax * aspect - eyeSepOnProjection xmax = ymax * aspect - eyeSepOnProjection projectionMatrix.elements[0] = 2 * 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) } })() }) /** * Camera for rendering cube maps * - renders scene into axis-aligned cube * * @author alteredq / http://alteredqualia.com/ */ function CubeCamera (near, far, cubeResolution) { Object3D.call(this) this.type = 'CubeCamera' var fov = 90; var aspect = 1 var cameraPX = new PerspectiveCamera(fov, aspect, near, far) 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.up.set(0, -1, 0) cameraNX.lookAt(new Vector3(-1, 0, 0)) this.add(cameraNX) var cameraPY = new PerspectiveCamera(fov, aspect, near, far) 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.up.set(0, 0, -1) cameraNY.lookAt(new Vector3(0, -1, 0)) this.add(cameraNY) var cameraPZ = new PerspectiveCamera(fov, aspect, near, far) 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.up.set(0, -1, 0) cameraNZ.lookAt(new Vector3(0, 0, -1)) this.add(cameraNZ) var options = { format: RGBFormat, magFilter: LinearFilter, minFilter: LinearFilter } this.renderTarget = new WebGLRenderTargetCube(cubeResolution, cubeResolution, options) this.renderTarget.texture.name = 'CubeCamera' this.update = function (renderer, scene) { if (this.parent === null) this.updateMatrixWorld() var renderTarget = this.renderTarget var generateMipmaps = renderTarget.texture.generateMipmaps renderTarget.texture.generateMipmaps = false renderTarget.activeCubeFace = 0 renderer.render(scene, cameraPX, renderTarget) renderTarget.activeCubeFace = 1 renderer.render(scene, cameraNX, renderTarget) renderTarget.activeCubeFace = 2 renderer.render(scene, cameraPY, renderTarget) renderTarget.activeCubeFace = 3 renderer.render(scene, cameraNY, renderTarget) renderTarget.activeCubeFace = 4 renderer.render(scene, cameraPZ, renderTarget) renderTarget.texture.generateMipmaps = generateMipmaps renderTarget.activeCubeFace = 5 renderer.render(scene, cameraNZ, renderTarget) renderer.setRenderTarget(null) } this.clear = function (renderer, color, depth, stencil) { var renderTarget = this.renderTarget for (var i = 0; i < 6; i++) { renderTarget.activeCubeFace = i renderer.setRenderTarget(renderTarget) renderer.clear(color, depth, stencil) } renderer.setRenderTarget(null) } } CubeCamera.prototype = Object.create(Object3D.prototype) CubeCamera.prototype.constructor = CubeCamera /** * @author mrdoob / http://mrdoob.com/ */ function AudioListener () { Object3D.call(this) this.type = 'AudioListener' this.context = AudioContext.getContext() this.gain = this.context.createGain() this.gain.connect(this.context.destination) this.filter = null } AudioListener.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: AudioListener, getInput: function () { return this.gain }, removeFilter: function () { if (this.filter !== null) { this.gain.disconnect(this.filter) this.filter.disconnect(this.context.destination) this.gain.connect(this.context.destination) this.filter = null } }, getFilter: function () { return this.filter }, setFilter: function (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) }, getMasterVolume: function () { return this.gain.gain.value }, setMasterVolume: function (value) { this.gain.gain.setTargetAtTime(value, this.context.currentTime, 0.01) }, updateMatrixWorld: (function () { var position = new Vector3() var quaternion = new Quaternion() var scale = new Vector3() var orientation = new Vector3() return function updateMatrixWorld (force) { Object3D.prototype.updateMatrixWorld.call(this, force) var listener = this.context.listener var up = this.up this.matrixWorld.decompose(position, quaternion, scale) orientation.set(0, 0, -1).applyQuaternion(quaternion) if (listener.positionX) { listener.positionX.setValueAtTime(position.x, this.context.currentTime) listener.positionY.setValueAtTime(position.y, this.context.currentTime) listener.positionZ.setValueAtTime(position.z, this.context.currentTime) listener.forwardX.setValueAtTime(orientation.x, this.context.currentTime) listener.forwardY.setValueAtTime(orientation.y, this.context.currentTime) listener.forwardZ.setValueAtTime(orientation.z, this.context.currentTime) listener.upX.setValueAtTime(up.x, this.context.currentTime) listener.upY.setValueAtTime(up.y, this.context.currentTime) listener.upZ.setValueAtTime(up.z, this.context.currentTime) } else { listener.setPosition(position.x, position.y, position.z) listener.setOrientation(orientation.x, orientation.y, orientation.z, up.x, up.y, up.z) } } })() }) /** * @author mrdoob / http://mrdoob.com/ * @author Reece Aaron Lecrivain / http://reecenotes.com/ */ function Audio (listener) { Object3D.call(this) this.type = 'Audio' this.context = listener.context this.gain = this.context.createGain() this.gain.connect(listener.getInput()) this.autoplay = false this.buffer = null this.loop = false this.startTime = 0 this.offset = 0 this.playbackRate = 1 this.isPlaying = false this.hasPlaybackControl = true this.sourceType = 'empty' this.filters = [] } Audio.prototype = Object.assign(Object.create(Object3D.prototype), { constructor: Audio, getOutput: function () { return this.gain }, setNodeSource: function (audioNode) { this.hasPlaybackControl = false this.sourceType = 'audioNode' this.source = audioNode this.connect() return this }, setMediaElementSource: function (mediaElement) { this.hasPlaybackControl = false this.sourceType = 'mediaNode' this.source = this.context.createMediaElementSource(mediaElement) this.connect() return this }, setBuffer: function (audioBuffer) { this.buffer = audioBuffer this.sourceType = 'buffer' if (this.autoplay) this.play() return this }, play: function () { 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 } var source = this.context.createBufferSource() source.buffer = this.buffer source.loop = this.loop source.onended = this.onEnded.bind(this) source.playbackRate.setValueAtTime(this.playbackRate, this.startTime) this.startTime = this.context.currentTime source.start(this.startTime, this.offset) this.isPlaying = true this.source = source return this.connect() }, pause: function () { if (this.hasPlaybackControl === false) { console.warn('THREE.Audio: this Audio has no playback control.') return } if (this.isPlaying === true) { this.source.stop() this.offset += (this.context.currentTime - this.startTime) * this.playbackRate this.isPlaying = false } return this }, stop: function () { if (this.hasPlaybackControl === false) { console.warn('THREE.Audio: this Audio has no playback control.') return } this.source.stop() this.offset = 0 this.isPlaying = false return this }, connect: function () { 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()) } return this }, disconnect: function () { 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()) } return this }, getFilters: function () { return this.filters }, setFilters: function (value) { if (!value) value = [] if (this.isPlaying === true) { this.disconnect() this.filters = value this.connect() } else { this.filters = value } return this }, getFilter: function () { return this.getFilters()[0] }, setFilter: function (filter) { return this.setFilters(filter ? [filter] : []) }, setPlaybackRate: function (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.setValueAtTime(this.playbackRate, this.context.currentTime) } return this }, getPlaybackRate: function () { return this.playbackRate }, onEnded: function () { this.isPlaying = false }, getLoop: function () { if (this.hasPlaybackControl === false) { console.warn('THREE.Audio: this Audio has no playback control.') return false } return this.loop }, setLoop: function (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 }, getVolume: function () { return this.gain.gain.value }, setVolume: function (value) { this.gain.gain.setTargetAtTime(value, this.context.currentTime, 0.01) return this } }) /** * @author mrdoob / http://mrdoob.com/ */ function PositionalAudio (listener) { Audio.call(this, listener) this.panner = this.context.createPanner() this.panner.connect(this.gain) } PositionalAudio.prototype = Object.assign(Object.create(Audio.prototype), { constructor: PositionalAudio, getOutput: function () { return this.panner }, getRefDistance: function () { return this.panner.refDistance }, setRefDistance: function (value) { this.panner.refDistance = value }, getRolloffFactor: function () { return this.panner.rolloffFactor }, setRolloffFactor: function (value) { this.panner.rolloffFactor = value }, getDistanceModel: function () { return this.panner.distanceModel }, setDistanceModel: function (value) { this.panner.distanceModel = value }, getMaxDistance: function () { return this.panner.maxDistance }, setMaxDistance: function (value) { this.panner.maxDistance = value }, updateMatrixWorld: (function () { var position = new Vector3() return function updateMatrixWorld (force) { Object3D.prototype.updateMatrixWorld.call(this, force) position.setFromMatrixPosition(this.matrixWorld) this.panner.setPosition(position.x, position.y, position.z) } })() }) /** * @author mrdoob / http://mrdoob.com/ */ function AudioAnalyser (audio, fftSize) { this.analyser = audio.context.createAnalyser() this.analyser.fftSize = fftSize !== undefined ? fftSize : 2048 this.data = new Uint8Array(this.analyser.frequencyBinCount) audio.getOutput().connect(this.analyser) } Object.assign(AudioAnalyser.prototype, { getFrequencyData: function () { this.analyser.getByteFrequencyData(this.data) return this.data }, getAverageFrequency: function () { var value = 0; var data = this.getFrequencyData() for (var i = 0; i < data.length; i++) { value += data[i] } return value / data.length } }) /** * * Buffered scene graph property that allows weighted accumulation. * * * @author Ben Houston / http://clara.io/ * @author David Sarno / http://lighthaus.us/ * @author tschw */ function PropertyMixer (binding, typeName, valueSize) { this.binding = binding this.valueSize = valueSize var bufferType = Float64Array var mixFunction switch (typeName) { case 'quaternion': mixFunction = this._slerp break case 'string': case 'bool': bufferType = Array mixFunction = this._select break default: mixFunction = this._lerp } this.buffer = new bufferType(valueSize * 4) // layout: [ incoming | accu0 | accu1 | orig ] // // 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 this._mixBufferRegion = mixFunction this.cumulativeWeight = 0 this.useCount = 0 this.referenceCount = 0 } Object.assign(PropertyMixer.prototype, { // accumulate data in the 'incoming' region into 'accu' accumulate: function (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 var stride = this.valueSize var 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 }, // apply the state of 'accu' to the binding when accus differ apply: function (accuIndex) { var stride = this.valueSize var buffer = this.buffer var offset = accuIndex * stride + stride var weight = this.cumulativeWeight var binding = this.binding this.cumulativeWeight = 0 if (weight < 1) { // accuN := accuN + original * ( 1 - cumulativeWeight ) var originalValueOffset = stride * 3 this._mixBufferRegion( buffer, offset, originalValueOffset, 1 - weight, 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 () { var binding = this.binding var buffer = this.buffer var stride = this.valueSize var originalValueOffset = stride * 3 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)] } this.cumulativeWeight = 0 }, // apply the state previously taken via 'saveOriginalState' to the binding restoreOriginalState: function () { var originalValueOffset = this.valueSize * 3 this.binding.setValue(this.buffer, originalValueOffset) }, // mix functions _select: function (buffer, dstOffset, srcOffset, t, stride) { if (t >= 0.5) { for (var i = 0; i !== stride; ++i) { buffer[dstOffset + i] = buffer[srcOffset + i] } } }, _slerp: function (buffer, dstOffset, srcOffset, t) { Quaternion.slerpFlat(buffer, dstOffset, buffer, dstOffset, buffer, srcOffset, t) }, _lerp: function (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 } } }) /** * * A reference to a real property in the scene graph. * * * @author Ben Houston / http://clara.io/ * @author David Sarno / http://lighthaus.us/ * @author tschw */ // Characters [].:/ are reserved for track binding syntax. var RESERVED_CHARS_RE = '\\[\\]\\.:\\/' 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 (array, offset) { this.bind() // bind all binding var firstValidIndex = this._targetGroup.nCachedObjects_ var binding = this._bindings[firstValidIndex] // and only call .getValue on the first if (binding !== undefined) binding.getValue(array, offset) }, setValue: function (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 () { var bindings = this._bindings for (var i = this._targetGroup.nCachedObjects_, n = bindings.length; i !== n; ++i) { bindings[i].bind() } }, unbind: function () { 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 (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 () { var reservedRe = new RegExp('[' + RESERVED_CHARS_RE + ']', 'g') return function sanitizeNodeName (name) { return name.replace(/\s/g, '_').replace(reservedRe, '') } }()), parseTrackName: (function () { // 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'] return 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 a whitelist. 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 (root, nodeName) { if (!nodeName || nodeName === '' || nodeName === 'root' || 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 (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 () {}, _setValue_unavailable: function () {}, 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 () { 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 if (targetObject.needsUpdate !== undefined) { // material versioning = this.Versioning.NeedsUpdate this.targetObject = targetObject } else if (targetObject.matrixWorldNeedsUpdate !== undefined) { // node transform versioning = this.Versioning.MatrixWorldNeedsUpdate this.targetObject = targetObject } // 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 } for (var i = 0; i < this.node.geometry.morphAttributes.position.length; i++) { if (targetObject.geometry.morphAttributes.position[i].name === propertyIndex) { propertyIndex = i break } } } else { if (!targetObject.geometry.morphTargets) { console.error('THREE.PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.morphTargets.', this) return } for (var i = 0; i < this.node.geometry.morphTargets.length; i++) { if (targetObject.geometry.morphTargets[i].name === propertyIndex) { propertyIndex = i break } } } } 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 () { 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. * * @author tschw */ function AnimationObjectGroup () { this.uuid = _Math.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 () { var objects = this._objects var nObjects = objects.length var nCachedObjects = this.nCachedObjects_ var indicesByUUID = this._indicesByUUID var paths = this._paths var parsedPaths = this._parsedPaths var bindings = this._bindings var nBindings = bindings.length var knownObject = undefined for (var i = 0, n = arguments.length; i !== n; ++i) { var object = arguments[i] var 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 var 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] var 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 () { var objects = this._objects var nCachedObjects = this.nCachedObjects_ var indicesByUUID = this._indicesByUUID var bindings = this._bindings var nBindings = bindings.length for (var i = 0, n = arguments.length; i !== n; ++i) { var object = arguments[i] var uuid = object.uuid var index = indicesByUUID[uuid] if (index !== undefined && index >= nCachedObjects) { // move existing object into the CACHED region var lastCachedIndex = nCachedObjects++ var 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] var firstActive = bindingsForPath[lastCachedIndex] var binding = bindingsForPath[index] bindingsForPath[index] = firstActive bindingsForPath[lastCachedIndex] = binding } } } // for arguments this.nCachedObjects_ = nCachedObjects }, // remove & forget uncache: function () { var objects = this._objects var nObjects = objects.length var nCachedObjects = this.nCachedObjects_ var indicesByUUID = this._indicesByUUID var bindings = this._bindings var nBindings = bindings.length for (var i = 0, n = arguments.length; i !== n; ++i) { var object = arguments[i] var uuid = object.uuid var index = indicesByUUID[uuid] if (index !== undefined) { delete indicesByUUID[uuid] if (index < nCachedObjects) { // object is cached, shrink the CACHED region var firstActiveIndex = --nCachedObjects var lastCachedObject = objects[firstActiveIndex] var lastIndex = --nObjects var 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] var lastCached = bindingsForPath[firstActiveIndex] var 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 var lastObject = objects[lastIndex] indicesByUUID[lastObject.uuid] = index objects[index] = 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] 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 (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 var parsedPaths = this._parsedPaths var objects = this._objects var nObjects = objects.length var nCachedObjects = this.nCachedObjects_ var 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 (path) { // tells the group to forget about a property path and no longer // update the array previously obtained with 'subscribe_' var indicesByPath = this._bindingsIndicesByPath var index = indicesByPath[path] if (index !== undefined) { var paths = this._paths var parsedPaths = this._parsedPaths var bindings = this._bindings var lastBindingsIndex = bindings.length - 1 var lastBindings = bindings[lastBindingsIndex] var lastBindingsPath = path[lastBindingsIndex] indicesByPath[lastBindingsPath] = index bindings[index] = lastBindings bindings.pop() parsedPaths[index] = parsedPaths[lastBindingsIndex] parsedPaths.pop() paths[index] = paths[lastBindingsIndex] paths.pop() } } }) /** * * Action provided by AnimationMixer for scheduling clip playback on specific * objects. * * @author Ben Houston / http://clara.io/ * @author David Sarno / http://lighthaus.us/ * @author tschw * */ function AnimationAction (mixer, clip, localRoot) { this._mixer = mixer this._clip = clip this._localRoot = localRoot || null var tracks = clip.tracks var nTracks = tracks.length var 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 } Object.assign(AnimationAction.prototype, { // State & Scheduling play: function () { this._mixer._activateAction(this) return this }, stop: function () { this._mixer._deactivateAction(this) return this.reset() }, reset: function () { 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() }, isRunning: function () { return this.enabled && !this.paused && this.timeScale !== 0 && this._startTime === null && this._mixer._isActiveAction(this) }, // return true when play has been called isScheduled: function () { return this._mixer._isActiveAction(this) }, startAt: function (time) { this._startTime = time return this }, setLoop: function (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 setEffectiveWeight: function (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 getEffectiveWeight: function () { return this._effectiveWeight }, fadeIn: function (duration) { return this._scheduleFading(duration, 0, 1) }, fadeOut: function (duration) { return this._scheduleFading(duration, 1, 0) }, crossFadeFrom: function (fadeOutAction, duration, warp) { fadeOutAction.fadeOut(duration) this.fadeIn(duration) if (warp) { var fadeInDuration = this._clip.duration var fadeOutDuration = fadeOutAction._clip.duration var startEndRatio = fadeOutDuration / fadeInDuration var endStartRatio = fadeInDuration / fadeOutDuration fadeOutAction.warp(1.0, startEndRatio, duration) this.warp(endStartRatio, 1.0, duration) } return this }, crossFadeTo: function (fadeInAction, duration, warp) { return fadeInAction.crossFadeFrom(this, duration, warp) }, stopFading: function () { 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 setEffectiveTimeScale: function (timeScale) { this.timeScale = timeScale this._effectiveTimeScale = this.paused ? 0 : timeScale return this.stopWarping() }, // return the time scale considering warping and .paused getEffectiveTimeScale: function () { return this._effectiveTimeScale }, setDuration: function (duration) { this.timeScale = this._clip.duration / duration return this.stopWarping() }, syncWith: function (action) { this.time = action.time this.timeScale = action.timeScale return this.stopWarping() }, halt: function (duration) { return this.warp(this._effectiveTimeScale, 0, duration) }, warp: function (startTimeScale, endTimeScale, duration) { var mixer = this._mixer; var now = mixer.time var interpolant = this._timeScaleInterpolant var timeScale = this.timeScale if (interpolant === null) { interpolant = mixer._lendControlInterpolant() this._timeScaleInterpolant = interpolant } var times = interpolant.parameterPositions var values = interpolant.sampleValues times[0] = now times[1] = now + duration values[0] = startTimeScale / timeScale values[1] = endTimeScale / timeScale return this }, stopWarping: function () { var timeScaleInterpolant = this._timeScaleInterpolant if (timeScaleInterpolant !== null) { this._timeScaleInterpolant = null this._mixer._takeBackControlInterpolant(timeScaleInterpolant) } return this }, // Object Accessors getMixer: function () { return this._mixer }, getClip: function () { return this._clip }, getRoot: function () { return this._localRoot || this._mixer._root }, // Interna _update: function (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 for (var j = 0, m = interpolants.length; j !== m; ++j) { interpolants[j].evaluate(clipTime) propertyMixers[j].accumulate(accuIndex, weight) } } }, _updateWeight: function (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 }, _updateTimeScale: function (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 }, _updateTime: function (deltaTime) { var time = this.time + deltaTime if (deltaTime === 0) return time var duration = this._clip.duration var loop = this.loop var loopCount = this._loopCount 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 break handle_stop if (this.clampWhenFinished) this.paused = true else this.enabled = false this._mixer.dispatchEvent({ type: 'finished', action: this, direction: deltaTime < 0 ? -1 : 1 }) } } else { // repetitive Repeat or PingPong var pingPong = (loop === LoopPingPong) 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._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._mixer.dispatchEvent({ type: 'loop', action: this, loopDelta: loopDelta }) } } if (pingPong && (loopCount & 1) === 1) { // invert time for the "pong round" this.time = time return duration - time } } this.time = time return time }, _setEndings: function (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 } } }, _scheduleFading: function (duration, weightNow, weightThen) { var mixer = this._mixer; var now = mixer.time var interpolant = this._weightInterpolant if (interpolant === null) { interpolant = mixer._lendControlInterpolant() this._weightInterpolant = interpolant } var times = interpolant.parameterPositions var values = interpolant.sampleValues times[0] = now; values[0] = weightNow times[1] = now + duration; values[1] = weightThen return this } }) /** * * Player for AnimationClips. * * * @author Ben Houston / http://clara.io/ * @author David Sarno / http://lighthaus.us/ * @author tschw */ 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 (action, prototypeAction) { var root = action._localRoot || this._root var tracks = action._clip.tracks var nTracks = tracks.length var bindings = action._propertyBindings var interpolants = action._interpolants var rootUuid = root.uuid var 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] var 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 (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 var clipUuid = action._clip.uuid var 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 (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 () { 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 (action) { var index = action._cacheIndex return index !== null && index < this._nActiveActions }, _addInactiveAction: function (action, clipUuid, rootUuid) { var actions = this._actions var 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 (action) { var actions = this._actions var lastInactiveAction = actions[actions.length - 1] var cacheIndex = action._cacheIndex lastInactiveAction._cacheIndex = cacheIndex actions[cacheIndex] = lastInactiveAction actions.pop() action._cacheIndex = null var clipUuid = action._clip.uuid var actionsByClip = this._actionsByClip var actionsForClip = actionsByClip[clipUuid] var knownActionsForClip = actionsForClip.knownActions var lastKnownAction = knownActionsForClip[knownActionsForClip.length - 1] var byClipCacheIndex = action._byClipCacheIndex lastKnownAction._byClipCacheIndex = byClipCacheIndex knownActionsForClip[byClipCacheIndex] = lastKnownAction knownActionsForClip.pop() action._byClipCacheIndex = null var actionByRoot = actionsForClip.actionByRoot var rootUuid = (action._localRoot || this._root).uuid delete actionByRoot[rootUuid] if (knownActionsForClip.length === 0) { delete actionsByClip[clipUuid] } this._removeInactiveBindingsForAction(action) }, _removeInactiveBindingsForAction: function (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 (action) { // [ active actions | inactive actions ] // [ active actions >| inactive actions ] // s a // <-swap-> // a s var actions = this._actions var prevIndex = action._cacheIndex var lastActiveIndex = this._nActiveActions++ var firstInactiveAction = actions[lastActiveIndex] action._cacheIndex = lastActiveIndex actions[lastActiveIndex] = action firstInactiveAction._cacheIndex = prevIndex actions[prevIndex] = firstInactiveAction }, _takeBackAction: function (action) { // [ active actions | inactive actions ] // [ active actions |< inactive actions ] // a s // <-swap-> // s a var actions = this._actions var prevIndex = action._cacheIndex var firstInactiveIndex = --this._nActiveActions var lastActiveAction = actions[firstInactiveIndex] action._cacheIndex = firstInactiveIndex actions[firstInactiveIndex] = action lastActiveAction._cacheIndex = prevIndex actions[prevIndex] = lastActiveAction }, // Memory management for PropertyMixer objects _addInactiveBinding: function (binding, rootUuid, trackName) { var bindingsByRoot = this._bindingsByRootAndName var bindingByName = bindingsByRoot[rootUuid] var bindings = this._bindings if (bindingByName === undefined) { bindingByName = {} bindingsByRoot[rootUuid] = bindingByName } bindingByName[trackName] = binding binding._cacheIndex = bindings.length bindings.push(binding) }, _removeInactiveBinding: function (binding) { var bindings = this._bindings var propBinding = binding.binding var rootUuid = propBinding.rootNode.uuid var trackName = propBinding.path var bindingsByRoot = this._bindingsByRootAndName var bindingByName = bindingsByRoot[rootUuid] var lastInactiveBinding = bindings[bindings.length - 1] var cacheIndex = binding._cacheIndex lastInactiveBinding._cacheIndex = cacheIndex bindings[cacheIndex] = lastInactiveBinding bindings.pop() delete bindingByName[trackName] remove_empty_map: { for (var _ in bindingByName) break remove_empty_map // eslint-disable-line no-unused-vars delete bindingsByRoot[rootUuid] } }, _lendBinding: function (binding) { var bindings = this._bindings var prevIndex = binding._cacheIndex var lastActiveIndex = this._nActiveBindings++ var firstInactiveBinding = bindings[lastActiveIndex] binding._cacheIndex = lastActiveIndex bindings[lastActiveIndex] = binding firstInactiveBinding._cacheIndex = prevIndex bindings[prevIndex] = firstInactiveBinding }, _takeBackBinding: function (binding) { var bindings = this._bindings var prevIndex = binding._cacheIndex var firstInactiveIndex = --this._nActiveBindings var 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 () { var interpolants = this._controlInterpolants var 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 (interpolant) { var interpolants = this._controlInterpolants var prevIndex = interpolant.__cacheIndex var firstInactiveIndex = --this._nActiveControlInterpolants var 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 (clip, optionalRoot) { var root = optionalRoot || this._root var 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 (actionsForClip !== undefined) { var existingAction = actionsForClip.actionByRoot[rootUuid] if (existingAction !== undefined) { 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) 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 (clip, optionalRoot) { var root = optionalRoot || this._root var rootUuid = root.uuid var clipObject = typeof clip === 'string' ? AnimationClip.findByName(root, clip) : clip var clipUuid = clipObject ? clipObject.uuid : clip var actionsForClip = this._actionsByClip[clipUuid] if (actionsForClip !== undefined) { return actionsForClip.actionByRoot[rootUuid] || null } return null }, // deactivates all previously scheduled actions stopAllAction: function () { var actions = this._actions var nActions = this._nActiveActions var bindings = this._bindings var nBindings = this._nActiveBindings this._nActiveActions = 0 this._nActiveBindings = 0 for (var i = 0; i !== nActions; ++i) { actions[i].reset() } for (var i = 0; i !== nBindings; ++i) { bindings[i].useCount = 0 } return this }, // advance the time and update apply the animation update: function (deltaTime) { deltaTime *= this.timeScale var actions = this._actions var nActions = this._nActiveActions var time = this.time += deltaTime var timeDirection = Math.sign(deltaTime) var 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 var nBindings = this._nActiveBindings for (var i = 0; i !== nBindings; ++i) { bindings[i].apply(accuIndex) } return this }, // return this mixer's root target object getRoot: function () { return this._root }, // free all resources specific to a particular clip uncacheClip: function (clip) { var actions = this._actions var clipUuid = clip.uuid var actionsByClip = this._actionsByClip var 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 var 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 (root) { var rootUuid = root.uuid var actionsByClip = this._actionsByClip for (var clipUuid in actionsByClip) { var actionByRoot = actionsByClip[clipUuid].actionByRoot var action = actionByRoot[rootUuid] if (action !== undefined) { this._deactivateAction(action) this._removeInactiveAction(action) } } var bindingsByRoot = this._bindingsByRootAndName var 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 (clip, optionalRoot) { var action = this.existingAction(clip, optionalRoot) if (action !== null) { this._deactivateAction(action) this._removeInactiveAction(action) } } }) /** * @author mrdoob / http://mrdoob.com/ */ function Uniform (value) { if (typeof value === 'string') { console.warn('THREE.Uniform: Type parameter is no longer needed.') value = arguments[1] } this.value = value } Uniform.prototype.clone = function () { return new Uniform(this.value.clone === undefined ? this.value : this.value.clone()) } /** * @author benaadams / https://twitter.com/ben_a_adams */ function InstancedBufferGeometry () { BufferGeometry.call(this) this.type = 'InstancedBufferGeometry' this.maxInstancedCount = undefined } InstancedBufferGeometry.prototype = Object.assign(Object.create(BufferGeometry.prototype), { constructor: InstancedBufferGeometry, isInstancedBufferGeometry: true, copy: function (source) { BufferGeometry.prototype.copy.call(this, source) this.maxInstancedCount = source.maxInstancedCount return this }, clone: function () { return new this.constructor().copy(this) } }) /** * @author benaadams / https://twitter.com/ben_a_adams */ function InterleavedBufferAttribute (interleavedBuffer, itemSize, offset, normalized) { this.data = interleavedBuffer this.itemSize = itemSize this.offset = offset this.normalized = normalized === true } Object.defineProperties(InterleavedBufferAttribute.prototype, { count: { get: function () { return this.data.count } }, array: { get: function () { return this.data.array } } }) Object.assign(InterleavedBufferAttribute.prototype, { isInterleavedBufferAttribute: true, setX: function (index, x) { this.data.array[index * this.data.stride + this.offset] = x return this }, setY: function (index, y) { this.data.array[index * this.data.stride + this.offset + 1] = y return this }, setZ: function (index, z) { this.data.array[index * this.data.stride + this.offset + 2] = z return this }, setW: function (index, w) { this.data.array[index * this.data.stride + this.offset + 3] = w return this }, getX: function (index) { return this.data.array[index * this.data.stride + this.offset] }, getY: function (index) { return this.data.array[index * this.data.stride + this.offset + 1] }, getZ: function (index) { return this.data.array[index * this.data.stride + this.offset + 2] }, getW: function (index) { return this.data.array[index * this.data.stride + this.offset + 3] }, setXY: function (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 (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 (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 } }) /** * @author benaadams / https://twitter.com/ben_a_adams */ function InterleavedBuffer (array, stride) { this.array = array this.stride = stride this.count = array !== undefined ? array.length / stride : 0 this.dynamic = false this.updateRange = { offset: 0, count: -1 } this.version = 0 } Object.defineProperty(InterleavedBuffer.prototype, 'needsUpdate', { set: function (value) { if (value === true) this.version++ } }) Object.assign(InterleavedBuffer.prototype, { isInterleavedBuffer: true, onUploadCallback: function () {}, setArray: function (array) { if (Array.isArray(array)) { throw new TypeError('THREE.BufferAttribute: array should be a Typed Array.') } this.count = array !== undefined ? array.length / this.stride : 0 this.array = array return this }, setDynamic: function (value) { this.dynamic = value return this }, copy: function (source) { this.array = new source.array.constructor(source.array) this.count = source.count this.stride = source.stride this.dynamic = source.dynamic return this }, copyAt: function (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 (value, offset) { if (offset === undefined) offset = 0 this.array.set(value, offset) return this }, clone: function () { return new this.constructor().copy(this) }, onUpload: function (callback) { this.onUploadCallback = callback return this } }) /** * @author benaadams / https://twitter.com/ben_a_adams */ 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 (source) { InterleavedBuffer.prototype.copy.call(this, source) this.meshPerAttribute = source.meshPerAttribute return this } }) /** * @author benaadams / https://twitter.com/ben_a_adams */ function InstancedBufferAttribute (array, itemSize, meshPerAttribute) { BufferAttribute.call(this, array, itemSize) this.meshPerAttribute = meshPerAttribute || 1 } InstancedBufferAttribute.prototype = Object.assign(Object.create(BufferAttribute.prototype), { constructor: InstancedBufferAttribute, isInstancedBufferAttribute: true, copy: function (source) { BufferAttribute.prototype.copy.call(this, source) this.meshPerAttribute = source.meshPerAttribute return this } }) /** * @author mrdoob / http://mrdoob.com/ * @author bhouston / http://clara.io/ * @author stephomi / http://stephaneginier.com/ */ 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.params = { Mesh: {}, Line: {}, LOD: {}, Points: { threshold: 1 }, Sprite: {} } Object.defineProperties(this.params, { PointCloud: { get: function () { 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.visible === false) return 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, { linePrecision: 1, set: function (origin, direction) { // direction is assumed to be normalized (for accurate distance calculations) this.ray.set(origin, direction) }, setFromCamera: function (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() } 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) } else { console.error('THREE.Raycaster: Unsupported camera type.') } }, intersectObject: function (object, recursive, optionalTarget) { var intersects = optionalTarget || [] intersectObject(object, this, intersects, recursive) intersects.sort(ascSort) return intersects }, intersectObjects: function (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 } }) /** * @author alteredq / http://alteredqualia.com/ */ function Clock (autoStart) { this.autoStart = (autoStart !== undefined) ? autoStart : true this.startTime = 0 this.oldTime = 0 this.elapsedTime = 0 this.running = false } Object.assign(Clock.prototype, { start: function () { this.startTime = (typeof performance === 'undefined' ? Date : performance).now() // see #10732 this.oldTime = this.startTime this.elapsedTime = 0 this.running = true }, stop: function () { this.getElapsedTime() this.running = false this.autoStart = false }, getElapsedTime: function () { this.getDelta() return this.elapsedTime }, getDelta: function () { var diff = 0 if (this.autoStart && !this.running) { this.start() return 0 } if (this.running) { var newTime = (typeof performance === 'undefined' ? Date : performance).now() diff = (newTime - this.oldTime) / 1000 this.oldTime = newTime this.elapsedTime += diff } return diff } }) /** * @author bhouston / http://clara.io * @author WestLangley / http://github.com/WestLangley * * Ref: https://en.wikipedia.org/wiki/Spherical_coordinate_system * * The poles (phi) are at the positive and negative y axis. * The equator starts at positive z. */ function Spherical (radius, phi, theta) { this.radius = (radius !== undefined) ? radius : 1.0 this.phi = (phi !== undefined) ? phi : 0 // up / down towards top and bottom pole this.theta = (theta !== undefined) ? theta : 0 // around the equator of the sphere return this } Object.assign(Spherical.prototype, { set: function (radius, phi, theta) { this.radius = radius this.phi = phi this.theta = theta return this }, clone: function () { return new this.constructor().copy(this) }, copy: function (other) { this.radius = other.radius this.phi = other.phi this.theta = other.theta return this }, // restrict phi to be betwee EPS and PI-EPS makeSafe: function () { var EPS = 0.000001 this.phi = Math.max(EPS, Math.min(Math.PI - EPS, this.phi)) return this }, setFromVector3: function (vec3) { this.radius = vec3.length() if (this.radius === 0) { this.theta = 0 this.phi = 0 } else { this.theta = Math.atan2(vec3.x, vec3.z) // equator angle around y-up axis this.phi = Math.acos(_Math.clamp(vec3.y / this.radius, -1, 1)) // polar angle } return this } }) /** * @author Mugen87 / https://github.com/Mugen87 * * Ref: https://en.wikipedia.org/wiki/Cylindrical_coordinate_system * */ 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 } Object.assign(Cylindrical.prototype, { set: function (radius, theta, y) { this.radius = radius this.theta = theta this.y = y return this }, clone: function () { return new this.constructor().copy(this) }, copy: function (other) { this.radius = other.radius this.theta = other.theta this.y = other.y return this }, setFromVector3: function (vec3) { this.radius = Math.sqrt(vec3.x * vec3.x + vec3.z * vec3.z) this.theta = Math.atan2(vec3.x, vec3.z) this.y = vec3.y return this } }) /** * @author bhouston / http://clara.io */ function Box2 (min, max) { this.min = (min !== undefined) ? min : new Vector2(+Infinity, +Infinity) this.max = (max !== undefined) ? max : new Vector2(-Infinity, -Infinity) } Object.assign(Box2.prototype, { set: function (min, max) { this.min.copy(min) this.max.copy(max) return this }, setFromPoints: function (points) { this.makeEmpty() for (var i = 0, il = points.length; i < il; i++) { this.expandByPoint(points[i]) } return this }, setFromCenterAndSize: (function () { var v1 = new Vector2() return function setFromCenterAndSize (center, size) { var halfSize = v1.copy(size).multiplyScalar(0.5) this.min.copy(center).sub(halfSize) this.max.copy(center).add(halfSize) return this } }()), clone: function () { return new this.constructor().copy(this) }, copy: function (box) { this.min.copy(box.min) this.max.copy(box.max) return this }, makeEmpty: function () { this.min.x = this.min.y = +Infinity this.max.x = this.max.y = -Infinity return this }, isEmpty: function () { // 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) }, getCenter: function (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) }, getSize: function (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) }, expandByPoint: function (point) { this.min.min(point) this.max.max(point) return this }, expandByVector: function (vector) { this.min.sub(vector) this.max.add(vector) return this }, expandByScalar: function (scalar) { this.min.addScalar(-scalar) this.max.addScalar(scalar) return this }, containsPoint: function (point) { return !(point.x < this.min.x || point.x > this.max.x || point.y < this.min.y || point.y > this.max.y) }, containsBox: function (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 }, getParameter: function (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) ) }, intersectsBox: function (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) }, clampPoint: function (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) }, distanceToPoint: (function () { var v1 = new Vector2() return function distanceToPoint (point) { var clampedPoint = v1.copy(point).clamp(this.min, this.max) return clampedPoint.sub(point).length() } }()), intersect: function (box) { this.min.max(box.min) this.max.min(box.max) return this }, union: function (box) { this.min.min(box.min) this.max.max(box.max) return this }, translate: function (offset) { this.min.add(offset) this.max.add(offset) return this }, equals: function (box) { return box.min.equals(this.min) && box.max.equals(this.max) } }) /** * @author alteredq / http://alteredqualia.com/ */ function ImmediateRenderObject (material) { Object3D.call(this) this.material = material this.render = function (/* renderCallback */) {} } ImmediateRenderObject.prototype = Object.create(Object3D.prototype) ImmediateRenderObject.prototype.constructor = ImmediateRenderObject ImmediateRenderObject.prototype.isImmediateRenderObject = true /** * @author mrdoob / http://mrdoob.com/ * @author WestLangley / http://github.com/WestLangley */ function VertexNormalsHelper (object, size, hex, linewidth) { this.object = object this.size = (size !== undefined) ? size : 1 var color = (hex !== undefined) ? hex : 0xff0000 var width = (linewidth !== undefined) ? linewidth : 1 // var nNormals = 0 var objGeometry = this.object.geometry if (objGeometry && objGeometry.isGeometry) { nNormals = objGeometry.faces.length * 3 } else if (objGeometry && objGeometry.isBufferGeometry) { nNormals = objGeometry.attributes.normal.count } // var geometry = new BufferGeometry() var positions = new Float32BufferAttribute(nNormals * 2 * 3, 3) geometry.addAttribute('position', positions) LineSegments.call(this, geometry, new LineBasicMaterial({ color: color, linewidth: width })) // this.matrixAutoUpdate = false this.update() } VertexNormalsHelper.prototype = Object.create(LineSegments.prototype) VertexNormalsHelper.prototype.constructor = VertexNormalsHelper VertexNormalsHelper.prototype.update = (function () { var v1 = new Vector3() var v2 = new Vector3() var normalMatrix = new Matrix3() return function update () { var keys = ['a', 'b', 'c'] this.object.updateMatrixWorld(true) normalMatrix.getNormalMatrix(this.object.matrixWorld) var matrixWorld = this.object.matrixWorld var position = this.geometry.attributes.position // var objGeometry = this.object.geometry if (objGeometry && objGeometry.isGeometry) { var vertices = objGeometry.vertices var faces = objGeometry.faces var idx = 0 for (var i = 0, l = faces.length; i < l; i++) { var face = faces[i] for (var j = 0, jl = face.vertexNormals.length; j < jl; j++) { var vertex = vertices[face[keys[j]]] var normal = face.vertexNormals[j] v1.copy(vertex).applyMatrix4(matrixWorld) v2.copy(normal).applyMatrix3(normalMatrix).normalize().multiplyScalar(this.size).add(v1) position.setXYZ(idx, v1.x, v1.y, v1.z) idx = idx + 1 position.setXYZ(idx, v2.x, v2.y, v2.z) idx = idx + 1 } } } else if (objGeometry && objGeometry.isBufferGeometry) { var objPos = objGeometry.attributes.position var objNorm = objGeometry.attributes.normal var idx = 0 // for simplicity, ignore index and drawcalls, and render every normal for (var j = 0, jl = objPos.count; j < jl; j++) { v1.set(objPos.getX(j), objPos.getY(j), objPos.getZ(j)).applyMatrix4(matrixWorld) v2.set(objNorm.getX(j), objNorm.getY(j), objNorm.getZ(j)) v2.applyMatrix3(normalMatrix).normalize().multiplyScalar(this.size).add(v1) position.setXYZ(idx, v1.x, v1.y, v1.z) idx = idx + 1 position.setXYZ(idx, v2.x, v2.y, v2.z) idx = idx + 1 } } position.needsUpdate = true } }()) /** * @author alteredq / http://alteredqualia.com/ * @author mrdoob / http://mrdoob.com/ * @author WestLangley / http://github.com/WestLangley */ function SpotLightHelper (light, color) { Object3D.call(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.addAttribute('position', new Float32BufferAttribute(positions, 3)) var material = new LineBasicMaterial({ fog: false }) this.cone = new LineSegments(geometry, material) this.add(this.cone) this.update() } SpotLightHelper.prototype = Object.create(Object3D.prototype) SpotLightHelper.prototype.constructor = SpotLightHelper SpotLightHelper.prototype.dispose = function () { this.cone.geometry.dispose() this.cone.material.dispose() } SpotLightHelper.prototype.update = (function () { var vector = new Vector3() var vector2 = new Vector3() return 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.setFromMatrixPosition(this.light.matrixWorld) vector2.setFromMatrixPosition(this.light.target.matrixWorld) this.cone.lookAt(vector2.sub(vector)) if (this.color !== undefined) { this.cone.material.color.set(this.color) } else { this.cone.material.color.copy(this.light.color) } } }()) /** * @author Sean Griffin / http://twitter.com/sgrif * @author Michael Guerrero / http://realitymeltdown.com * @author mrdoob / http://mrdoob.com/ * @author ikerr / http://verold.com * @author Mugen87 / https://github.com/Mugen87 */ 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 } function SkeletonHelper (object) { 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.addAttribute('position', new Float32BufferAttribute(vertices, 3)) geometry.addAttribute('color', new Float32BufferAttribute(colors, 3)) var material = new LineBasicMaterial({ vertexColors: VertexColors, depthTest: false, depthWrite: false, transparent: true }) LineSegments.call(this, geometry, material) this.root = object this.bones = bones this.matrix = object.matrixWorld this.matrixAutoUpdate = false } SkeletonHelper.prototype = Object.create(LineSegments.prototype) SkeletonHelper.prototype.constructor = SkeletonHelper SkeletonHelper.prototype.updateMatrixWorld = (function () { var vector = new Vector3() var boneMatrix = new Matrix4() var matrixWorldInv = new Matrix4() return function updateMatrixWorld (force) { var bones = this.bones var geometry = this.geometry var position = geometry.getAttribute('position') matrixWorldInv.getInverse(this.root.matrixWorld) 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.setFromMatrixPosition(boneMatrix) position.setXYZ(j, vector.x, vector.y, vector.z) boneMatrix.multiplyMatrices(matrixWorldInv, bone.parent.matrixWorld) vector.setFromMatrixPosition(boneMatrix) position.setXYZ(j + 1, vector.x, vector.y, vector.z) j += 2 } } geometry.getAttribute('position').needsUpdate = true Object3D.prototype.updateMatrixWorld.call(this, force) } }()) /** * @author alteredq / http://alteredqualia.com/ * @author mrdoob / http://mrdoob.com/ */ function PointLightHelper (light, sphereSize, color) { this.light = light this.light.updateMatrixWorld() this.color = color var geometry = new SphereBufferGeometry(sphereSize, 4, 2) var material = new MeshBasicMaterial({ wireframe: true, fog: false }) Mesh.call(this, geometry, material) this.matrix = this.light.matrixWorld this.matrixAutoUpdate = false this.update() /* var distanceGeometry = new THREE.IcosahedronGeometry( 1, 2 ); var 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 ); var d = light.distance; if ( d === 0.0 ) { this.lightDistance.visible = false; } else { this.lightDistance.scale.set( d, d, d ); } this.add( this.lightDistance ); */ } PointLightHelper.prototype = Object.create(Mesh.prototype) PointLightHelper.prototype.constructor = PointLightHelper PointLightHelper.prototype.dispose = function () { this.geometry.dispose() this.material.dispose() } PointLightHelper.prototype.update = function () { if (this.color !== undefined) { this.material.color.set(this.color) } else { this.material.color.copy(this.light.color) } /* var d = this.light.distance; if ( d === 0.0 ) { this.lightDistance.visible = false; } else { this.lightDistance.visible = true; this.lightDistance.scale.set( d, d, d ); } */ } /** * @author abelnation / http://github.com/abelnation * @author Mugen87 / http://github.com/Mugen87 * @author WestLangley / http://github.com/WestLangley */ function RectAreaLightHelper (light, color) { Object3D.call(this) this.light = light this.light.updateMatrixWorld() this.matrix = light.matrixWorld this.matrixAutoUpdate = false this.color = color var material = new LineBasicMaterial({ fog: false }) var geometry = new BufferGeometry() geometry.addAttribute('position', new BufferAttribute(new Float32Array(5 * 3), 3)) this.line = new Line(geometry, material) this.add(this.line) this.update() } RectAreaLightHelper.prototype = Object.create(Object3D.prototype) RectAreaLightHelper.prototype.constructor = RectAreaLightHelper RectAreaLightHelper.prototype.dispose = function () { this.children[0].geometry.dispose() this.children[0].material.dispose() } RectAreaLightHelper.prototype.update = function () { // calculate new dimensions of the helper var hx = this.light.width * 0.5 var hy = this.light.height * 0.5 var position = this.line.geometry.attributes.position var array = position.array // update vertices array[0] = hx; array[1] = -hy; array[2] = 0 array[3] = hx; array[4] = hy; array[5] = 0 array[6] = -hx; array[7] = hy; array[8] = 0 array[9] = -hx; array[10] = -hy; array[11] = 0 array[12] = hx; array[13] = -hy; array[14] = 0 position.needsUpdate = true if (this.color !== undefined) { this.line.material.color.set(this.color) } else { this.line.material.color.copy(this.light.color) } } /** * @author alteredq / http://alteredqualia.com/ * @author mrdoob / http://mrdoob.com/ * @author Mugen87 / https://github.com/Mugen87 */ function HemisphereLightHelper (light, size, color) { Object3D.call(this) this.light = light this.light.updateMatrixWorld() this.matrix = light.matrixWorld this.matrixAutoUpdate = false this.color = color var geometry = new OctahedronBufferGeometry(size) geometry.rotateY(Math.PI * 0.5) this.material = new MeshBasicMaterial({ wireframe: true, fog: false }) if (this.color === undefined) this.material.vertexColors = VertexColors var position = geometry.getAttribute('position') var colors = new Float32Array(position.count * 3) geometry.addAttribute('color', new BufferAttribute(colors, 3)) this.add(new Mesh(geometry, this.material)) this.update() } HemisphereLightHelper.prototype = Object.create(Object3D.prototype) HemisphereLightHelper.prototype.constructor = HemisphereLightHelper HemisphereLightHelper.prototype.dispose = function () { this.children[0].geometry.dispose() this.children[0].material.dispose() } HemisphereLightHelper.prototype.update = (function () { var vector = new Vector3() var color1 = new Color() var color2 = new Color() return 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.setFromMatrixPosition(this.light.matrixWorld).negate()) } }()) /** * @author mrdoob / http://mrdoob.com/ */ function GridHelper (size, divisions, color1, color2) { size = size || 10 divisions = divisions || 10 color1 = new Color(color1 !== undefined ? color1 : 0x444444) color2 = new Color(color2 !== undefined ? color2 : 0x888888) var center = divisions / 2 var step = size / divisions var halfSize = size / 2 var vertices = []; var 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.addAttribute('position', new Float32BufferAttribute(vertices, 3)) geometry.addAttribute('color', new Float32BufferAttribute(colors, 3)) var material = new LineBasicMaterial({ vertexColors: VertexColors }) LineSegments.call(this, geometry, material) } GridHelper.prototype = Object.create(LineSegments.prototype) GridHelper.prototype.constructor = GridHelper /** * @author mrdoob / http://mrdoob.com/ * @author Mugen87 / http://github.com/Mugen87 * @author Hectate / http://www.github.com/Hectate */ function PolarGridHelper (radius, radials, circles, divisions, color1, color2) { radius = radius || 10 radials = radials || 16 circles = circles || 8 divisions = divisions || 64 color1 = new Color(color1 !== undefined ? color1 : 0x444444) color2 = new Color(color2 !== undefined ? color2 : 0x888888) var vertices = [] var colors = [] var x, z var v, i, j, r, color // create the radials for (i = 0; i <= radials; i++) { v = (i / radials) * (Math.PI * 2) x = Math.sin(v) * radius z = Math.cos(v) * radius vertices.push(0, 0, 0) vertices.push(x, 0, z) 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 (i = 0; i <= circles; i++) { color = (i & 1) ? color1 : color2 r = radius - (radius / circles * i) for (j = 0; j < divisions; j++) { // first vertex v = (j / 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) // 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.addAttribute('position', new Float32BufferAttribute(vertices, 3)) geometry.addAttribute('color', new Float32BufferAttribute(colors, 3)) var material = new LineBasicMaterial({ vertexColors: VertexColors }) LineSegments.call(this, geometry, material) } PolarGridHelper.prototype = Object.create(LineSegments.prototype) PolarGridHelper.prototype.constructor = PolarGridHelper /** * @author mrdoob / http://mrdoob.com/ * @author WestLangley / http://github.com/WestLangley */ function FaceNormalsHelper (object, size, hex, linewidth) { // FaceNormalsHelper only supports THREE.Geometry this.object = object this.size = (size !== undefined) ? size : 1 var color = (hex !== undefined) ? hex : 0xffff00 var width = (linewidth !== undefined) ? linewidth : 1 // var nNormals = 0 var objGeometry = this.object.geometry if (objGeometry && objGeometry.isGeometry) { nNormals = objGeometry.faces.length } else { console.warn('THREE.FaceNormalsHelper: only THREE.Geometry is supported. Use THREE.VertexNormalsHelper, instead.') } // var geometry = new BufferGeometry() var positions = new Float32BufferAttribute(nNormals * 2 * 3, 3) geometry.addAttribute('position', positions) LineSegments.call(this, geometry, new LineBasicMaterial({ color: color, linewidth: width })) // this.matrixAutoUpdate = false this.update() } FaceNormalsHelper.prototype = Object.create(LineSegments.prototype) FaceNormalsHelper.prototype.constructor = FaceNormalsHelper FaceNormalsHelper.prototype.update = (function () { var v1 = new Vector3() var v2 = new Vector3() var normalMatrix = new Matrix3() return function update () { this.object.updateMatrixWorld(true) normalMatrix.getNormalMatrix(this.object.matrixWorld) var matrixWorld = this.object.matrixWorld var position = this.geometry.attributes.position // var objGeometry = this.object.geometry var vertices = objGeometry.vertices var faces = objGeometry.faces var idx = 0 for (var i = 0, l = faces.length; i < l; i++) { var face = faces[i] var normal = face.normal v1.copy(vertices[face.a]) .add(vertices[face.b]) .add(vertices[face.c]) .divideScalar(3) .applyMatrix4(matrixWorld) v2.copy(normal).applyMatrix3(normalMatrix).normalize().multiplyScalar(this.size).add(v1) position.setXYZ(idx, v1.x, v1.y, v1.z) idx = idx + 1 position.setXYZ(idx, v2.x, v2.y, v2.z) idx = idx + 1 } position.needsUpdate = true } }()) /** * @author alteredq / http://alteredqualia.com/ * @author mrdoob / http://mrdoob.com/ * @author WestLangley / http://github.com/WestLangley */ function DirectionalLightHelper (light, size, color) { Object3D.call(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.addAttribute('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 }) this.lightPlane = new Line(geometry, material) this.add(this.lightPlane) geometry = new BufferGeometry() geometry.addAttribute('position', new Float32BufferAttribute([0, 0, 0, 0, 0, 1], 3)) this.targetLine = new Line(geometry, material) this.add(this.targetLine) this.update() } DirectionalLightHelper.prototype = Object.create(Object3D.prototype) DirectionalLightHelper.prototype.constructor = DirectionalLightHelper DirectionalLightHelper.prototype.dispose = function () { this.lightPlane.geometry.dispose() this.lightPlane.material.dispose() this.targetLine.geometry.dispose() this.targetLine.material.dispose() } DirectionalLightHelper.prototype.update = (function () { var v1 = new Vector3() var v2 = new Vector3() var v3 = new Vector3() return function update () { v1.setFromMatrixPosition(this.light.matrixWorld) v2.setFromMatrixPosition(this.light.target.matrixWorld) v3.subVectors(v2, v1) this.lightPlane.lookAt(v3) 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(v3) this.targetLine.scale.z = v3.length() } }()) /** * @author alteredq / http://alteredqualia.com/ * @author Mugen87 / https://github.com/Mugen87 * * - 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 */ function CameraHelper (camera) { var geometry = new BufferGeometry() var material = new LineBasicMaterial({ color: 0xffffff, vertexColors: FaceColors }) 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.addAttribute('position', new Float32BufferAttribute(vertices, 3)) geometry.addAttribute('color', new Float32BufferAttribute(colors, 3)) LineSegments.call(this, geometry, material) this.camera = camera if (this.camera.updateProjectionMatrix) this.camera.updateProjectionMatrix() this.matrix = camera.matrixWorld this.matrixAutoUpdate = false this.pointMap = pointMap this.update() } CameraHelper.prototype = Object.create(LineSegments.prototype) CameraHelper.prototype.constructor = CameraHelper CameraHelper.prototype.update = (function () { var geometry, pointMap var vector = new Vector3() var camera = new Camera() function setPoint (point, x, y, z) { vector.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.x, vector.y, vector.z) } } } return function update () { geometry = this.geometry pointMap = this.pointMap var w = 1; var h = 1 // we need just camera projection matrix // world matrix must be identity camera.projectionMatrix.copy(this.camera.projectionMatrix) // center / target setPoint('c', 0, 0, -1) setPoint('t', 0, 0, 1) // near setPoint('n1', -w, -h, -1) setPoint('n2', w, -h, -1) setPoint('n3', -w, h, -1) setPoint('n4', w, h, -1) // far setPoint('f1', -w, -h, 1) setPoint('f2', w, -h, 1) setPoint('f3', -w, h, 1) setPoint('f4', w, h, 1) // up setPoint('u1', w * 0.7, h * 1.1, -1) setPoint('u2', -w * 0.7, h * 1.1, -1) setPoint('u3', 0, h * 2, -1) // cross setPoint('cf1', -w, 0, 1) setPoint('cf2', w, 0, 1) setPoint('cf3', 0, -h, 1) setPoint('cf4', 0, h, 1) setPoint('cn1', -w, 0, -1) setPoint('cn2', w, 0, -1) setPoint('cn3', 0, -h, -1) setPoint('cn4', 0, h, -1) geometry.getAttribute('position').needsUpdate = true } }()) /** * @author mrdoob / http://mrdoob.com/ * @author Mugen87 / http://github.com/Mugen87 */ function BoxHelper (object, color) { this.object = object if (color === undefined) 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.addAttribute('position', new BufferAttribute(positions, 3)) LineSegments.call(this, geometry, new LineBasicMaterial({ color: color })) this.matrixAutoUpdate = false this.update() } BoxHelper.prototype = Object.create(LineSegments.prototype) BoxHelper.prototype.constructor = BoxHelper BoxHelper.prototype.update = (function () { var box = new Box3() return function update (object) { if (object !== undefined) { console.warn('THREE.BoxHelper: .update() has no longer arguments.') } if (this.object !== undefined) { box.setFromObject(this.object) } if (box.isEmpty()) return var min = box.min var max = box.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() } })() BoxHelper.prototype.setFromObject = function (object) { this.object = object this.update() return this } /** * @author WestLangley / http://github.com/WestLangley */ function Box3Helper (box, hex) { this.type = 'Box3Helper' this.box = box var color = (hex !== undefined) ? hex : 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.addAttribute('position', new Float32BufferAttribute(positions, 3)) LineSegments.call(this, geometry, new LineBasicMaterial({ color: color })) this.geometry.computeBoundingSphere() } Box3Helper.prototype = Object.create(LineSegments.prototype) Box3Helper.prototype.constructor = Box3Helper Box3Helper.prototype.updateMatrixWorld = function (force) { var box = this.box if (box.isEmpty()) return box.getCenter(this.position) box.getSize(this.scale) this.scale.multiplyScalar(0.5) Object3D.prototype.updateMatrixWorld.call(this, force) } /** * @author WestLangley / http://github.com/WestLangley */ function PlaneHelper (plane, size, hex) { this.type = 'PlaneHelper' this.plane = plane this.size = (size === undefined) ? 1 : size var color = (hex !== undefined) ? hex : 0xffff00 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.addAttribute('position', new Float32BufferAttribute(positions, 3)) geometry.computeBoundingSphere() Line.call(this, geometry, new LineBasicMaterial({ color: color })) // 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.addAttribute('position', new Float32BufferAttribute(positions2, 3)) geometry2.computeBoundingSphere() this.add(new Mesh(geometry2, new MeshBasicMaterial({ color: color, opacity: 0.2, transparent: true, depthWrite: false }))) } PlaneHelper.prototype = Object.create(Line.prototype) PlaneHelper.prototype.constructor = PlaneHelper PlaneHelper.prototype.updateMatrixWorld = function (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) Object3D.prototype.updateMatrixWorld.call(this, force) } /** * @author WestLangley / http://github.com/WestLangley * @author zz85 / http://github.com/zz85 * @author bhouston / http://clara.io * * Creates an arrow for visualizing directions * * Parameters: * dir - Vector3 * origin - Vector3 * length - Number * color - color in hex value * headLength - Number * headWidth - Number */ var lineGeometry, coneGeometry function ArrowHelper (dir, origin, length, color, headLength, headWidth) { // dir is assumed to be normalized Object3D.call(this) if (color === undefined) color = 0xffff00 if (length === undefined) length = 1 if (headLength === undefined) headLength = 0.2 * length if (headWidth === undefined) headWidth = 0.2 * headLength if (lineGeometry === undefined) { lineGeometry = new BufferGeometry() lineGeometry.addAttribute('position', new Float32BufferAttribute([0, 0, 0, 0, 1, 0], 3)) coneGeometry = new CylinderBufferGeometry(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 })) this.line.matrixAutoUpdate = false this.add(this.line) this.cone = new Mesh(coneGeometry, new MeshBasicMaterial({ color: color })) this.cone.matrixAutoUpdate = false this.add(this.cone) this.setDirection(dir) this.setLength(length, headLength, headWidth) } ArrowHelper.prototype = Object.create(Object3D.prototype) ArrowHelper.prototype.constructor = ArrowHelper ArrowHelper.prototype.setDirection = (function () { var axis = new Vector3() var radians return 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() radians = Math.acos(dir.y) this.quaternion.setFromAxisAngle(axis, radians) } } }()) ArrowHelper.prototype.setLength = function (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, length - headLength), 1) this.line.updateMatrix() this.cone.scale.set(headWidth, headLength, headWidth) this.cone.position.y = length this.cone.updateMatrix() } ArrowHelper.prototype.setColor = function (color) { this.line.material.color.copy(color) this.cone.material.color.copy(color) } /** * @author sroucheray / http://sroucheray.org/ * @author mrdoob / http://mrdoob.com/ */ function AxesHelper (size) { size = 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.addAttribute('position', new Float32BufferAttribute(vertices, 3)) geometry.addAttribute('color', new Float32BufferAttribute(colors, 3)) var material = new LineBasicMaterial({ vertexColors: VertexColors }) LineSegments.call(this, geometry, material) } AxesHelper.prototype = Object.create(LineSegments.prototype) AxesHelper.prototype.constructor = AxesHelper // 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(CurvePath.prototype, { createPointsGeometry: function (divisions) { console.warn('THREE.CurvePath: .createPointsGeometry() has been removed. Use new THREE.Geometry().setFromPoints( points ) instead.') // generate geometry from path points (for Line or Points objects) var pts = this.getPoints(divisions) return this.createGeometry(pts) }, createSpacedPointsGeometry: function (divisions) { console.warn('THREE.CurvePath: .createSpacedPointsGeometry() has been removed. Use new THREE.Geometry().setFromPoints( points ) instead.') // generate geometry from equidistant sampling along the path var pts = this.getSpacedPoints(divisions) return this.createGeometry(pts) }, createGeometry: function (points) { console.warn('THREE.CurvePath: .createGeometry() has been removed. Use new THREE.Geometry().setFromPoints( points ) instead.') var geometry = new Geometry() for (var i = 0, l = points.length; i < l; i++) { var point = points[i] geometry.vertices.push(new Vector3(point.x, point.y, point.z || 0)) } return geometry } }) // Object.assign(Path.prototype, { fromPoints: function (points) { console.warn('THREE.Path: .fromPoints() has been renamed to .setFromPoints().') this.setFromPoints(points) } }) // 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 (/* a */) { console.error('THREE.Spline: .initFromArray() has been removed.') }, getControlPointsArray: function (/* optionalTarget */) { console.error('THREE.Spline: .getControlPointsArray() has been removed.') }, reparametrizeByArcLength: function (/* samplingCoef */) { console.error('THREE.Spline: .reparametrizeByArcLength() has been removed.') } }) 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.') } // Object.assign(Loader.prototype, { extractUrlBase: function (url) { console.warn('THREE.Loader: .extractUrlBase() has been deprecated. Use THREE.LoaderUtils.extractUrlBase() instead.') return LoaderUtils.extractUrlBase(url) } }) // Object.assign(Box2.prototype, { center: function (optionalTarget) { console.warn('THREE.Box2: .center() has been renamed to .getCenter().') return this.getCenter(optionalTarget) }, empty: function () { console.warn('THREE.Box2: .empty() has been renamed to .isEmpty().') return this.isEmpty() }, isIntersectionBox: function (box) { console.warn('THREE.Box2: .isIntersectionBox() has been renamed to .intersectsBox().') return this.intersectsBox(box) }, size: function (optionalTarget) { console.warn('THREE.Box2: .size() has been renamed to .getSize().') return this.getSize(optionalTarget) } }) Object.assign(Box3.prototype, { center: function (optionalTarget) { console.warn('THREE.Box3: .center() has been renamed to .getCenter().') return this.getCenter(optionalTarget) }, empty: function () { console.warn('THREE.Box3: .empty() has been renamed to .isEmpty().') return this.isEmpty() }, isIntersectionBox: function (box) { console.warn('THREE.Box3: .isIntersectionBox() has been renamed to .intersectsBox().') return this.intersectsBox(box) }, isIntersectionSphere: function (sphere) { console.warn('THREE.Box3: .isIntersectionSphere() has been renamed to .intersectsSphere().') return this.intersectsSphere(sphere) }, size: function (optionalTarget) { console.warn('THREE.Box3: .size() has been renamed to .getSize().') return this.getSize(optionalTarget) } }) Line3.prototype.center = function (optionalTarget) { console.warn('THREE.Line3: .center() has been renamed to .getCenter().') return this.getCenter(optionalTarget) } Object.assign(_Math, { random16: function () { console.warn('THREE.Math: .random16() has been deprecated. Use Math.random() instead.') return Math.random() }, nearestPowerOfTwo: function (value) { console.warn('THREE.Math: .nearestPowerOfTwo() has been renamed to .floorPowerOfTwo().') return _Math.floorPowerOfTwo(value) }, nextPowerOfTwo: function (value) { console.warn('THREE.Math: .nextPowerOfTwo() has been renamed to .ceilPowerOfTwo().') return _Math.ceilPowerOfTwo(value) } }) Object.assign(Matrix3.prototype, { flattenToArrayOffset: function (array, offset) { console.warn('THREE.Matrix3: .flattenToArrayOffset() has been deprecated. Use .toArray() instead.') return this.toArray(array, offset) }, multiplyVector3: function (vector) { console.warn('THREE.Matrix3: .multiplyVector3() has been removed. Use vector.applyMatrix3( matrix ) instead.') return vector.applyMatrix3(this) }, multiplyVector3Array: function (/* a */) { console.error('THREE.Matrix3: .multiplyVector3Array() has been removed.') }, applyToBuffer: function (buffer /*, offset, length */) { console.warn('THREE.Matrix3: .applyToBuffer() has been removed. Use matrix.applyToBufferAttribute( attribute ) instead.') return this.applyToBufferAttribute(buffer) }, applyToVector3Array: function (/* array, offset, length */) { console.error('THREE.Matrix3: .applyToVector3Array() has been removed.') } }) Object.assign(Matrix4.prototype, { extractPosition: function (m) { console.warn('THREE.Matrix4: .extractPosition() has been renamed to .copyPosition().') return this.copyPosition(m) }, flattenToArrayOffset: function (array, offset) { console.warn('THREE.Matrix4: .flattenToArrayOffset() has been deprecated. Use .toArray() instead.') return this.toArray(array, offset) }, getPosition: (function () { var v1 return function getPosition () { if (v1 === undefined) v1 = new Vector3() console.warn('THREE.Matrix4: .getPosition() has been removed. Use Vector3.setFromMatrixPosition( matrix ) instead.') return v1.setFromMatrixColumn(this, 3) } }()), setRotationFromQuaternion: function (q) { console.warn('THREE.Matrix4: .setRotationFromQuaternion() has been renamed to .makeRotationFromQuaternion().') return this.makeRotationFromQuaternion(q) }, multiplyToArray: function () { console.warn('THREE.Matrix4: .multiplyToArray() has been removed.') }, multiplyVector3: function (vector) { console.warn('THREE.Matrix4: .multiplyVector3() has been removed. Use vector.applyMatrix4( matrix ) instead.') return vector.applyMatrix4(this) }, multiplyVector4: function (vector) { console.warn('THREE.Matrix4: .multiplyVector4() has been removed. Use vector.applyMatrix4( matrix ) instead.') return vector.applyMatrix4(this) }, multiplyVector3Array: function (/* a */) { console.error('THREE.Matrix4: .multiplyVector3Array() has been removed.') }, rotateAxis: function (v) { console.warn('THREE.Matrix4: .rotateAxis() has been removed. Use Vector3.transformDirection( matrix ) instead.') v.transformDirection(this) }, crossVector: function (vector) { console.warn('THREE.Matrix4: .crossVector() has been removed. Use vector.applyMatrix4( matrix ) instead.') return vector.applyMatrix4(this) }, translate: function () { console.error('THREE.Matrix4: .translate() has been removed.') }, rotateX: function () { console.error('THREE.Matrix4: .rotateX() has been removed.') }, rotateY: function () { console.error('THREE.Matrix4: .rotateY() has been removed.') }, rotateZ: function () { console.error('THREE.Matrix4: .rotateZ() has been removed.') }, rotateByAxis: function () { console.error('THREE.Matrix4: .rotateByAxis() has been removed.') }, applyToBuffer: function (buffer /*, offset, length */) { console.warn('THREE.Matrix4: .applyToBuffer() has been removed. Use matrix.applyToBufferAttribute( attribute ) instead.') return this.applyToBufferAttribute(buffer) }, applyToVector3Array: function (/* array, offset, length */) { console.error('THREE.Matrix4: .applyToVector3Array() has been removed.') }, makeFrustum: function (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) } }) Plane.prototype.isIntersectionLine = function (line) { console.warn('THREE.Plane: .isIntersectionLine() has been renamed to .intersectsLine().') return this.intersectsLine(line) } Quaternion.prototype.multiplyVector3 = function (vector) { console.warn('THREE.Quaternion: .multiplyVector3() has been removed. Use is now vector.applyQuaternion( quaternion ) instead.') return vector.applyQuaternion(this) } Object.assign(Ray.prototype, { isIntersectionBox: function (box) { console.warn('THREE.Ray: .isIntersectionBox() has been renamed to .intersectsBox().') return this.intersectsBox(box) }, isIntersectionPlane: function (plane) { console.warn('THREE.Ray: .isIntersectionPlane() has been renamed to .intersectsPlane().') return this.intersectsPlane(plane) }, isIntersectionSphere: function (sphere) { console.warn('THREE.Ray: .isIntersectionSphere() has been renamed to .intersectsSphere().') return this.intersectsSphere(sphere) } }) Object.assign(Triangle.prototype, { area: function () { console.warn('THREE.Triangle: .area() has been renamed to .getArea().') return this.getArea() }, barycoordFromPoint: function (point, target) { console.warn('THREE.Triangle: .barycoordFromPoint() has been renamed to .getBarycoord().') return this.getBarycoord(point, target) }, midpoint: function (target) { console.warn('THREE.Triangle: .midpoint() has been renamed to .getMidpoint().') return this.getMidpoint(target) }, normal: function (target) { console.warn('THREE.Triangle: .normal() has been renamed to .getNormal().') return this.getNormal(target) }, plane: function (target) { console.warn('THREE.Triangle: .plane() has been renamed to .getPlane().') return this.getPlane(target) } }) Object.assign(Triangle, { barycoordFromPoint: function (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 (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 (divisions) { console.warn('THREE.Shape: .extractAllPoints() has been removed. Use .extractPoints() instead.') return this.extractPoints(divisions) }, extrude: function (options) { console.warn('THREE.Shape: .extrude() has been removed. Use ExtrudeGeometry() instead.') return new ExtrudeGeometry(this, options) }, makeGeometry: function (options) { console.warn('THREE.Shape: .makeGeometry() has been removed. Use ShapeGeometry() instead.') return new ShapeGeometry(this, options) } }) Object.assign(Vector2.prototype, { fromAttribute: function (attribute, index, offset) { console.warn('THREE.Vector2: .fromAttribute() has been renamed to .fromBufferAttribute().') return this.fromBufferAttribute(attribute, index, offset) }, distanceToManhattan: function (v) { console.warn('THREE.Vector2: .distanceToManhattan() has been renamed to .manhattanDistanceTo().') return this.manhattanDistanceTo(v) }, lengthManhattan: function () { console.warn('THREE.Vector2: .lengthManhattan() has been renamed to .manhattanLength().') return this.manhattanLength() } }) Object.assign(Vector3.prototype, { setEulerFromRotationMatrix: function () { console.error('THREE.Vector3: .setEulerFromRotationMatrix() has been removed. Use Euler.setFromRotationMatrix() instead.') }, setEulerFromQuaternion: function () { console.error('THREE.Vector3: .setEulerFromQuaternion() has been removed. Use Euler.setFromQuaternion() instead.') }, getPositionFromMatrix: function (m) { console.warn('THREE.Vector3: .getPositionFromMatrix() has been renamed to .setFromMatrixPosition().') return this.setFromMatrixPosition(m) }, getScaleFromMatrix: function (m) { console.warn('THREE.Vector3: .getScaleFromMatrix() has been renamed to .setFromMatrixScale().') return this.setFromMatrixScale(m) }, getColumnFromMatrix: function (index, matrix) { console.warn('THREE.Vector3: .getColumnFromMatrix() has been renamed to .setFromMatrixColumn().') return this.setFromMatrixColumn(matrix, index) }, applyProjection: function (m) { console.warn('THREE.Vector3: .applyProjection() has been removed. Use .applyMatrix4( m ) instead.') return this.applyMatrix4(m) }, fromAttribute: function (attribute, index, offset) { console.warn('THREE.Vector3: .fromAttribute() has been renamed to .fromBufferAttribute().') return this.fromBufferAttribute(attribute, index, offset) }, distanceToManhattan: function (v) { console.warn('THREE.Vector3: .distanceToManhattan() has been renamed to .manhattanDistanceTo().') return this.manhattanDistanceTo(v) }, lengthManhattan: function () { console.warn('THREE.Vector3: .lengthManhattan() has been renamed to .manhattanLength().') return this.manhattanLength() } }) Object.assign(Vector4.prototype, { fromAttribute: function (attribute, index, offset) { console.warn('THREE.Vector4: .fromAttribute() has been renamed to .fromBufferAttribute().') return this.fromBufferAttribute(attribute, index, offset) }, lengthManhattan: function () { console.warn('THREE.Vector4: .lengthManhattan() has been renamed to .manhattanLength().') return this.manhattanLength() } }) // Object.assign(Geometry.prototype, { computeTangents: function () { console.error('THREE.Geometry: .computeTangents() has been removed.') }, computeLineDistances: function () { console.error('THREE.Geometry: .computeLineDistances() has been removed. Use THREE.Line.computeLineDistances() instead.') } }) Object.assign(Object3D.prototype, { getChildByName: function (name) { console.warn('THREE.Object3D: .getChildByName() has been renamed to .getObjectByName().') return this.getObjectByName(name) }, renderDepth: function () { console.warn('THREE.Object3D: .renderDepth has been removed. Use .renderOrder, instead.') }, translate: function (distance, axis) { console.warn('THREE.Object3D: .translate() has been removed. Use .translateOnAxis( axis, distance ) instead.') return this.translateOnAxis(axis, distance) }, getWorldRotation: function () { console.error('THREE.Object3D: .getWorldRotation() has been removed. Use THREE.Object3D.getWorldQuaternion( target ) instead.') } }) Object.defineProperties(Object3D.prototype, { eulerOrder: { get: function () { console.warn('THREE.Object3D: .eulerOrder is now .rotation.order.') return this.rotation.order }, set: function (value) { console.warn('THREE.Object3D: .eulerOrder is now .rotation.order.') this.rotation.order = value } }, useQuaternion: { get: function () { console.warn('THREE.Object3D: .useQuaternion has been removed. The library now uses quaternions by default.') }, set: function () { console.warn('THREE.Object3D: .useQuaternion has been removed. The library now uses quaternions by default.') } } }) Object.defineProperties(LOD.prototype, { objects: { get: function () { console.warn('THREE.LOD: .objects has been renamed to .levels.') return this.levels } } }) Object.defineProperty(Skeleton.prototype, 'useVertexTexture', { get: function () { console.warn('THREE.Skeleton: useVertexTexture has been removed.') }, set: function () { console.warn('THREE.Skeleton: useVertexTexture has been removed.') } }) Object.defineProperty(Curve.prototype, '__arcLengthDivisions', { get: function () { console.warn('THREE.Curve: .__arcLengthDivisions is now .arcLengthDivisions.') return this.arcLengthDivisions }, set: function (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 () { console.warn('THREE.Light: .onlyShadow has been removed.') } }, shadowCameraFov: { set: function (value) { console.warn('THREE.Light: .shadowCameraFov is now .shadow.camera.fov.') this.shadow.camera.fov = value } }, shadowCameraLeft: { set: function (value) { console.warn('THREE.Light: .shadowCameraLeft is now .shadow.camera.left.') this.shadow.camera.left = value } }, shadowCameraRight: { set: function (value) { console.warn('THREE.Light: .shadowCameraRight is now .shadow.camera.right.') this.shadow.camera.right = value } }, shadowCameraTop: { set: function (value) { console.warn('THREE.Light: .shadowCameraTop is now .shadow.camera.top.') this.shadow.camera.top = value } }, shadowCameraBottom: { set: function (value) { console.warn('THREE.Light: .shadowCameraBottom is now .shadow.camera.bottom.') this.shadow.camera.bottom = value } }, shadowCameraNear: { set: function (value) { console.warn('THREE.Light: .shadowCameraNear is now .shadow.camera.near.') this.shadow.camera.near = value } }, shadowCameraFar: { set: function (value) { console.warn('THREE.Light: .shadowCameraFar is now .shadow.camera.far.') this.shadow.camera.far = value } }, shadowCameraVisible: { set: function () { console.warn('THREE.Light: .shadowCameraVisible has been removed. Use new THREE.CameraHelper( light.shadow.camera ) instead.') } }, shadowBias: { set: function (value) { console.warn('THREE.Light: .shadowBias is now .shadow.bias.') this.shadow.bias = value } }, shadowDarkness: { set: function () { console.warn('THREE.Light: .shadowDarkness has been removed.') } }, shadowMapWidth: { set: function (value) { console.warn('THREE.Light: .shadowMapWidth is now .shadow.mapSize.width.') this.shadow.mapSize.width = value } }, shadowMapHeight: { set: function (value) { console.warn('THREE.Light: .shadowMapHeight is now .shadow.mapSize.height.') this.shadow.mapSize.height = value } } }) // Object.defineProperties(BufferAttribute.prototype, { length: { get: function () { console.warn('THREE.BufferAttribute: .length has been deprecated. Use .count instead.') return this.array.length } }, copyIndicesArray: function (/* indices */) { console.error('THREE.BufferAttribute: .copyIndicesArray() has been removed.') } }) Object.assign(BufferGeometry.prototype, { addIndex: function (index) { console.warn('THREE.BufferGeometry: .addIndex() has been renamed to .setIndex().') this.setIndex(index) }, addDrawCall: function (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 () { console.warn('THREE.BufferGeometry: .clearDrawCalls() is now .clearGroups().') this.clearGroups() }, computeTangents: function () { console.warn('THREE.BufferGeometry: .computeTangents() has been removed.') }, computeOffsets: function () { console.warn('THREE.BufferGeometry: .computeOffsets() has been removed.') } }) Object.defineProperties(BufferGeometry.prototype, { drawcalls: { get: function () { console.error('THREE.BufferGeometry: .drawcalls has been renamed to .groups.') return this.groups } }, offsets: { get: function () { console.warn('THREE.BufferGeometry: .offsets has been renamed to .groups.') return this.groups } } }) // Object.assign(ExtrudeBufferGeometry.prototype, { getArrays: function () { console.error('THREE.ExtrudeBufferGeometry: .getArrays() has been removed.') }, addShapeList: function () { console.error('THREE.ExtrudeBufferGeometry: .addShapeList() has been removed.') }, addShape: function () { console.error('THREE.ExtrudeBufferGeometry: .addShape() has been removed.') } }) // Object.defineProperties(Uniform.prototype, { dynamic: { set: function () { console.warn('THREE.Uniform: .dynamic has been removed. Use object.onBeforeRender() instead.') } }, onUpdate: { value: function () { console.warn('THREE.Uniform: .onUpdate() has been removed. Use object.onBeforeRender() instead.') return this } } }) // Object.defineProperties(Material.prototype, { wrapAround: { get: function () { console.warn('THREE.Material: .wrapAround has been removed.') }, set: function () { console.warn('THREE.Material: .wrapAround has been removed.') } }, wrapRGB: { get: function () { console.warn('THREE.Material: .wrapRGB has been removed.') return new Color() } }, shading: { get: function () { console.error('THREE.' + this.type + ': .shading has been removed. Use the boolean .flatShading instead.') }, set: function (value) { console.warn('THREE.' + this.type + ': .shading has been removed. Use the boolean .flatShading instead.') this.flatShading = (value === FlatShading) } } }) Object.defineProperties(MeshPhongMaterial.prototype, { metal: { get: function () { console.warn('THREE.MeshPhongMaterial: .metal has been removed. Use THREE.MeshStandardMaterial instead.') return false }, set: function () { console.warn('THREE.MeshPhongMaterial: .metal has been removed. Use THREE.MeshStandardMaterial instead') } } }) Object.defineProperties(ShaderMaterial.prototype, { derivatives: { get: function () { console.warn('THREE.ShaderMaterial: .derivatives has been moved to .extensions.derivatives.') return this.extensions.derivatives }, set: function (value) { console.warn('THREE. ShaderMaterial: .derivatives has been moved to .extensions.derivatives.') this.extensions.derivatives = value } } }) // Object.assign(WebGLRenderer.prototype, { animate: function (callback) { console.warn('THREE.WebGLRenderer: .animate() is now .setAnimationLoop().') this.setAnimationLoop(callback) }, getCurrentRenderTarget: function () { console.warn('THREE.WebGLRenderer: .getCurrentRenderTarget() is now .getRenderTarget().') return this.getRenderTarget() }, getMaxAnisotropy: function () { console.warn('THREE.WebGLRenderer: .getMaxAnisotropy() is now .capabilities.getMaxAnisotropy().') return this.capabilities.getMaxAnisotropy() }, getPrecision: function () { console.warn('THREE.WebGLRenderer: .getPrecision() is now .capabilities.precision.') return this.capabilities.precision }, resetGLState: function () { console.warn('THREE.WebGLRenderer: .resetGLState() is now .state.reset().') return this.state.reset() }, supportsFloatTextures: function () { console.warn('THREE.WebGLRenderer: .supportsFloatTextures() is now .extensions.get( \'OES_texture_float\' ).') return this.extensions.get('OES_texture_float') }, supportsHalfFloatTextures: function () { console.warn('THREE.WebGLRenderer: .supportsHalfFloatTextures() is now .extensions.get( \'OES_texture_half_float\' ).') return this.extensions.get('OES_texture_half_float') }, supportsStandardDerivatives: function () { console.warn('THREE.WebGLRenderer: .supportsStandardDerivatives() is now .extensions.get( \'OES_standard_derivatives\' ).') return this.extensions.get('OES_standard_derivatives') }, supportsCompressedTextureS3TC: function () { console.warn('THREE.WebGLRenderer: .supportsCompressedTextureS3TC() is now .extensions.get( \'WEBGL_compressed_texture_s3tc\' ).') return this.extensions.get('WEBGL_compressed_texture_s3tc') }, supportsCompressedTexturePVRTC: function () { console.warn('THREE.WebGLRenderer: .supportsCompressedTexturePVRTC() is now .extensions.get( \'WEBGL_compressed_texture_pvrtc\' ).') return this.extensions.get('WEBGL_compressed_texture_pvrtc') }, supportsBlendMinMax: function () { console.warn('THREE.WebGLRenderer: .supportsBlendMinMax() is now .extensions.get( \'EXT_blend_minmax\' ).') return this.extensions.get('EXT_blend_minmax') }, supportsVertexTextures: function () { console.warn('THREE.WebGLRenderer: .supportsVertexTextures() is now .capabilities.vertexTextures.') return this.capabilities.vertexTextures }, supportsInstancedArrays: function () { console.warn('THREE.WebGLRenderer: .supportsInstancedArrays() is now .extensions.get( \'ANGLE_instanced_arrays\' ).') return this.extensions.get('ANGLE_instanced_arrays') }, enableScissorTest: function (boolean) { console.warn('THREE.WebGLRenderer: .enableScissorTest() is now .setScissorTest().') this.setScissorTest(boolean) }, initMaterial: function () { console.warn('THREE.WebGLRenderer: .initMaterial() has been removed.') }, addPrePlugin: function () { console.warn('THREE.WebGLRenderer: .addPrePlugin() has been removed.') }, addPostPlugin: function () { console.warn('THREE.WebGLRenderer: .addPostPlugin() has been removed.') }, updateShadowMap: function () { console.warn('THREE.WebGLRenderer: .updateShadowMap() has been removed.') }, setFaceCulling: function () { console.warn('THREE.WebGLRenderer: .setFaceCulling() has been removed.') } }) Object.defineProperties(WebGLRenderer.prototype, { shadowMapEnabled: { get: function () { return this.shadowMap.enabled }, set: function (value) { console.warn('THREE.WebGLRenderer: .shadowMapEnabled is now .shadowMap.enabled.') this.shadowMap.enabled = value } }, shadowMapType: { get: function () { return this.shadowMap.type }, set: function (value) { console.warn('THREE.WebGLRenderer: .shadowMapType is now .shadowMap.type.') this.shadowMap.type = value } }, shadowMapCullFace: { get: function () { console.warn('THREE.WebGLRenderer: .shadowMapCullFace has been removed. Set Material.shadowSide instead.') return undefined }, set: function (/* value */) { console.warn('THREE.WebGLRenderer: .shadowMapCullFace has been removed. Set Material.shadowSide instead.') } } }) Object.defineProperties(WebGLShadowMap.prototype, { cullFace: { get: function () { console.warn('THREE.WebGLRenderer: .shadowMap.cullFace has been removed. Set Material.shadowSide instead.') return undefined }, set: function (/* cullFace */) { console.warn('THREE.WebGLRenderer: .shadowMap.cullFace has been removed. Set Material.shadowSide instead.') } }, renderReverseSided: { get: function () { console.warn('THREE.WebGLRenderer: .shadowMap.renderReverseSided has been removed. Set Material.shadowSide instead.') return undefined }, set: function () { console.warn('THREE.WebGLRenderer: .shadowMap.renderReverseSided has been removed. Set Material.shadowSide instead.') } }, renderSingleSided: { get: function () { console.warn('THREE.WebGLRenderer: .shadowMap.renderSingleSided has been removed. Set Material.shadowSide instead.') return undefined }, set: function () { console.warn('THREE.WebGLRenderer: .shadowMap.renderSingleSided has been removed. Set Material.shadowSide instead.') } } }) // Object.defineProperties(WebGLRenderTarget.prototype, { wrapS: { get: function () { console.warn('THREE.WebGLRenderTarget: .wrapS is now .texture.wrapS.') return this.texture.wrapS }, set: function (value) { console.warn('THREE.WebGLRenderTarget: .wrapS is now .texture.wrapS.') this.texture.wrapS = value } }, wrapT: { get: function () { console.warn('THREE.WebGLRenderTarget: .wrapT is now .texture.wrapT.') return this.texture.wrapT }, set: function (value) { console.warn('THREE.WebGLRenderTarget: .wrapT is now .texture.wrapT.') this.texture.wrapT = value } }, magFilter: { get: function () { console.warn('THREE.WebGLRenderTarget: .magFilter is now .texture.magFilter.') return this.texture.magFilter }, set: function (value) { console.warn('THREE.WebGLRenderTarget: .magFilter is now .texture.magFilter.') this.texture.magFilter = value } }, minFilter: { get: function () { console.warn('THREE.WebGLRenderTarget: .minFilter is now .texture.minFilter.') return this.texture.minFilter }, set: function (value) { console.warn('THREE.WebGLRenderTarget: .minFilter is now .texture.minFilter.') this.texture.minFilter = value } }, anisotropy: { get: function () { console.warn('THREE.WebGLRenderTarget: .anisotropy is now .texture.anisotropy.') return this.texture.anisotropy }, set: function (value) { console.warn('THREE.WebGLRenderTarget: .anisotropy is now .texture.anisotropy.') this.texture.anisotropy = value } }, offset: { get: function () { console.warn('THREE.WebGLRenderTarget: .offset is now .texture.offset.') return this.texture.offset }, set: function (value) { console.warn('THREE.WebGLRenderTarget: .offset is now .texture.offset.') this.texture.offset = value } }, repeat: { get: function () { console.warn('THREE.WebGLRenderTarget: .repeat is now .texture.repeat.') return this.texture.repeat }, set: function (value) { console.warn('THREE.WebGLRenderTarget: .repeat is now .texture.repeat.') this.texture.repeat = value } }, format: { get: function () { console.warn('THREE.WebGLRenderTarget: .format is now .texture.format.') return this.texture.format }, set: function (value) { console.warn('THREE.WebGLRenderTarget: .format is now .texture.format.') this.texture.format = value } }, type: { get: function () { console.warn('THREE.WebGLRenderTarget: .type is now .texture.type.') return this.texture.type }, set: function (value) { console.warn('THREE.WebGLRenderTarget: .type is now .texture.type.') this.texture.type = value } }, generateMipmaps: { get: function () { console.warn('THREE.WebGLRenderTarget: .generateMipmaps is now .texture.generateMipmaps.') return this.texture.generateMipmaps }, set: function (value) { console.warn('THREE.WebGLRenderTarget: .generateMipmaps is now .texture.generateMipmaps.') this.texture.generateMipmaps = value } } }) // Object.defineProperties(WebVRManager.prototype, { standing: { set: function (/* value */) { console.warn('THREE.WebVRManager: .standing has been removed.') } } }) // Audio.prototype.load = function (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 } 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) } /** * @author dmarcos / https://github.com/dmarcos * @author mrdoob / http://mrdoob.com */ var VRControls = function (object, onError) { var scope = this var vrDisplay, vrDisplays var standingMatrix = new Matrix4() var frameData = null if ('VRFrameData' in window) { frameData = new VRFrameData() } function gotVRDisplays (displays) { vrDisplays = displays if (displays.length > 0) { vrDisplay = displays[0] } else { if (onError) onError('VR input not available.') } } if (navigator.getVRDisplays) { navigator.getVRDisplays().then(gotVRDisplays).catch(function () { console.warn('VRControls: Unable to get VR Displays') }) } // the Rift SDK returns the position in meters // this scale factor allows the user to define how meters // are converted to scene units. this.scale = 1 // If true will use "standing space" coordinate system where y=0 is the // floor and x=0, z=0 is the center of the room. this.standing = false // Distance from the users eyes to the floor in meters. Used when // standing=true but the VRDisplay doesn't provide stageParameters. this.userHeight = 1.6 this.getVRDisplay = function () { return vrDisplay } this.setVRDisplay = function (value) { vrDisplay = value } this.getVRDisplays = function () { console.warn('VRControls: getVRDisplays() is being deprecated.') return vrDisplays } this.getStandingMatrix = function () { return standingMatrix } this.update = function () { if (vrDisplay) { var pose if (vrDisplay.getFrameData) { vrDisplay.getFrameData(frameData) pose = frameData.pose } else if (vrDisplay.getPose) { pose = vrDisplay.getPose() } if (pose.orientation !== null) { object.quaternion.fromArray(pose.orientation) } if (pose.position !== null) { object.position.fromArray(pose.position) } else { object.position.set(0, 0, 0) } if (this.standing) { if (vrDisplay.stageParameters) { object.updateMatrix() standingMatrix.fromArray(vrDisplay.stageParameters.sittingToStandingTransform) object.applyMatrix(standingMatrix) } else { object.position.setY(object.position.y + this.userHeight) } } object.position.multiplyScalar(scope.scale) } } this.dispose = function () { vrDisplay = null } } /** * @author dmarcos / https://github.com/dmarcos * @author mrdoob / http://mrdoob.com * * WebVR Spec: http://mozvr.github.io/webvr-spec/webvr.html * * Firefox: http://mozvr.com/downloads/ * Chromium: https://webvr.info/get-chrome */ var VREffect = function (renderer, onError) { var vrDisplay, vrDisplays var eyeTranslationL = new Vector3() var eyeTranslationR = new Vector3() var renderRectL, renderRectR var headMatrix = new Matrix4() var eyeMatrixL = new Matrix4() var eyeMatrixR = new Matrix4() var frameData = null if ('VRFrameData' in window) { frameData = new window.VRFrameData() } function gotVRDisplays (displays) { vrDisplays = displays if (displays.length > 0) { vrDisplay = displays[0] } else { if (onError) onError('HMD not available') } } if (navigator.getVRDisplays) { navigator.getVRDisplays().then(gotVRDisplays).catch(function () { console.warn('VREffect: Unable to get VR Displays') }) } // this.isPresenting = false var scope = this var rendererSize = renderer.getSize() var rendererUpdateStyle = false var rendererPixelRatio = renderer.getPixelRatio() this.getVRDisplay = function () { return vrDisplay } this.setVRDisplay = function (value) { vrDisplay = value } this.getVRDisplays = function () { console.warn('VREffect: getVRDisplays() is being deprecated.') return vrDisplays } this.setSize = function (width, height, updateStyle) { rendererSize = { width: width, height: height } rendererUpdateStyle = updateStyle if (scope.isPresenting) { var eyeParamsL = vrDisplay.getEyeParameters('left') renderer.setPixelRatio(1) renderer.setSize(eyeParamsL.renderWidth * 2, eyeParamsL.renderHeight, false) } else { renderer.setPixelRatio(rendererPixelRatio) renderer.setSize(width, height, updateStyle) } } // VR presentation var canvas = renderer.domElement var defaultLeftBounds = [0.0, 0.0, 0.5, 1.0] var defaultRightBounds = [0.5, 0.0, 0.5, 1.0] function onVRDisplayPresentChange () { var wasPresenting = scope.isPresenting scope.isPresenting = vrDisplay !== undefined && vrDisplay.isPresenting if (scope.isPresenting) { var eyeParamsL = vrDisplay.getEyeParameters('left') var eyeWidth = eyeParamsL.renderWidth var eyeHeight = eyeParamsL.renderHeight if (!wasPresenting) { rendererPixelRatio = renderer.getPixelRatio() rendererSize = renderer.getSize() renderer.setPixelRatio(1) renderer.setSize(eyeWidth * 2, eyeHeight, false) } } else if (wasPresenting) { renderer.setPixelRatio(rendererPixelRatio) renderer.setSize(rendererSize.width, rendererSize.height, rendererUpdateStyle) } } window.addEventListener('vrdisplaypresentchange', onVRDisplayPresentChange, false) this.setFullScreen = function (boolean) { return new Promise(function (resolve, reject) { if (vrDisplay === undefined) { reject(new Error('No VR hardware found.')) return } if (scope.isPresenting === boolean) { resolve() return } if (boolean) { resolve(vrDisplay.requestPresent([{ source: canvas }])) } else { resolve(vrDisplay.exitPresent()) } }) } this.requestPresent = function () { return this.setFullScreen(true) } this.exitPresent = function () { return this.setFullScreen(false) } this.requestAnimationFrame = function (f) { if (vrDisplay !== undefined) { return vrDisplay.requestAnimationFrame(f) } else { return window.requestAnimationFrame(f) } } this.cancelAnimationFrame = function (h) { if (vrDisplay !== undefined) { vrDisplay.cancelAnimationFrame(h) } else { window.cancelAnimationFrame(h) } } this.submitFrame = function () { if (vrDisplay !== undefined && scope.isPresenting) { vrDisplay.submitFrame() } } this.autoSubmitFrame = true // render var cameraL = new PerspectiveCamera() cameraL.layers.enable(1) var cameraR = new PerspectiveCamera() cameraR.layers.enable(2) this.render = function (scene, camera, renderTarget, forceClear) { if (vrDisplay && scope.isPresenting) { var autoUpdate = scene.autoUpdate if (autoUpdate) { scene.updateMatrixWorld() scene.autoUpdate = false } if (Array.isArray(scene)) { console.warn('VREffect.render() no longer supports arrays. Use object.layers instead.') scene = scene[0] } // When rendering we don't care what the recommended size is, only what the actual size // of the backbuffer is. var size = renderer.getSize() var layers = vrDisplay.getLayers() var leftBounds var rightBounds if (layers.length) { var layer = layers[0] leftBounds = layer.leftBounds !== null && layer.leftBounds.length === 4 ? layer.leftBounds : defaultLeftBounds rightBounds = layer.rightBounds !== null && layer.rightBounds.length === 4 ? layer.rightBounds : defaultRightBounds } else { leftBounds = defaultLeftBounds rightBounds = defaultRightBounds } renderRectL = { x: Math.round(size.width * leftBounds[0]), y: Math.round(size.height * leftBounds[1]), width: Math.round(size.width * leftBounds[2]), height: Math.round(size.height * leftBounds[3]) } renderRectR = { x: Math.round(size.width * rightBounds[0]), y: Math.round(size.height * rightBounds[1]), width: Math.round(size.width * rightBounds[2]), height: Math.round(size.height * rightBounds[3]) } if (renderTarget) { renderer.setRenderTarget(renderTarget) renderTarget.scissorTest = true } else { renderer.setRenderTarget(null) renderer.setScissorTest(true) } if (renderer.autoClear || forceClear) renderer.clear() if (camera.parent === null) camera.updateMatrixWorld() camera.matrixWorld.decompose(cameraL.position, cameraL.quaternion, cameraL.scale) cameraR.position.copy(cameraL.position) cameraR.quaternion.copy(cameraL.quaternion) cameraR.scale.copy(cameraL.scale) if (vrDisplay.getFrameData) { vrDisplay.depthNear = camera.near vrDisplay.depthFar = camera.far vrDisplay.getFrameData(frameData) cameraL.projectionMatrix.elements = frameData.leftProjectionMatrix cameraR.projectionMatrix.elements = frameData.rightProjectionMatrix getEyeMatrices(frameData) cameraL.updateMatrix() cameraL.matrix.multiply(eyeMatrixL) cameraL.matrix.decompose(cameraL.position, cameraL.quaternion, cameraL.scale) cameraR.updateMatrix() cameraR.matrix.multiply(eyeMatrixR) cameraR.matrix.decompose(cameraR.position, cameraR.quaternion, cameraR.scale) } else { var eyeParamsL = vrDisplay.getEyeParameters('left') var eyeParamsR = vrDisplay.getEyeParameters('right') cameraL.projectionMatrix = fovToProjection(eyeParamsL.fieldOfView, true, camera.near, camera.far) cameraR.projectionMatrix = fovToProjection(eyeParamsR.fieldOfView, true, camera.near, camera.far) eyeTranslationL.fromArray(eyeParamsL.offset) eyeTranslationR.fromArray(eyeParamsR.offset) cameraL.translateOnAxis(eyeTranslationL, cameraL.scale.x) cameraR.translateOnAxis(eyeTranslationR, cameraR.scale.x) } // render left eye if (renderTarget) { renderTarget.viewport.set(renderRectL.x, renderRectL.y, renderRectL.width, renderRectL.height) renderTarget.scissor.set(renderRectL.x, renderRectL.y, renderRectL.width, renderRectL.height) } else { renderer.setViewport(renderRectL.x, renderRectL.y, renderRectL.width, renderRectL.height) renderer.setScissor(renderRectL.x, renderRectL.y, renderRectL.width, renderRectL.height) } renderer.render(scene, cameraL, renderTarget, forceClear) // render right eye if (renderTarget) { renderTarget.viewport.set(renderRectR.x, renderRectR.y, renderRectR.width, renderRectR.height) renderTarget.scissor.set(renderRectR.x, renderRectR.y, renderRectR.width, renderRectR.height) } else { renderer.setViewport(renderRectR.x, renderRectR.y, renderRectR.width, renderRectR.height) renderer.setScissor(renderRectR.x, renderRectR.y, renderRectR.width, renderRectR.height) } renderer.render(scene, cameraR, renderTarget, forceClear) if (renderTarget) { renderTarget.viewport.set(0, 0, size.width, size.height) renderTarget.scissor.set(0, 0, size.width, size.height) renderTarget.scissorTest = false renderer.setRenderTarget(null) } else { renderer.setViewport(0, 0, size.width, size.height) renderer.setScissorTest(false) } if (autoUpdate) { scene.autoUpdate = true } if (scope.autoSubmitFrame) { scope.submitFrame() } return } // Regular render mode if not HMD renderer.render(scene, camera, renderTarget, forceClear) } this.dispose = function () { window.removeEventListener('vrdisplaypresentchange', onVRDisplayPresentChange, false) } // var poseOrientation = new Quaternion() var posePosition = new Vector3() // Compute model matrices of the eyes with respect to the head. function getEyeMatrices (frameData) { // Compute the matrix for the position of the head based on the pose if (frameData.pose.orientation) { poseOrientation.fromArray(frameData.pose.orientation) headMatrix.makeRotationFromQuaternion(poseOrientation) } else { headMatrix.identity() } if (frameData.pose.position) { posePosition.fromArray(frameData.pose.position) headMatrix.setPosition(posePosition) } // The view matrix transforms vertices from sitting space to eye space. As such, the view matrix can be thought of as a product of two matrices: // headToEyeMatrix * sittingToHeadMatrix // The headMatrix that we've calculated above is the model matrix of the head in sitting space, which is the inverse of sittingToHeadMatrix. // So when we multiply the view matrix with headMatrix, we're left with headToEyeMatrix: // viewMatrix * headMatrix = headToEyeMatrix * sittingToHeadMatrix * headMatrix = headToEyeMatrix eyeMatrixL.fromArray(frameData.leftViewMatrix) eyeMatrixL.multiply(headMatrix) eyeMatrixR.fromArray(frameData.rightViewMatrix) eyeMatrixR.multiply(headMatrix) // The eye's model matrix in head space is the inverse of headToEyeMatrix we calculated above. eyeMatrixL.getInverse(eyeMatrixL) eyeMatrixR.getInverse(eyeMatrixR) } function fovToNDCScaleOffset (fov) { var pxscale = 2.0 / (fov.leftTan + fov.rightTan) var pxoffset = (fov.leftTan - fov.rightTan) * pxscale * 0.5 var pyscale = 2.0 / (fov.upTan + fov.downTan) var pyoffset = (fov.upTan - fov.downTan) * pyscale * 0.5 return { scale: [pxscale, pyscale], offset: [pxoffset, pyoffset] } } function fovPortToProjection (fov, rightHanded, zNear, zFar) { rightHanded = rightHanded === undefined ? true : rightHanded zNear = zNear === undefined ? 0.01 : zNear zFar = zFar === undefined ? 10000.0 : zFar var handednessScale = rightHanded ? -1.0 : 1.0 // start with an identity matrix var mobj = new Matrix4() var m = mobj.elements // and with scale/offset info for normalized device coords var scaleAndOffset = fovToNDCScaleOffset(fov) // X result, map clip edges to [-w,+w] m[0 * 4 + 0] = scaleAndOffset.scale[0] m[0 * 4 + 1] = 0.0 m[0 * 4 + 2] = scaleAndOffset.offset[0] * handednessScale m[0 * 4 + 3] = 0.0 // Y result, map clip edges to [-w,+w] // Y offset is negated because this proj matrix transforms from world coords with Y=up, // but the NDC scaling has Y=down (thanks D3D?) m[1 * 4 + 0] = 0.0 m[1 * 4 + 1] = scaleAndOffset.scale[1] m[1 * 4 + 2] = -scaleAndOffset.offset[1] * handednessScale m[1 * 4 + 3] = 0.0 // Z result (up to the app) m[2 * 4 + 0] = 0.0 m[2 * 4 + 1] = 0.0 m[2 * 4 + 2] = zFar / (zNear - zFar) * -handednessScale m[2 * 4 + 3] = (zFar * zNear) / (zNear - zFar) // W result (= Z in) m[3 * 4 + 0] = 0.0 m[3 * 4 + 1] = 0.0 m[3 * 4 + 2] = handednessScale m[3 * 4 + 3] = 0.0 mobj.transpose() return mobj } function fovToProjection (fov, rightHanded, zNear, zFar) { var DEG2RAD = Math.PI / 180.0 var fovPort = { upTan: Math.tan(fov.upDegrees * DEG2RAD), downTan: Math.tan(fov.downDegrees * DEG2RAD), leftTan: Math.tan(fov.leftDegrees * DEG2RAD), rightTan: Math.tan(fov.rightDegrees * DEG2RAD) } return fovPortToProjection(fovPort, rightHanded, zNear, zFar) } } /** * @author qiao / https://github.com/qiao * @author mrdoob / http://mrdoob.com * @author alteredq / http://alteredqualia.com/ * @author WestLangley / http://github.com/WestLangley * @author erich666 / http://erichaines.com */ var OrbitControls = function (object, domElement) { this.object = object this.domElement = (domElement !== undefined) ? domElement : document // Set to false to disable this control this.enabled = true // "target" sets the location of focus, where the object orbits around this.target = new Vector3() // How far you can dolly in and out ( PerspectiveCamera only ) this.minDistance = 0 this.maxDistance = Infinity // How far you can zoom in and out ( OrthographicCamera only ) this.minZoom = 0 this.maxZoom = Infinity // How far you can orbit vertically, upper and lower limits. // Range is 0 to Math.PI radians. this.minPolarAngle = 0 // radians this.maxPolarAngle = Math.PI // radians // How far you can orbit horizontally, upper and lower limits. // If set, must be a sub-interval of the interval [ - Math.PI, Math.PI ]. this.minAzimuthAngle = -Infinity // radians this.maxAzimuthAngle = Infinity // radians // Set to true to enable damping (inertia) // If damping is enabled, you must call controls.update() in your animation loop this.enableDamping = false this.dampingFactor = 0.25 // This option actually enables dollying in and out; left as "zoom" for backwards compatibility. // Set to false to disable zooming this.enableZoom = true this.zoomSpeed = 1.0 // Set to false to disable rotating this.enableRotate = true this.rotateSpeed = 1.0 // Set to false to disable panning this.enablePan = true this.panSpeed = 1.0 this.screenSpacePanning = false // if true, pan in screen-space this.keyPanSpeed = 7.0 // pixels moved per arrow key push // Set to true to automatically rotate around the target // If auto-rotate is enabled, you must call controls.update() in your animation loop this.autoRotate = false this.autoRotateSpeed = 2.0 // 30 seconds per round when fps is 60 // Set to false to disable use of the keys this.enableKeys = true // The four arrow keys this.keys = { LEFT: 37, UP: 38, RIGHT: 39, BOTTOM: 40 } // Mouse buttons this.mouseButtons = { ORBIT: MOUSE.LEFT, ZOOM: MOUSE.MIDDLE, PAN: MOUSE.RIGHT } // for reset this.target0 = this.target.clone() this.position0 = this.object.position.clone() this.zoom0 = this.object.zoom // // public methods // this.getPolarAngle = function () { return spherical.phi } this.getAzimuthalAngle = function () { return spherical.theta } this.saveState = function () { scope.target0.copy(scope.target) scope.position0.copy(scope.object.position) scope.zoom0 = scope.object.zoom } this.reset = function () { scope.target.copy(scope.target0) scope.object.position.copy(scope.position0) scope.object.zoom = scope.zoom0 scope.object.updateProjectionMatrix() scope.dispatchEvent(changeEvent) scope.update() state = STATE.NONE } // this method is exposed, but perhaps it would be better if we can make it private... this.update = (function () { var offset = new Vector3() // so camera.up is the orbit axis var quat = new Quaternion().setFromUnitVectors(object.up, new Vector3(0, 1, 0)) var quatInverse = quat.clone().inverse() var lastPosition = new Vector3() var lastQuaternion = new Quaternion() return function update () { var position = scope.object.position offset.copy(position).sub(scope.target) // rotate offset to "y-axis-is-up" space offset.applyQuaternion(quat) // angle from z-axis around y-axis spherical.setFromVector3(offset) if (scope.autoRotate && state === STATE.NONE) { scope.rotateLeft(getAutoRotationAngle()) } spherical.theta += sphericalDelta.theta spherical.phi += sphericalDelta.phi // restrict theta to be between desired limits spherical.theta = Math.max(scope.minAzimuthAngle, Math.min(scope.maxAzimuthAngle, spherical.theta)) // restrict phi to be between desired limits spherical.phi = Math.max(scope.minPolarAngle, Math.min(scope.maxPolarAngle, spherical.phi)) spherical.makeSafe() spherical.radius *= scale // restrict radius to be between desired limits spherical.radius = Math.max(scope.minDistance, Math.min(scope.maxDistance, spherical.radius)) // move target to panned location scope.target.add(panOffset) offset.setFromSpherical(spherical) // rotate offset back to "camera-up-vector-is-up" space offset.applyQuaternion(quatInverse) position.copy(scope.target).add(offset) scope.object.lookAt(scope.target) if (scope.enableDamping === true) { sphericalDelta.theta *= (1 - scope.dampingFactor) sphericalDelta.phi *= (1 - scope.dampingFactor) panOffset.multiplyScalar(1 - scope.dampingFactor) } else { sphericalDelta.set(0, 0, 0) panOffset.set(0, 0, 0) } scale = 1 // update condition is: // min(camera displacement, camera rotation in radians)^2 > EPS // using small-angle approximation cos(x/2) = 1 - x^2 / 8 if (zoomChanged || lastPosition.distanceToSquared(scope.object.position) > EPS || 8 * (1 - lastQuaternion.dot(scope.object.quaternion)) > EPS) { scope.dispatchEvent(changeEvent) lastPosition.copy(scope.object.position) lastQuaternion.copy(scope.object.quaternion) zoomChanged = false return true } return false } }()) this.dispose = function () { scope.domElement.removeEventListener('contextmenu', onContextMenu, false) scope.domElement.removeEventListener('mousedown', onMouseDown, false) scope.domElement.removeEventListener('wheel', onMouseWheel, false) scope.domElement.removeEventListener('touchstart', onTouchStart, false) scope.domElement.removeEventListener('touchend', onTouchEnd, false) scope.domElement.removeEventListener('touchmove', onTouchMove, false) document.removeEventListener('mousemove', onMouseMove, false) document.removeEventListener('mouseup', onMouseUp, false) window.removeEventListener('keydown', onKeyDown, false) // scope.dispatchEvent( { type: 'dispose' } ); // should this be added here? } // // internals // var scope = this var changeEvent = { type: 'change' } var startEvent = { type: 'start' } var endEvent = { type: 'end' } var STATE = { NONE: -1, ROTATE: 0, DOLLY: 1, PAN: 2, TOUCH_ROTATE: 3, TOUCH_DOLLY_PAN: 4 } var state = STATE.NONE var EPS = 0.000001 // current position in spherical coordinates var spherical = new Spherical() var sphericalDelta = new Spherical() var scale = 1 var panOffset = new Vector3() var zoomChanged = false var rotateStart = new Vector2() var rotateEnd = new Vector2() var rotateDelta = new Vector2() var panStart = new Vector2() var panEnd = new Vector2() var panDelta = new Vector2() var dollyStart = new Vector2() var dollyEnd = new Vector2() var dollyDelta = new Vector2() function getAutoRotationAngle () { return 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed } function getZoomScale () { return Math.pow(0.95, scope.zoomSpeed) } scope.rotateLeft = function (angle) { sphericalDelta.theta -= angle } scope.rotateUp = function (angle) { sphericalDelta.phi -= angle } var panLeft = (function () { var v = new Vector3() return function panLeft (distance, objectMatrix) { v.setFromMatrixColumn(objectMatrix, 0) // get X column of objectMatrix v.multiplyScalar(-distance) panOffset.add(v) } }()) var panUp = (function () { var v = new Vector3() return function panUp (distance, objectMatrix) { if (scope.screenSpacePanning === true) { v.setFromMatrixColumn(objectMatrix, 1) } else { v.setFromMatrixColumn(objectMatrix, 0) v.crossVectors(scope.object.up, v) } v.multiplyScalar(distance) panOffset.add(v) } }()) // deltaX and deltaY are in pixels; right and down are positive var pan = (function () { var offset = new Vector3() return function pan (deltaX, deltaY) { var element = scope.domElement === document ? scope.domElement.body : scope.domElement if (scope.object.isPerspectiveCamera) { // perspective var position = scope.object.position offset.copy(position).sub(scope.target) var targetDistance = offset.length() // half of the fov is center to top of screen targetDistance *= Math.tan((scope.object.fov / 2) * Math.PI / 180.0) // we use only clientHeight here so aspect ratio does not distort speed panLeft(2 * deltaX * targetDistance / element.clientHeight, scope.object.matrix) panUp(2 * deltaY * targetDistance / element.clientHeight, scope.object.matrix) } else if (scope.object.isOrthographicCamera) { // orthographic panLeft(deltaX * (scope.object.right - scope.object.left) / scope.object.zoom / element.clientWidth, scope.object.matrix) panUp(deltaY * (scope.object.top - scope.object.bottom) / scope.object.zoom / element.clientHeight, scope.object.matrix) } else { // camera neither orthographic nor perspective console.warn('WARNING: OrbitControls.js encountered an unknown camera type - pan disabled.') scope.enablePan = false } } }()) function dollyIn (dollyScale) { if (scope.object.isPerspectiveCamera) { scale /= dollyScale } else if (scope.object.isOrthographicCamera) { scope.object.zoom = Math.max(scope.minZoom, Math.min(scope.maxZoom, scope.object.zoom * dollyScale)) scope.object.updateProjectionMatrix() zoomChanged = true } else { console.warn('WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.') scope.enableZoom = false } } function dollyOut (dollyScale) { if (scope.object.isPerspectiveCamera) { scale *= dollyScale } else if (scope.object.isOrthographicCamera) { scope.object.zoom = Math.max(scope.minZoom, Math.min(scope.maxZoom, scope.object.zoom / dollyScale)) scope.object.updateProjectionMatrix() zoomChanged = true } else { console.warn('WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.') scope.enableZoom = false } } // // event callbacks - update the object state // function handleMouseDownRotate (event) { // console.log( 'handleMouseDownRotate' ); rotateStart.set(event.clientX, event.clientY) } function handleMouseDownDolly (event) { // console.log( 'handleMouseDownDolly' ); dollyStart.set(event.clientX, event.clientY) } function handleMouseDownPan (event) { // console.log( 'handleMouseDownPan' ); panStart.set(event.clientX, event.clientY) } function handleMouseMoveRotate (event) { // console.log( 'handleMouseMoveRotate' ); rotateEnd.set(event.clientX, event.clientY) rotateDelta.subVectors(rotateEnd, rotateStart).multiplyScalar(scope.rotateSpeed) var element = scope.domElement === document ? scope.domElement.body : scope.domElement scope.rotateLeft(2 * Math.PI * rotateDelta.x / element.clientHeight) // yes, height scope.rotateUp(2 * Math.PI * rotateDelta.y / element.clientHeight) rotateStart.copy(rotateEnd) scope.update() } function handleMouseMoveDolly (event) { // console.log( 'handleMouseMoveDolly' ); dollyEnd.set(event.clientX, event.clientY) dollyDelta.subVectors(dollyEnd, dollyStart) if (dollyDelta.y > 0) { dollyIn(getZoomScale()) } else if (dollyDelta.y < 0) { dollyOut(getZoomScale()) } dollyStart.copy(dollyEnd) scope.update() } function handleMouseMovePan (event) { // console.log( 'handleMouseMovePan' ); panEnd.set(event.clientX, event.clientY) panDelta.subVectors(panEnd, panStart).multiplyScalar(scope.panSpeed) pan(panDelta.x, panDelta.y) panStart.copy(panEnd) scope.update() } function handleMouseWheel (event) { // console.log( 'handleMouseWheel' ); if (event.deltaY < 0) { dollyOut(getZoomScale()) } else if (event.deltaY > 0) { dollyIn(getZoomScale()) } scope.update() } function handleKeyDown (event) { // console.log( 'handleKeyDown' ); switch (event.keyCode) { case scope.keys.UP: pan(0, scope.keyPanSpeed) scope.update() break case scope.keys.BOTTOM: pan(0, -scope.keyPanSpeed) scope.update() break case scope.keys.LEFT: pan(scope.keyPanSpeed, 0) scope.update() break case scope.keys.RIGHT: pan(-scope.keyPanSpeed, 0) scope.update() break } } function handleTouchStartRotate (event) { // console.log( 'handleTouchStartRotate' ); rotateStart.set(event.touches[0].pageX, event.touches[0].pageY) } function handleTouchStartDollyPan (event) { // console.log( 'handleTouchStartDollyPan' ); if (scope.enableZoom) { var dx = event.touches[0].pageX - event.touches[1].pageX var dy = event.touches[0].pageY - event.touches[1].pageY var distance = Math.sqrt(dx * dx + dy * dy) dollyStart.set(0, distance) } if (scope.enablePan) { var x = 0.5 * (event.touches[0].pageX + event.touches[1].pageX) var y = 0.5 * (event.touches[0].pageY + event.touches[1].pageY) panStart.set(x, y) } } function handleTouchMoveRotate (event) { // console.log( 'handleTouchMoveRotate' ); rotateEnd.set(event.touches[0].pageX, event.touches[0].pageY) rotateDelta.subVectors(rotateEnd, rotateStart).multiplyScalar(scope.rotateSpeed) var element = scope.domElement === document ? scope.domElement.body : scope.domElement scope.rotateLeft(2 * Math.PI * rotateDelta.x / element.clientHeight) // yes, height scope.rotateUp(2 * Math.PI * rotateDelta.y / element.clientHeight) rotateStart.copy(rotateEnd) scope.update() } function handleTouchMoveDollyPan (event) { // console.log( 'handleTouchMoveDollyPan' ); if (scope.enableZoom) { var dx = event.touches[0].pageX - event.touches[1].pageX var dy = event.touches[0].pageY - event.touches[1].pageY var distance = Math.sqrt(dx * dx + dy * dy) dollyEnd.set(0, distance) dollyDelta.set(0, Math.pow(dollyEnd.y / dollyStart.y, scope.zoomSpeed)) dollyIn(dollyDelta.y) dollyStart.copy(dollyEnd) } if (scope.enablePan) { var x = 0.5 * (event.touches[0].pageX + event.touches[1].pageX) var y = 0.5 * (event.touches[0].pageY + event.touches[1].pageY) panEnd.set(x, y) panDelta.subVectors(panEnd, panStart).multiplyScalar(scope.panSpeed) pan(panDelta.x, panDelta.y) panStart.copy(panEnd) } scope.update() } // // event handlers - FSM: listen for events and reset state // function onMouseDown (event) { if (scope.enabled === false) return event.preventDefault() switch (event.button) { case scope.mouseButtons.ORBIT: if (scope.enableRotate === false) return handleMouseDownRotate(event) state = STATE.ROTATE break case scope.mouseButtons.ZOOM: if (scope.enableZoom === false) return handleMouseDownDolly(event) state = STATE.DOLLY break case scope.mouseButtons.PAN: if (scope.enablePan === false) return handleMouseDownPan(event) state = STATE.PAN break } if (state !== STATE.NONE) { document.addEventListener('mousemove', onMouseMove, false) document.addEventListener('mouseup', onMouseUp, false) scope.dispatchEvent(startEvent) } } function onMouseMove (event) { if (scope.enabled === false) return event.preventDefault() switch (state) { case STATE.ROTATE: if (scope.enableRotate === false) return handleMouseMoveRotate(event) break case STATE.DOLLY: if (scope.enableZoom === false) return handleMouseMoveDolly(event) break case STATE.PAN: if (scope.enablePan === false) return handleMouseMovePan(event) break } } function onMouseUp (event) { if (scope.enabled === false) return document.removeEventListener('mousemove', onMouseMove, false) document.removeEventListener('mouseup', onMouseUp, false) scope.dispatchEvent(endEvent) state = STATE.NONE } function onMouseWheel (event) { if (scope.enabled === false || scope.enableZoom === false || (state !== STATE.NONE && state !== STATE.ROTATE)) return event.preventDefault() event.stopPropagation() scope.dispatchEvent(startEvent) handleMouseWheel(event) scope.dispatchEvent(endEvent) } function onKeyDown (event) { if (scope.enabled === false || scope.enableKeys === false || scope.enablePan === false) return handleKeyDown(event) } function onTouchStart (event) { if (scope.enabled === false) return event.preventDefault() switch (event.touches.length) { case 1: // one-fingered touch: rotate if (scope.enableRotate === false) return handleTouchStartRotate(event) state = STATE.TOUCH_ROTATE break case 2: // two-fingered touch: dolly-pan if (scope.enableZoom === false && scope.enablePan === false) return handleTouchStartDollyPan(event) state = STATE.TOUCH_DOLLY_PAN break default: state = STATE.NONE } if (state !== STATE.NONE) { scope.dispatchEvent(startEvent) } } function onTouchMove (event) { if (scope.enabled === false) return event.preventDefault() event.stopPropagation() switch (event.touches.length) { case 1: // one-fingered touch: rotate if (scope.enableRotate === false) return if (state !== STATE.TOUCH_ROTATE) return // is this needed? handleTouchMoveRotate(event) break case 2: // two-fingered touch: dolly-pan if (scope.enableZoom === false && scope.enablePan === false) return if (state !== STATE.TOUCH_DOLLY_PAN) return // is this needed? handleTouchMoveDollyPan(event) break default: state = STATE.NONE } } function onTouchEnd (event) { if (scope.enabled === false) return scope.dispatchEvent(endEvent) state = STATE.NONE } function onContextMenu (event) { if (scope.enabled === false) return event.preventDefault() } // // scope.domElement.addEventListener\( 'contextmenu', onContextMenu, false ); scope.domElement.addEventListener('mousedown', onMouseDown, false) scope.domElement.addEventListener('wheel', onMouseWheel, false) scope.domElement.addEventListener('touchstart', onTouchStart, false) scope.domElement.addEventListener('touchend', onTouchEnd, false) scope.domElement.addEventListener('touchmove', onTouchMove, false) window.addEventListener('keydown', onKeyDown, false) // force an update at start this.update() } OrbitControls.prototype = Object.create(EventDispatcher.prototype) OrbitControls.prototype.constructor = OrbitControls Object.defineProperties(OrbitControls.prototype, { center: { get: function () { console.warn('OrbitControls: .center has been renamed to .target') return this.target } }, // backward compatibility noZoom: { get: function () { console.warn('OrbitControls: .noZoom has been deprecated. Use .enableZoom instead.') return !this.enableZoom }, set: function (value) { console.warn('OrbitControls: .noZoom has been deprecated. Use .enableZoom instead.') this.enableZoom = !value } }, noRotate: { get: function () { console.warn('OrbitControls: .noRotate has been deprecated. Use .enableRotate instead.') return !this.enableRotate }, set: function (value) { console.warn('OrbitControls: .noRotate has been deprecated. Use .enableRotate instead.') this.enableRotate = !value } }, noPan: { get: function () { console.warn('OrbitControls: .noPan has been deprecated. Use .enablePan instead.') return !this.enablePan }, set: function (value) { console.warn('OrbitControls: .noPan has been deprecated. Use .enablePan instead.') this.enablePan = !value } }, noKeys: { get: function () { console.warn('OrbitControls: .noKeys has been deprecated. Use .enableKeys instead.') return !this.enableKeys }, set: function (value) { console.warn('OrbitControls: .noKeys has been deprecated. Use .enableKeys instead.') this.enableKeys = !value } }, staticMoving: { get: function () { console.warn('OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead.') return !this.enableDamping }, set: function (value) { console.warn('OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead.') this.enableDamping = !value } }, dynamicDampingFactor: { get: function () { console.warn('OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead.') return this.dampingFactor }, set: function (value) { console.warn('OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead.') this.dampingFactor = value } } }) /** * @author richt / http://richt.me * @author WestLangley / http://github.com/WestLangley * * W3C Device Orientation control (http://w3c.github.io/deviceorientation/spec-source-orientation.html) */ var DeviceOrientationControls = function (object) { var scope = this this.object = object this.object.rotation.reorder('YXZ') this.enabled = true this.deviceOrientation = {} this.screenOrientation = 0 this.alphaOffset = 0 // radians var onDeviceOrientationChangeEvent = function (event) { scope.deviceOrientation = event } var onScreenOrientationChangeEvent = function () { scope.screenOrientation = window.orientation || 0 } // The angles alpha, beta and gamma form a set of intrinsic Tait-Bryan angles of type Z-X'-Y'' var setObjectQuaternion = (function () { var zee = new Vector3(0, 0, 1) var euler = new Euler() var q0 = new Quaternion() var q1 = new Quaternion(-Math.sqrt(0.5), 0, 0, Math.sqrt(0.5)) // - PI/2 around the x-axis return function (quaternion, alpha, beta, gamma, orient) { euler.set(beta, alpha, -gamma, 'YXZ') // 'ZXY' for the device, but 'YXZ' for us quaternion.setFromEuler(euler) // orient the device quaternion.multiply(q1) // camera looks out the back of the device, not the top quaternion.multiply(q0.setFromAxisAngle(zee, -orient)) // adjust for screen orientation } }()) this.connect = function () { onScreenOrientationChangeEvent() // run once on load window.addEventListener('orientationchange', onScreenOrientationChangeEvent, false) window.addEventListener('deviceorientation', onDeviceOrientationChangeEvent, false) scope.enabled = true } this.disconnect = function () { window.removeEventListener('orientationchange', onScreenOrientationChangeEvent, false) window.removeEventListener('deviceorientation', onDeviceOrientationChangeEvent, false) scope.enabled = false } this.update = function () { if (scope.enabled === false) return var device = scope.deviceOrientation if (device) { var alpha = device.alpha ? _Math.degToRad(device.alpha) + scope.alphaOffset : 0 // Z var beta = device.beta ? _Math.degToRad(device.beta) : 0 // X' var gamma = device.gamma ? _Math.degToRad(device.gamma) : 0 // Y'' var orient = scope.screenOrientation ? _Math.degToRad(scope.screenOrientation) : 0 // O setObjectQuaternion(scope.object.quaternion, alpha, beta, gamma, orient) } } this.dispose = function () { scope.disconnect() } this.connect() } /** * Convert a quaternion to an angle * * Taken from https://stackoverflow.com/a/35448946 * Thanks P. Ellul */ function Quat2Angle (x, y, z, w) { var test = x * y + z * w // singularity at north pole if (test > 0.499) { var _yaw = 2 * Math.atan2(x, w) var _pitch = Math.PI / 2 var _roll = 0 return new Vector3(_pitch, _roll, _yaw) } // singularity at south pole if (test < -0.499) { var _yaw2 = -2 * Math.atan2(x, w) var _pitch2 = -Math.PI / 2 var _roll2 = 0 return new Vector3(_pitch2, _roll2, _yaw2) } var sqx = x * x var sqy = y * y var sqz = z * z var yaw = Math.atan2(2 * y * w - 2 * x * z, 1 - 2 * sqy - 2 * sqz) var pitch = Math.asin(2 * test) var roll = Math.atan2(2 * x * w - 2 * y * z, 1 - 2 * sqx - 2 * sqz) return new Vector3(pitch, roll, yaw) } var OrbitOrientationControls = /* #__PURE__ */ (function () { function OrbitOrientationControls (options) { this.object = options.camera this.domElement = options.canvas this.orbit = new OrbitControls(this.object, this.domElement) this.speed = 0.5 this.orbit.target.set(0, 0, -1) this.orbit.enableZoom = false this.orbit.enablePan = false this.orbit.rotateSpeed = -this.speed // if orientation is supported if (options.orientation) { this.orientation = new DeviceOrientationControls(this.object) } // if projection is not full view // limit the rotation angle in order to not display back half view if (options.halfView) { this.orbit.minAzimuthAngle = -Math.PI / 4 this.orbit.maxAzimuthAngle = Math.PI / 4 } } var _proto = OrbitOrientationControls.prototype _proto.update = function update () { // orientation updates the camera using quaternions and // orbit updates the camera using angles. They are incompatible // and one update overrides the other. So before // orbit overrides orientation we convert our quaternion changes to // an angle change. Then save the angle into orbit so that // it will take those into account when it updates the camera and overrides // our changes if (this.orientation) { this.orientation.update() var quat = this.orientation.object.quaternion var currentAngle = Quat2Angle(quat.x, quat.y, quat.z, quat.w) // we also have to store the last angle since quaternions are b if (typeof this.lastAngle_ === 'undefined') { this.lastAngle_ = currentAngle } this.orbit.rotateLeft((this.lastAngle_.z - currentAngle.z) * (1 + this.speed)) this.orbit.rotateUp((this.lastAngle_.y - currentAngle.y) * (1 + this.speed)) this.lastAngle_ = currentAngle } this.orbit.update() } _proto.dispose = function dispose () { this.orbit.dispose() if (this.orientation) { this.orientation.dispose() } } return OrbitOrientationControls }()) var corsSupport = (function () { var video = document$1.createElement('video') video.crossOrigin = 'anonymous' return video.hasAttribute('crossorigin') }()) var validProjections = ['360', '360_LR', '360_TB', '360_CUBE', 'EAC', 'EAC_LR', 'NONE', 'AUTO', 'Sphere', 'Cube', 'equirectangular', '180'] var getInternalProjectionName = function getInternalProjectionName (projection) { if (!projection) { return } projection = projection.toString().trim() if (/sphere/i.test(projection)) { return '360' } if (/cube/i.test(projection)) { return '360_CUBE' } if (/equirectangular/i.test(projection)) { return '360' } for (var i = 0; i < validProjections.length; i++) { if (new RegExp('^' + validProjections[i] + '$', 'i').test(projection)) { return validProjections[i] } } } /** * This class reacts to interactions with the canvas and * triggers appropriate functionality on the player. Right now * it does two things: * * 1. A `mousedown`/`touchstart` followed by `touchend`/`mouseup` without any * `touchmove` or `mousemove` toggles play/pause on the player * 2. Only moving on/clicking the control bar or toggling play/pause should * show the control bar. Moving around the scene in the canvas should not. */ var CanvasPlayerControls = /* #__PURE__ */ (function (_videojs$EventTarget) { inheritsLoose(CanvasPlayerControls, _videojs$EventTarget) function CanvasPlayerControls (player, canvas) { var _this _this = _videojs$EventTarget.call(this) || this _this.player = player _this.canvas = canvas _this.onMoveEnd = videojs.bind(assertThisInitialized(_this), _this.onMoveEnd) _this.onMoveStart = videojs.bind(assertThisInitialized(_this), _this.onMoveStart) _this.onMove = videojs.bind(assertThisInitialized(_this), _this.onMove) _this.onControlBarMove = videojs.bind(assertThisInitialized(_this), _this.onControlBarMove) _this.player.controlBar.on(['mousedown', 'mousemove', 'mouseup', 'touchstart', 'touchmove', 'touchend'], _this.onControlBarMove) // we have to override these here because // video.js listens for user activity on the video element // and makes the user active when the mouse moves. // We don't want that for 3d videos _this.oldReportUserActivity = _this.player.reportUserActivity _this.player.reportUserActivity = function () {} // canvas movements _this.canvas.addEventListener('mousedown', _this.onMoveStart) _this.canvas.addEventListener('touchstart', _this.onMoveStart) _this.canvas.addEventListener('mousemove', _this.onMove) _this.canvas.addEventListener('touchmove', _this.onMove) _this.canvas.addEventListener('mouseup', _this.onMoveEnd) _this.canvas.addEventListener('touchend', _this.onMoveEnd) _this.shouldTogglePlay = false return _this } var _proto = CanvasPlayerControls.prototype _proto.togglePlay = function togglePlay () { if (this.player.paused()) { this.player.play() } else { this.player.pause() } } _proto.onMoveStart = function onMoveStart (e) { // if the player does not have a controlbar or // the move was a mouse click but not left click do not // toggle play. if (!this.player.controls() || e.type === 'mousedown' && !videojs.dom.isSingleLeftClick(e)) { this.shouldTogglePlay = false return } this.shouldTogglePlay = true this.touchMoveCount_ = 0 } _proto.onMoveEnd = function onMoveEnd (e) { // We want to have the same behavior in VR360 Player and standar player. // in touchend we want to know if was a touch click, for a click we show the bar, // otherwise continue with the mouse logic. // // Maximum movement allowed during a touch event to still be considered a tap // Other popular libs use anywhere from 2 (hammer.js) to 15, // so 10 seems like a nice, round number. if (e.type === 'touchend' && this.touchMoveCount_ < 10) { if (this.player.userActive() === false) { this.player.userActive(true) return } this.player.userActive(false) return } if (!this.shouldTogglePlay) { return } // We want the same behavior in Desktop for VR360 and standar player if (e.type == 'mouseup') { this.togglePlay() } } _proto.onMove = function onMove (e) { // Increase touchMoveCount_ since Android detects 1 - 6 touches when user click normaly this.touchMoveCount_++ this.shouldTogglePlay = false } _proto.onControlBarMove = function onControlBarMove (e) { this.player.userActive(true) } _proto.dispose = function dispose () { this.canvas.removeEventListener('mousedown', this.onMoveStart) this.canvas.removeEventListener('touchstart', this.onMoveStart) this.canvas.removeEventListener('mousemove', this.onMove) this.canvas.removeEventListener('touchmove', this.onMove) this.canvas.removeEventListener('mouseup', this.onMoveEnd) this.canvas.removeEventListener('touchend', this.onMoveEnd) this.player.controlBar.off(['mousedown', 'mousemove', 'mouseup', 'touchstart', 'touchmove', 'touchend'], this.onControlBarMove) this.player.reportUserActivity = this.oldReportUserActivity } return CanvasPlayerControls }(videojs.EventTarget)) /** * This class manages ambisonic decoding and binaural rendering via Omnitone library. */ var OmnitoneController = /* #__PURE__ */ (function (_videojs$EventTarget) { inheritsLoose(OmnitoneController, _videojs$EventTarget) /** * Omnitone controller class. * * @class * @param {AudioContext} audioContext - associated AudioContext. * @param {Omnitone library} omnitone - Omnitone library element. * @param {HTMLVideoElement} video - vidoe tag element. * @param {Object} options - omnitone options. */ function OmnitoneController (audioContext, omnitone, video, options) { var _this _this = _videojs$EventTarget.call(this) || this var settings = videojs.mergeOptions({ // Safari uses the different AAC decoder than FFMPEG. The channel order is // The default 4ch AAC channel layout for FFMPEG AAC channel ordering. channelMap: videojs.browser.IS_SAFARI ? [2, 0, 1, 3] : [0, 1, 2, 3], ambisonicOrder: 1 }, options) _this.videoElementSource = audioContext.createMediaElementSource(video) _this.foaRenderer = omnitone.createFOARenderer(audioContext, settings) _this.foaRenderer.initialize().then(function () { if (audioContext.state === 'suspended') { _this.trigger({ type: 'audiocontext-suspended' }) } _this.videoElementSource.connect(_this.foaRenderer.input) _this.foaRenderer.output.connect(audioContext.destination) _this.initialized = true _this.trigger({ type: 'omnitone-ready' }) }, function (error) { videojs.log.warn('videojs-vr: Omnitone initializes failed with the following error: ' + error + ')') }) return _this } /** * Updates the rotation of the Omnitone decoder based on three.js camera matrix. * * @param {Camera} camera Three.js camera object */ var _proto = OmnitoneController.prototype _proto.update = function update (camera) { if (!this.initialized) { return } this.foaRenderer.setRotationMatrixFromCamera(camera.matrix) } /** * Destroys the controller and does any necessary cleanup. */ _proto.dispose = function dispose () { this.initialized = false this.foaRenderer.setRenderingMode('bypass') this.foaRenderer = null } return OmnitoneController }(videojs.EventTarget)) var Button = videojs.getComponent('Button') var CardboardButton = /* #__PURE__ */ (function (_Button) { inheritsLoose(CardboardButton, _Button) function CardboardButton (player, options) { var _this _this = _Button.call(this, player, options) || this _this.handleVrDisplayActivate_ = videojs.bind(assertThisInitialized(_this), _this.handleVrDisplayActivate_) _this.handleVrDisplayDeactivate_ = videojs.bind(assertThisInitialized(_this), _this.handleVrDisplayDeactivate_) _this.handleVrDisplayPresentChange_ = videojs.bind(assertThisInitialized(_this), _this.handleVrDisplayPresentChange_) _this.handleOrientationChange_ = videojs.bind(assertThisInitialized(_this), _this.handleOrientationChange_) window$1.addEventListener('orientationchange', _this.handleOrientationChange_) window$1.addEventListener('vrdisplayactivate', _this.handleVrDisplayActivate_) window$1.addEventListener('vrdisplaydeactivate', _this.handleVrDisplayDeactivate_) // vrdisplaypresentchange does not fire activate or deactivate // and happens when hitting the back button during cardboard mode // so we need to make sure we stay in the correct state by // listening to it and checking if we are presenting it or not window$1.addEventListener('vrdisplaypresentchange', _this.handleVrDisplayPresentChange_) // we cannot show the cardboard button in fullscreen on // android as it breaks the controls, and makes it impossible // to exit cardboard mode if (videojs.browser.IS_ANDROID) { _this.on(player, 'fullscreenchange', function () { if (player.isFullscreen()) { _this.hide() } else { _this.show() } }) } return _this } var _proto = CardboardButton.prototype _proto.buildCSSClass = function buildCSSClass () { return 'vjs-button-vr ' + _Button.prototype.buildCSSClass.call(this) } _proto.handleVrDisplayPresentChange_ = function handleVrDisplayPresentChange_ () { if (!this.player_.vr().vrDisplay.isPresenting && this.active_) { this.handleVrDisplayDeactivate_() } if (this.player_.vr().vrDisplay.isPresenting && !this.active_) { this.handleVrDisplayActivate_() } } _proto.handleOrientationChange_ = function handleOrientationChange_ () { if (this.active_ && videojs.browser.IS_IOS) { this.changeSize_() } } _proto.changeSize_ = function changeSize_ () { this.player_.width(window$1.innerWidth) this.player_.height(window$1.innerHeight) window$1.dispatchEvent(new window$1.Event('resize')) } _proto.handleVrDisplayActivate_ = function handleVrDisplayActivate_ () { // we mimic fullscreen on IOS if (videojs.browser.IS_IOS) { this.oldWidth_ = this.player_.currentWidth() this.oldHeight_ = this.player_.currentHeight() this.player_.enterFullWindow() this.changeSize_() } this.active_ = true } _proto.handleVrDisplayDeactivate_ = function handleVrDisplayDeactivate_ () { // un-mimic fullscreen on iOS if (videojs.browser.IS_IOS) { if (this.oldWidth_) { this.player_.width(this.oldWidth_) } if (this.oldHeight_) { this.player_.height(this.oldHeight_) } this.player_.exitFullWindow() } this.active_ = false } _proto.handleClick = function handleClick (event) { // if cardboard mode display is not active, activate it // otherwise deactivate it if (!this.active_) { // This starts playback mode when the cardboard button // is clicked on Andriod. We need to do this as the controls // disappear if (!this.player_.hasStarted() && videojs.browser.IS_ANDROID) { this.player_.play() } window$1.dispatchEvent(new window$1.Event('vrdisplayactivate')) } else { window$1.dispatchEvent(new window$1.Event('vrdisplaydeactivate')) } } _proto.dispose = function dispose () { _Button.prototype.dispose.call(this) window$1.removeEventListener('vrdisplayactivate', this.handleVrDisplayActivate_) window$1.removeEventListener('vrdisplaydeactivate', this.handleVrDisplayDeactivate_) window$1.removeEventListener('vrdisplaypresentchange', this.handleVrDisplayPresentChange_) } return CardboardButton }(Button)) videojs.registerComponent('CardboardButton', CardboardButton) var BigPlayButton = videojs.getComponent('BigPlayButton') var BigVrPlayButton = /* #__PURE__ */ (function (_BigPlayButton) { inheritsLoose(BigVrPlayButton, _BigPlayButton) function BigVrPlayButton () { return _BigPlayButton.apply(this, arguments) || this } var _proto = BigVrPlayButton.prototype _proto.buildCSSClass = function buildCSSClass () { return 'vjs-big-vr-play-button ' + _BigPlayButton.prototype.buildCSSClass.call(this) } return BigVrPlayButton }(BigPlayButton)) videojs.registerComponent('BigVrPlayButton', BigVrPlayButton) var defaults = { debug: false, omnitone: false, forceCardboard: false, omnitoneOptions: {}, projection: 'AUTO' } var errors = { 'web-vr-out-of-date': { headline: '360 is out of date', type: '360_OUT_OF_DATE', message: "Your browser supports 360 but not the latest version. See http://webvr.info for more info." }, 'web-vr-not-supported': { headline: '360 not supported on this device', type: '360_NOT_SUPPORTED', message: "Your browser does not support 360. See http://webvr.info for assistance." }, 'web-vr-hls-cors-not-supported': { headline: '360 HLS video not supported on this device', type: '360_NOT_SUPPORTED', message: "Your browser/device does not support HLS 360 video. See http://webvr.info for assistance." } } var Plugin = videojs.getPlugin('plugin') var Component = videojs.getComponent('Component') var VR = /* #__PURE__ */ (function (_Plugin) { inheritsLoose(VR, _Plugin) function VR (player, options) { var _this var settings = videojs.mergeOptions(defaults, options) _this = _Plugin.call(this, player, settings) || this _this.options_ = settings _this.player_ = player _this.bigPlayButtonIndex_ = player.children().indexOf(player.getChild('BigPlayButton')) || 0 // custom videojs-errors integration boolean _this.videojsErrorsSupport_ = !!videojs.errors if (_this.videojsErrorsSupport_) { player.errors({ errors: errors }) } // IE 11 does not support enough webgl to be supported // older safari does not support cors, so it wont work if (videojs.browser.IE_VERSION || !corsSupport) { // if a player triggers error before 'loadstart' is fired // video.js will reset the error overlay _this.player_.on('loadstart', function () { _this.triggerError_({ code: 'web-vr-not-supported', dismiss: false }) }) return assertThisInitialized(_this) } _this.polyfill_ = new WebVRPolyfill({ // do not show rotate instructions ROTATE_INSTRUCTIONS_DISABLED: true }) _this.polyfill_ = new WebVRPolyfill() _this.handleVrDisplayActivate_ = videojs.bind(assertThisInitialized(_this), _this.handleVrDisplayActivate_) _this.handleVrDisplayDeactivate_ = videojs.bind(assertThisInitialized(_this), _this.handleVrDisplayDeactivate_) _this.handleResize_ = videojs.bind(assertThisInitialized(_this), _this.handleResize_) _this.animate_ = videojs.bind(assertThisInitialized(_this), _this.animate_) _this.setProjection(_this.options_.projection) // any time the video element is recycled for ads // we have to reset the vr state and re-init after ad _this.on(player, 'adstart', function () { return player.setTimeout(function () { // if the video element was recycled for this ad if (!player.ads || !player.ads.videoElementRecycled()) { _this.log('video element not recycled for this ad, no need to reset') return } _this.log('video element recycled for this ad, reseting') _this.reset() _this.one(player, 'playing', _this.init) }) }, 1) _this.on(player, 'loadedmetadata', _this.init) return _this } var _proto = VR.prototype _proto.changeProjection_ = function changeProjection_ (projection) { var _this2 = this projection = getInternalProjectionName(projection) // don't change to an invalid projection if (!projection) { projection = 'NONE' } var position = { x: 0, y: 0, z: 0 } if (this.scene) { this.scene.remove(this.movieScreen) } if (projection === 'AUTO') { // mediainfo cannot be set to auto or we would infinite loop here // each source should know wether they are 360 or not, if using AUTO if (this.player_.mediainfo && this.player_.mediainfo.projection && this.player_.mediainfo.projection !== 'AUTO') { var autoProjection = getInternalProjectionName(this.player_.mediainfo.projection) return this.changeProjection_(autoProjection) } return this.changeProjection_('NONE') } else if (projection === '360') { this.movieGeometry = new SphereBufferGeometry(256, 32, 32) this.movieMaterial = new MeshBasicMaterial({ map: this.videoTexture, overdraw: true, side: BackSide }) this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial) this.movieScreen.position.set(position.x, position.y, position.z) this.movieScreen.scale.x = -1 this.movieScreen.quaternion.setFromAxisAngle({ x: 0, y: 1, z: 0 }, -Math.PI / 2) this.scene.add(this.movieScreen) } else if (projection === '360_LR' || projection === '360_TB') { // Left eye view var geometry = new SphereGeometry(256, 32, 32) var uvs = geometry.faceVertexUvs[0] for (var i = 0; i < uvs.length; i++) { for (var j = 0; j < 3; j++) { if (projection === '360_LR') { uvs[i][j].x *= 0.5 } else { uvs[i][j].y *= 0.5 uvs[i][j].y += 0.5 } } } this.movieGeometry = new BufferGeometry().fromGeometry(geometry) this.movieMaterial = new MeshBasicMaterial({ map: this.videoTexture, overdraw: true, side: BackSide }) this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial) this.movieScreen.scale.x = -1 this.movieScreen.quaternion.setFromAxisAngle({ x: 0, y: 1, z: 0 }, -Math.PI / 2) // display in left eye only this.movieScreen.layers.set(1) this.scene.add(this.movieScreen) // Right eye view geometry = new SphereGeometry(256, 32, 32) uvs = geometry.faceVertexUvs[0] for (var _i = 0; _i < uvs.length; _i++) { for (var _j = 0; _j < 3; _j++) { if (projection === '360_LR') { uvs[_i][_j].x *= 0.5 uvs[_i][_j].x += 0.5 } else { uvs[_i][_j].y *= 0.5 } } } this.movieGeometry = new BufferGeometry().fromGeometry(geometry) this.movieMaterial = new MeshBasicMaterial({ map: this.videoTexture, overdraw: true, side: BackSide }) this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial) this.movieScreen.scale.x = -1 this.movieScreen.quaternion.setFromAxisAngle({ x: 0, y: 1, z: 0 }, -Math.PI / 2) // display in right eye only this.movieScreen.layers.set(2) this.scene.add(this.movieScreen) } else if (projection === '360_CUBE') { this.movieGeometry = new BoxGeometry(256, 256, 256) this.movieMaterial = new MeshBasicMaterial({ map: this.videoTexture, overdraw: true, side: BackSide }) var left = [new Vector2(0, 0.5), new Vector2(0.333, 0.5), new Vector2(0.333, 1), new Vector2(0, 1)] var right = [new Vector2(0.333, 0.5), new Vector2(0.666, 0.5), new Vector2(0.666, 1), new Vector2(0.333, 1)] var top = [new Vector2(0.666, 0.5), new Vector2(1, 0.5), new Vector2(1, 1), new Vector2(0.666, 1)] var bottom = [new Vector2(0, 0), new Vector2(0.333, 0), new Vector2(0.333, 0.5), new Vector2(0, 0.5)] var front = [new Vector2(0.333, 0), new Vector2(0.666, 0), new Vector2(0.666, 0.5), new Vector2(0.333, 0.5)] var back = [new Vector2(0.666, 0), new Vector2(1, 0), new Vector2(1, 0.5), new Vector2(0.666, 0.5)] this.movieGeometry.faceVertexUvs[0] = [] this.movieGeometry.faceVertexUvs[0][0] = [right[2], right[1], right[3]] this.movieGeometry.faceVertexUvs[0][1] = [right[1], right[0], right[3]] this.movieGeometry.faceVertexUvs[0][2] = [left[2], left[1], left[3]] this.movieGeometry.faceVertexUvs[0][3] = [left[1], left[0], left[3]] this.movieGeometry.faceVertexUvs[0][4] = [top[2], top[1], top[3]] this.movieGeometry.faceVertexUvs[0][5] = [top[1], top[0], top[3]] this.movieGeometry.faceVertexUvs[0][6] = [bottom[2], bottom[1], bottom[3]] this.movieGeometry.faceVertexUvs[0][7] = [bottom[1], bottom[0], bottom[3]] this.movieGeometry.faceVertexUvs[0][8] = [front[2], front[1], front[3]] this.movieGeometry.faceVertexUvs[0][9] = [front[1], front[0], front[3]] this.movieGeometry.faceVertexUvs[0][10] = [back[2], back[1], back[3]] this.movieGeometry.faceVertexUvs[0][11] = [back[1], back[0], back[3]] this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial) this.movieScreen.position.set(position.x, position.y, position.z) this.movieScreen.rotation.y = -Math.PI this.scene.add(this.movieScreen) } else if (projection === '180') { var _geometry = new SphereGeometry(256, 32, 32, Math.PI, Math.PI) // Left eye view _geometry.scale(-1, 1, 1) var _uvs = _geometry.faceVertexUvs[0] for (var _i2 = 0; _i2 < _uvs.length; _i2++) { for (var _j2 = 0; _j2 < 3; _j2++) { _uvs[_i2][_j2].x *= 0.5 } } this.movieGeometry = new BufferGeometry().fromGeometry(_geometry) this.movieMaterial = new MeshBasicMaterial({ map: this.videoTexture, overdraw: true }) this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial) // display in left eye only this.movieScreen.layers.set(1) this.scene.add(this.movieScreen) // Right eye view _geometry = new SphereGeometry(256, 32, 32, Math.PI, Math.PI) _geometry.scale(-1, 1, 1) _uvs = _geometry.faceVertexUvs[0] for (var _i3 = 0; _i3 < _uvs.length; _i3++) { for (var _j3 = 0; _j3 < 3; _j3++) { _uvs[_i3][_j3].x *= 0.5 _uvs[_i3][_j3].x += 0.5 } } this.movieGeometry = new BufferGeometry().fromGeometry(_geometry) this.movieMaterial = new MeshBasicMaterial({ map: this.videoTexture, overdraw: true }) this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial) // display in right eye only this.movieScreen.layers.set(2) this.scene.add(this.movieScreen) } else if (projection === 'EAC' || projection === 'EAC_LR') { var makeScreen = function makeScreen (mapMatrix, scaleMatrix) { // "Continuity correction?": because of discontinuous faces and aliasing, // we truncate the 2-pixel-wide strips on all discontinuous edges, var contCorrect = 2 _this2.movieGeometry = new BoxGeometry(256, 256, 256) _this2.movieMaterial = new ShaderMaterial({ overdraw: true, side: BackSide, uniforms: { mapped: { value: _this2.videoTexture }, mapMatrix: { value: mapMatrix }, contCorrect: { value: contCorrect }, faceWH: { value: new Vector2(1 / 3, 1 / 2).applyMatrix3(scaleMatrix) }, vidWH: { value: new Vector2(_this2.videoTexture.image.videoWidth, _this2.videoTexture.image.videoHeight).applyMatrix3(scaleMatrix) } }, vertexShader: '\nvarying vec2 vUv;\nuniform mat3 mapMatrix;\n\nvoid main() {\n vUv = (mapMatrix * vec3(uv, 1.)).xy;\n gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.);\n}', fragmentShader: '\nvarying vec2 vUv;\nuniform sampler2D mapped;\nuniform vec2 faceWH;\nuniform vec2 vidWH;\nuniform float contCorrect;\n\nconst float PI = 3.1415926535897932384626433832795;\n\nvoid main() {\n vec2 corner = vUv - mod(vUv, faceWH) + vec2(0, contCorrect / vidWH.y);\n\n vec2 faceWHadj = faceWH - vec2(0, contCorrect * 2. / vidWH.y);\n\n vec2 p = (vUv - corner) / faceWHadj - .5;\n vec2 q = 2. / PI * atan(2. * p) + .5;\n\n vec2 eUv = corner + q * faceWHadj;\n\n gl_FragColor = texture2D(mapped, eUv);\n}' }) var right = [new Vector2(0, 1 / 2), new Vector2(1 / 3, 1 / 2), new Vector2(1 / 3, 1), new Vector2(0, 1)] var front = [new Vector2(1 / 3, 1 / 2), new Vector2(2 / 3, 1 / 2), new Vector2(2 / 3, 1), new Vector2(1 / 3, 1)] var left = [new Vector2(2 / 3, 1 / 2), new Vector2(1, 1 / 2), new Vector2(1, 1), new Vector2(2 / 3, 1)] var bottom = [new Vector2(1 / 3, 0), new Vector2(1 / 3, 1 / 2), new Vector2(0, 1 / 2), new Vector2(0, 0)] var back = [new Vector2(1 / 3, 1 / 2), new Vector2(1 / 3, 0), new Vector2(2 / 3, 0), new Vector2(2 / 3, 1 / 2)] var top = [new Vector2(1, 0), new Vector2(1, 1 / 2), new Vector2(2 / 3, 1 / 2), new Vector2(2 / 3, 0)] for (var _i4 = 0, _arr = [right, front, left, bottom, back, top]; _i4 < _arr.length; _i4++) { var face = _arr[_i4] var height = _this2.videoTexture.image.videoHeight var lowY = 1 var highY = 0 for (var _iterator = face, _isArray = Array.isArray(_iterator), _i5 = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator](); ;) { var _ref if (_isArray) { if (_i5 >= _iterator.length) break _ref = _iterator[_i5++] } else { _i5 = _iterator.next() if (_i5.done) break _ref = _i5.value } var vector = _ref if (vector.y < lowY) { lowY = vector.y } if (vector.y > highY) { highY = vector.y } } for (var _iterator2 = face, _isArray2 = Array.isArray(_iterator2), _i6 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator](); ;) { var _ref2 if (_isArray2) { if (_i6 >= _iterator2.length) break _ref2 = _iterator2[_i6++] } else { _i6 = _iterator2.next() if (_i6.done) break _ref2 = _i6.value } var _vector = _ref2 if (Math.abs(_vector.y - lowY) < Number.EPSILON) { _vector.y += contCorrect / height } if (Math.abs(_vector.y - highY) < Number.EPSILON) { _vector.y -= contCorrect / height } _vector.x = _vector.x / height * (height - contCorrect * 2) + contCorrect / height } } _this2.movieGeometry.faceVertexUvs[0] = [] _this2.movieGeometry.faceVertexUvs[0][0] = [right[2], right[1], right[3]] _this2.movieGeometry.faceVertexUvs[0][1] = [right[1], right[0], right[3]] _this2.movieGeometry.faceVertexUvs[0][2] = [left[2], left[1], left[3]] _this2.movieGeometry.faceVertexUvs[0][3] = [left[1], left[0], left[3]] _this2.movieGeometry.faceVertexUvs[0][4] = [top[2], top[1], top[3]] _this2.movieGeometry.faceVertexUvs[0][5] = [top[1], top[0], top[3]] _this2.movieGeometry.faceVertexUvs[0][6] = [bottom[2], bottom[1], bottom[3]] _this2.movieGeometry.faceVertexUvs[0][7] = [bottom[1], bottom[0], bottom[3]] _this2.movieGeometry.faceVertexUvs[0][8] = [front[2], front[1], front[3]] _this2.movieGeometry.faceVertexUvs[0][9] = [front[1], front[0], front[3]] _this2.movieGeometry.faceVertexUvs[0][10] = [back[2], back[1], back[3]] _this2.movieGeometry.faceVertexUvs[0][11] = [back[1], back[0], back[3]] _this2.movieScreen = new Mesh(_this2.movieGeometry, _this2.movieMaterial) _this2.movieScreen.position.set(position.x, position.y, position.z) _this2.movieScreen.rotation.y = -Math.PI return _this2.movieScreen } if (projection === 'EAC') { this.scene.add(makeScreen(new Matrix3(), new Matrix3())) } else { var scaleMatrix = new Matrix3().set(0, 0.5, 0, 1, 0, 0, 0, 0, 1) makeScreen(new Matrix3().set(0, -0.5, 0.5, 1, 0, 0, 0, 0, 1), scaleMatrix) // display in left eye only this.movieScreen.layers.set(1) this.scene.add(this.movieScreen) makeScreen(new Matrix3().set(0, -0.5, 1, 1, 0, 0, 0, 0, 1), scaleMatrix) // display in right eye only this.movieScreen.layers.set(2) this.scene.add(this.movieScreen) } } this.currentProjection_ = projection } _proto.triggerError_ = function triggerError_ (errorObj) { // if we have videojs-errors use it if (this.videojsErrorsSupport_) { this.player_.error(errorObj) // if we don't have videojs-errors just use a normal player error } else { // strip any html content from the error message // as it is not supported outside of videojs-errors var div = document$1.createElement('div') div.innerHTML = errors[errorObj.code].message var message = div.textContent || div.innerText || '' this.player_.error({ code: errorObj.code, message: message }) } } _proto.log = function log () { if (!this.options_.debug) { return } for (var _len = arguments.length, msgs = new Array(_len), _key = 0; _key < _len; _key++) { msgs[_key] = arguments[_key] } msgs.forEach(function (msg) { videojs.log('VR: ', msg) }) } _proto.handleVrDisplayActivate_ = function handleVrDisplayActivate_ () { var _this3 = this if (!this.vrDisplay) { return } this.vrDisplay.requestPresent([{ source: this.renderedCanvas }]).then(function () { if (!_this3.vrDisplay.cardboardUI_ || !videojs.browser.IS_IOS) { return } // webvr-polyfill/cardboard ui only watches for click events // to tell that the back arrow button is pressed during cardboard vr. // but somewhere along the line these events are silenced with preventDefault // but only on iOS, so we translate them ourselves here var touches = [] var iosCardboardTouchStart_ = function iosCardboardTouchStart_ (e) { for (var i = 0; i < e.touches.length; i++) { touches.push(e.touches[i]) } } var iosCardboardTouchEnd_ = function iosCardboardTouchEnd_ (e) { if (!touches.length) { return } touches.forEach(function (t) { var simulatedClick = new window$1.MouseEvent('click', { screenX: t.screenX, screenY: t.screenY, clientX: t.clientX, clientY: t.clientY }) _this3.renderedCanvas.dispatchEvent(simulatedClick) }) touches = [] } _this3.renderedCanvas.addEventListener('touchstart', iosCardboardTouchStart_) _this3.renderedCanvas.addEventListener('touchend', iosCardboardTouchEnd_) _this3.iosRevertTouchToClick_ = function () { _this3.renderedCanvas.removeEventListener('touchstart', iosCardboardTouchStart_) _this3.renderedCanvas.removeEventListener('touchend', iosCardboardTouchEnd_) _this3.iosRevertTouchToClick_ = null } }) } _proto.handleVrDisplayDeactivate_ = function handleVrDisplayDeactivate_ () { if (!this.vrDisplay || !this.vrDisplay.isPresenting) { return } if (this.iosRevertTouchToClick_) { this.iosRevertTouchToClick_() } this.vrDisplay.exitPresent() } _proto.requestAnimationFrame = function requestAnimationFrame (fn) { if (this.vrDisplay) { return this.vrDisplay.requestAnimationFrame(fn) } return this.player_.requestAnimationFrame(fn) } _proto.cancelAnimationFrame = function cancelAnimationFrame (id) { if (this.vrDisplay) { return this.vrDisplay.cancelAnimationFrame(id) } return this.player_.cancelAnimationFrame(id) } _proto.togglePlay_ = function togglePlay_ () { if (this.player_.paused()) { this.player_.play() } else { this.player_.pause() } } _proto.animate_ = function animate_ () { if (!this.initialized_) { return } if (this.getVideoEl_().readyState === this.getVideoEl_().HAVE_ENOUGH_DATA) { if (this.videoTexture) { this.videoTexture.needsUpdate = true } } this.controls3d.update() if (this.omniController) { this.omniController.update(this.camera) } this.effect.render(this.scene, this.camera) if (window$1.navigator.getGamepads) { // Grab all gamepads var gamepads = window$1.navigator.getGamepads() for (var i = 0; i < gamepads.length; ++i) { var gamepad = gamepads[i] // Make sure gamepad is defined // Only take input if state has changed since we checked last if (!gamepad || !gamepad.timestamp || gamepad.timestamp === this.prevTimestamps_[i]) { continue } for (var j = 0; j < gamepad.buttons.length; ++j) { if (gamepad.buttons[j].pressed) { this.togglePlay_() this.prevTimestamps_[i] = gamepad.timestamp break } } } } this.camera.getWorldDirection(this.cameraVector) this.animationFrameId_ = this.requestAnimationFrame(this.animate_) } _proto.handleResize_ = function handleResize_ () { var width = this.player_.currentWidth() var height = this.player_.currentHeight() this.effect.setSize(width, height, false) this.camera.aspect = width / height this.camera.updateProjectionMatrix() } _proto.setProjection = function setProjection (projection) { if (!getInternalProjectionName(projection)) { videojs.log.error('videojs-vr: please pass a valid projection ' + validProjections.join(', ')) return } this.currentProjection_ = projection this.defaultProjection_ = projection } _proto.init = function init () { var _this4 = this this.reset() this.camera = new PerspectiveCamera(75, this.player_.currentWidth() / this.player_.currentHeight(), 1, 1000) // Store vector representing the direction in which the camera is looking, in world space. this.cameraVector = new Vector3() if (this.currentProjection_ === '360_LR' || this.currentProjection_ === '360_TB' || this.currentProjection_ === '180' || this.currentProjection_ === 'EAC_LR') { // Render left eye when not in VR mode this.camera.layers.enable(1) } this.scene = new Scene() this.videoTexture = new VideoTexture(this.getVideoEl_()) // shared regardless of wether VideoTexture is used or // an image canvas is used this.videoTexture.generateMipmaps = false this.videoTexture.minFilter = LinearFilter this.videoTexture.magFilter = LinearFilter this.videoTexture.format = RGBFormat this.changeProjection_(this.currentProjection_) if (this.currentProjection_ === 'NONE') { this.log('Projection is NONE, dont init') this.reset() return } this.player_.removeChild('BigPlayButton') this.player_.addChild('BigVrPlayButton', {}, this.bigPlayButtonIndex_) this.player_.bigPlayButton = this.player_.getChild('BigVrPlayButton') // mobile devices, or cardboard forced to on if (this.options_.forceCardboard || videojs.browser.IS_ANDROID || videojs.browser.IS_IOS) { this.addCardboardButton_() } // if ios remove full screen toggle if (videojs.browser.IS_IOS) { this.player_.controlBar.fullscreenToggle.hide() } this.camera.position.set(0, 0, 0) this.renderer = new WebGLRenderer({ devicePixelRatio: window$1.devicePixelRatio, alpha: false, clearColor: 0xffffff, antialias: true }) var webglContext = this.renderer.getContext('webgl') var oldTexImage2D = webglContext.texImage2D /* this is a workaround since threejs uses try catch */ webglContext.texImage2D = function () { try { for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { args[_key2] = arguments[_key2] } return oldTexImage2D.apply(webglContext, args) } catch (e) { _this4.reset() _this4.player_.pause() _this4.triggerError_({ code: 'web-vr-hls-cors-not-supported', dismiss: false }) throw new Error(e) } } this.renderer.setSize(this.player_.currentWidth(), this.player_.currentHeight(), false) this.effect = new VREffect(this.renderer) this.effect.setSize(this.player_.currentWidth(), this.player_.currentHeight(), false) this.vrDisplay = null // Previous timestamps for gamepad updates console.log(this.renderer.domElement) this.prevTimestamps_ = [] this.renderedCanvas = this.renderer.domElement this.renderedCanvas.setAttribute('style', 'width: 100%; height: 100%; position: absolute; top:0;') var videoElStyle = this.getVideoEl_().style this.player_.el().insertBefore(this.renderedCanvas, this.player_.el().firstChild) videoElStyle.zIndex = '-1' videoElStyle.opacity = '0' if (window$1.navigator.getVRDisplays) { this.log('is supported, getting vr displays') window$1.navigator.getVRDisplays().then(function (displays) { if (displays.length > 0) { _this4.log('Displays found', displays) _this4.vrDisplay = displays[0] // Native WebVR Head Mounted Displays (HMDs) like the HTC Vive // also need the cardboard button to enter fully immersive mode // so, we want to add the button if we're not polyfilled. if (!_this4.vrDisplay.isPolyfilled) { _this4.log('Real HMD found using VRControls', _this4.vrDisplay) _this4.addCardboardButton_() // We use VRControls here since we are working with an HMD // and we only want orientation controls. _this4.controls3d = new VRControls(_this4.camera) } } if (!_this4.controls3d) { _this4.log('no HMD found Using Orbit & Orientation Controls') var options = { camera: _this4.camera, canvas: _this4.renderedCanvas, // check if its a half sphere view projection halfView: _this4.currentProjection_ === '180', orientation: videojs.browser.IS_IOS || videojs.browser.IS_ANDROID || false } if (_this4.options_.motionControls === false) { options.orientation = false } _this4.controls3d = new OrbitOrientationControls(options) _this4.canvasPlayerControls = new CanvasPlayerControls(_this4.player_, _this4.renderedCanvas) } _this4.animationFrameId_ = _this4.requestAnimationFrame(_this4.animate_) }) } else if (window$1.navigator.getVRDevices) { this.triggerError_({ code: 'web-vr-out-of-date', dismiss: false }) } else { this.triggerError_({ code: 'web-vr-not-supported', dismiss: false }) } if (this.options_.omnitone) { var audiocontext = AudioContext.getContext() this.omniController = new OmnitoneController(audiocontext, this.options_.omnitone, this.getVideoEl_(), this.options_.omnitoneOptions) this.omniController.one('audiocontext-suspended', function () { _this4.player.pause() _this4.player.one('playing', function () { audiocontext.resume() }) }) } this.on(this.player_, 'fullscreenchange', this.handleResize_) window$1.addEventListener('vrdisplaypresentchange', this.handleResize_, true) window$1.addEventListener('resize', this.handleResize_, true) window$1.addEventListener('vrdisplayactivate', this.handleVrDisplayActivate_, true) window$1.addEventListener('vrdisplaydeactivate', this.handleVrDisplayDeactivate_, true) this.initialized_ = true this.trigger('initialized') } _proto.addCardboardButton_ = function addCardboardButton_ () { if (!this.player_.controlBar.getChild('CardboardButton')) { this.player_.controlBar.addChild('CardboardButton', {}) } } _proto.getVideoEl_ = function getVideoEl_ () { return this.player_.el().getElementsByTagName('video')[0] } _proto.reset = function reset () { if (!this.initialized_) { return } if (this.omniController) { this.omniController.off('audiocontext-suspended') this.omniController.dispose() this.omniController = undefined } if (this.controls3d) { this.controls3d.dispose() this.controls3d = null } if (this.canvasPlayerControls) { this.canvasPlayerControls.dispose() this.canvasPlayerControls = null } if (this.effect) { this.effect.dispose() this.effect = null } window$1.removeEventListener('resize', this.handleResize_, true) window$1.removeEventListener('vrdisplaypresentchange', this.handleResize_, true) window$1.removeEventListener('vrdisplayactivate', this.handleVrDisplayActivate_, true) window$1.removeEventListener('vrdisplaydeactivate', this.handleVrDisplayDeactivate_, true) // re-add the big play button to player if (!this.player_.getChild('BigPlayButton')) { this.player_.addChild('BigPlayButton', {}, this.bigPlayButtonIndex_) } if (this.player_.getChild('BigVrPlayButton')) { this.player_.removeChild('BigVrPlayButton') } // remove the cardboard button if (this.player_.getChild('CardboardButton')) { this.player_.controlBar.removeChild('CardboardButton') } // show the fullscreen again if (videojs.browser.IS_IOS) { this.player_.controlBar.fullscreenToggle.show() } // reset the video element style so that it will be displayed var videoElStyle = this.getVideoEl_().style videoElStyle.zIndex = '' videoElStyle.opacity = '' // set the current projection to the default this.currentProjection_ = this.defaultProjection_ // reset the ios touch to click workaround if (this.iosRevertTouchToClick_) { this.iosRevertTouchToClick_() } // remove the old canvas if (this.renderedCanvas) { this.renderedCanvas.parentNode.removeChild(this.renderedCanvas) } if (this.animationFrameId_) { this.cancelAnimationFrame(this.animationFrameId_) } this.initialized_ = false } _proto.dispose = function dispose () { _Plugin.prototype.dispose.call(this) this.reset() } _proto.polyfillVersion = function polyfillVersion () { return WebVRPolyfill.version } return VR }(Plugin)) VR.prototype.setTimeout = Component.prototype.setTimeout VR.prototype.clearTimeout = Component.prototype.clearTimeout VR.VERSION = version videojs.registerPlugin('vr', VR) return VR }))