three-render-objects 1.27.4 → 1.27.6

package/dist/three-render-objects.js

@@ -1,4 +1,4 @@
-// Version 1.27.4 three-render-objects - https://github.com/vasturiano/three-render-objects
+// Version 1.27.6 three-render-objects - https://github.com/vasturiano/three-render-objects
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('three')) :
   typeof define === 'function' && define.amd ? define(['three'], factory) :
@@ -46,44 +46,33 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
-
   function _slicedToArray$1(arr, i) {
     return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1();
   }
-
   function _toConsumableArray(arr) {
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
   }
-
   function _arrayWithoutHoles(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
   }
-
   function _arrayWithHoles$1(arr) {
     if (Array.isArray(arr)) return arr;
   }
-
   function _iterableToArray(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
-
   function _iterableToArrayLimit$1(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
     if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-
     var _s, _e;
-
     try {
       for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
         _arr.push(_s.value);
-
         if (i && _arr.length === i) break;
       }
     } catch (err) {
@@ -96,10 +85,8 @@
         if (_d) throw _e;
       }
     }
-
     return _arr;
   }
-
   function _unsupportedIterableToArray$1(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
@@ -108,19 +95,14 @@
     if (n === "Map" || n === "Set") return Array.from(o);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
   }
-
   function _arrayLikeToArray$1(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
     return arr2;
   }
-
   function _nonIterableSpread() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-
   function _nonIterableRest$1() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
@@ -819,8 +801,20 @@
 
   				case 2:
   					_state = STATE.TOUCH_ZOOM_PAN;
-  					_moveCurr.copy( getMouseOnCircle( event.pageX - _movePrev.x, event.pageY - _movePrev.y ) );
-  					_movePrev.copy( _moveCurr );
+
+  					for ( let i = 0; i < _pointers.length; i ++ ) {
+
+  						if ( _pointers[ i ].pointerId !== event.pointerId ) {
+
+  							const position = _pointerPositions[ _pointers[ i ].pointerId ];
+  							_moveCurr.copy( getMouseOnCircle( position.x, position.y ) );
+  							_movePrev.copy( _moveCurr );
+  							break;
+
+  						}
+
+  					}
+
   					break;
 
   			}
@@ -2159,7 +2153,7 @@
 
   		this.tmpQuaternion = new three$1.Quaternion();
 
-  		this.mouseStatus = 0;
+  		this.status = 0;
 
   		this.moveState = { up: 0, down: 0, left: 0, right: 0, forward: 0, back: 0, pitchUp: 0, pitchDown: 0, yawLeft: 0, yawRight: 0, rollLeft: 0, rollRight: 0 };
   		this.moveVector = new three$1.Vector3( 0, 0, 0 );
@@ -2235,11 +2229,11 @@
 
   		};
 
-  		this.mousedown = function ( event ) {
+  		this.pointerdown = function ( event ) {
 
   			if ( this.dragToLook ) {
 
-  				this.mouseStatus ++;
+  				this.status ++;
 
   			} else {
 
@@ -2256,9 +2250,9 @@
 
   		};
 
-  		this.mousemove = function ( event ) {
+  		this.pointermove = function ( event ) {
 
-  			if ( ! this.dragToLook || this.mouseStatus > 0 ) {
+  			if ( ! this.dragToLook || this.status > 0 ) {
 
   				const container = this.getContainerDimensions();
   				const halfWidth = container.size[ 0 ] / 2;
@@ -2273,11 +2267,11 @@
 
   		};
 
-  		this.mouseup = function ( event ) {
+  		this.pointerup = function ( event ) {
 
   			if ( this.dragToLook ) {
 
-  				this.mouseStatus --;
+  				this.status --;
 
   				this.moveState.yawLeft = this.moveState.pitchDown = 0;
 
@@ -2368,26 +2362,25 @@
   		this.dispose = function () {
 
   			this.domElement.removeEventListener( 'contextmenu', contextmenu );
-  			this.domElement.removeEventListener( 'mousedown', _mousedown );
-  			this.domElement.removeEventListener( 'mousemove', _mousemove );
-  			this.domElement.removeEventListener( 'mouseup', _mouseup );
+  			this.domElement.removeEventListener( 'pointerdown', _pointerdown );
+  			this.domElement.removeEventListener( 'pointermove', _pointermove );
+  			this.domElement.removeEventListener( 'pointerup', _pointerup );
 
   			window.removeEventListener( 'keydown', _keydown );
   			window.removeEventListener( 'keyup', _keyup );
 
   		};
 
-  		const _mousemove = this.mousemove.bind( this );
-  		const _mousedown = this.mousedown.bind( this );
-  		const _mouseup = this.mouseup.bind( this );
+  		const _pointermove = this.pointermove.bind( this );
+  		const _pointerdown = this.pointerdown.bind( this );
+  		const _pointerup = this.pointerup.bind( this );
   		const _keydown = this.keydown.bind( this );
   		const _keyup = this.keyup.bind( this );
 
   		this.domElement.addEventListener( 'contextmenu', contextmenu );
-
-  		this.domElement.addEventListener( 'mousemove', _mousemove );
-  		this.domElement.addEventListener( 'mousedown', _mousedown );
-  		this.domElement.addEventListener( 'mouseup', _mouseup );
+  		this.domElement.addEventListener( 'pointerdown', _pointerdown );
+  		this.domElement.addEventListener( 'pointermove', _pointermove );
+  		this.domElement.addEventListener( 'pointerup', _pointerup );
 
   		window.addEventListener( 'keydown', _keydown );
   		window.addEventListener( 'keyup', _keyup );
@@ -2473,6 +2466,8 @@
 
   	}
 
+  	dispose() {}
+
   }
 
   // Helper for passes that need to fill the viewport with a single quad.
@@ -2578,6 +2573,14 @@
 
   	}
 
+  	dispose() {
+
+  		this.material.dispose();
+
+  		this.fsQuad.dispose();
+
+  	}
+
   }
 
   class MaskPass extends Pass {
@@ -2898,6 +2901,15 @@
 
   	}
 
+  	dispose() {
+
+  		this.renderTarget1.dispose();
+  		this.renderTarget2.dispose();
+
+  		this.copyPass.dispose();
+
+  	}
+
   }
 
   // Helper for passes that need to fill the viewport with a single quad.
@@ -2989,14 +3001,12 @@
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
@@ -3006,7 +3016,6 @@
     if (self === void 0) {
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
-
     return self;
   }
 
@@ -3039,7 +3048,6 @@
     if (typeof Reflect === "undefined" || !Reflect.construct) return false;
     if (Reflect.construct.sham) return false;
     if (typeof Proxy === "function") return true;
-
     try {
       Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
       return true;
@@ -3061,30 +3069,23 @@
         return instance;
       };
     }
-
     return _construct.apply(null, arguments);
   }
 
   function _wrapNativeSuper(Class) {
     var _cache = typeof Map === "function" ? new Map() : undefined;
-
     _wrapNativeSuper = function _wrapNativeSuper(Class) {
       if (Class === null || !_isNativeFunction(Class)) return Class;
-
       if (typeof Class !== "function") {
         throw new TypeError("Super expression must either be null or a function");
       }
-
       if (typeof _cache !== "undefined") {
         if (_cache.has(Class)) return _cache.get(Class);
-
         _cache.set(Class, Wrapper);
       }
-
       function Wrapper() {
         return _construct(Class, arguments, _getPrototypeOf(this).constructor);
       }
-
       Wrapper.prototype = Object.create(Class.prototype, {
         constructor: {
           value: Wrapper,
@@ -3095,7 +3096,6 @@
       });
       return _setPrototypeOf(Wrapper, Class);
     };
-
     return _wrapNativeSuper(Class);
   }
 
@@ -4961,11 +4961,9 @@
           state.extraRenderers.forEach(function (r) {
             return r.render(state.scene, state.camera);
           });
-
           if (state.enablePointerInteraction) {
             // Update tooltip and trigger onHover events
             var topObject = null;
-
             if (state.hoverDuringDrag || !state.isPointerDragging) {
               var intersects = this.intersectingObjects(state.pointerPos.x, state.pointerPos.y).filter(function (d) {
                 return state.hoverFilter(d.object);
@@ -4976,14 +4974,12 @@
               topObject = topIntersect ? topIntersect.object : null;
               state.intersectionPoint = topIntersect ? topIntersect.point : null;
             }
-
             if (topObject !== state.hoverObj) {
               state.onHover(topObject, state.hoverObj);
               state.toolTipElem.innerHTML = topObject ? index$1(state.tooltipContent)(topObject) || '' : '';
               state.hoverObj = topObject;
             }
           }
-
           exports$1.update(); // update camera animation tweens
         }
 
@@ -4991,16 +4987,17 @@
       },
       getPointerPos: function getPointerPos(state) {
         var _state$pointerPos = state.pointerPos,
-            x = _state$pointerPos.x,
-            y = _state$pointerPos.y;
+          x = _state$pointerPos.x,
+          y = _state$pointerPos.y;
         return {
           x: x,
           y: y
         };
       },
       cameraPosition: function cameraPosition(state, position, lookAt, transitionDuration) {
-        var camera = state.camera; // Setter
+        var camera = state.camera;
 
+        // Setter
         if (position && state.initialised) {
           var finalPos = position;
           var finalLookAt = lookAt || {
@@ -5008,7 +5005,6 @@
             y: 0,
             z: 0
           };
-
           if (!transitionDuration) {
             // no animation
             setCameraPos(finalPos);
@@ -5016,31 +5012,31 @@
           } else {
             var camPos = Object.assign({}, camera.position);
             var camLookAt = getLookAt();
-            new exports$1.Tween(camPos).to(finalPos, transitionDuration).easing(exports$1.Easing.Quadratic.Out).onUpdate(setCameraPos).start(); // Face direction in 1/3rd of time
+            new exports$1.Tween(camPos).to(finalPos, transitionDuration).easing(exports$1.Easing.Quadratic.Out).onUpdate(setCameraPos).start();
 
+            // Face direction in 1/3rd of time
             new exports$1.Tween(camLookAt).to(finalLookAt, transitionDuration / 3).easing(exports$1.Easing.Quadratic.Out).onUpdate(setLookAt).start();
           }
-
           return this;
-        } // Getter
-
+        }
 
+        // Getter
         return Object.assign({}, camera.position, {
           lookAt: getLookAt()
-        }); //
+        });
+
+        //
 
         function setCameraPos(pos) {
           var x = pos.x,
-              y = pos.y,
-              z = pos.z;
+            y = pos.y,
+            z = pos.z;
           if (x !== undefined) camera.position.x = x;
           if (y !== undefined) camera.position.y = y;
           if (z !== undefined) camera.position.z = z;
         }
-
         function setLookAt(lookAt) {
           var lookAtVect = new three.Vector3(lookAt.x, lookAt.y, lookAt.z);
-
           if (state.controls.target) {
             state.controls.target = lookAtVect;
           } else {
@@ -5056,11 +5052,9 @@
       zoomToFit: function zoomToFit(state) {
         var transitionDuration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
         var padding = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
-
         for (var _len = arguments.length, bboxArgs = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
           bboxArgs[_key - 3] = arguments[_key];
         }
-
         return this.fitToBbox(this.getBbox.apply(this, bboxArgs), transitionDuration, padding);
       },
       fitToBbox: function fitToBbox(state, bbox) {
@@ -5068,31 +5062,27 @@
         var padding = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 10;
         // based on https://discourse.threejs.org/t/camera-zoom-to-fit-object/936/24
         var camera = state.camera;
-
         if (bbox) {
           var center = new three.Vector3(0, 0, 0); // reset camera aim to center
-
           var maxBoxSide = Math.max.apply(Math, _toConsumableArray(Object.entries(bbox).map(function (_ref) {
             var _ref2 = _slicedToArray$1(_ref, 2),
-                coordType = _ref2[0],
-                coords = _ref2[1];
-
+              coordType = _ref2[0],
+              coords = _ref2[1];
             return Math.max.apply(Math, _toConsumableArray(coords.map(function (c) {
               return Math.abs(center[coordType] - c);
             })));
-          }))) * 2; // find distance that fits whole bbox within padded fov
+          }))) * 2;
 
+          // find distance that fits whole bbox within padded fov
           var paddedFov = (1 - padding * 2 / state.height) * camera.fov;
           var fitHeightDistance = maxBoxSide / Math.atan(paddedFov * Math.PI / 180);
           var fitWidthDistance = fitHeightDistance / camera.aspect;
           var distance = Math.max(fitHeightDistance, fitWidthDistance);
-
           if (distance > 0) {
             var newCameraPosition = center.clone().sub(camera.position).normalize().multiplyScalar(-distance);
             this.cameraPosition(newCameraPosition, center, transitionDuration);
           }
         }
-
         return this;
       },
       getBbox: function getBbox(state) {
@@ -5104,8 +5094,9 @@
         if (!objs.length) return null;
         objs.forEach(function (obj) {
           return box.expandByObject(obj);
-        }); // extract global x,y,z min/max
+        });
 
+        // extract global x,y,z min/max
         return Object.assign.apply(Object, _toConsumableArray(['x', 'y', 'z'].map(function (c) {
           return _defineProperty({}, c, [box.min[c], box.max[c]]);
         })));
@@ -5113,7 +5104,6 @@
       getScreenCoords: function getScreenCoords(state, x, y, z) {
         var vec = new three.Vector3(x, y, z);
         vec.project(this.camera()); // project to the camera plane
-
         return {
           // align relative pos to canvas dimensions
           x: (vec.x + 1) * state.width / 2,
@@ -5131,7 +5121,6 @@
         var relCoords = new three.Vector2(x / state.width * 2 - 1, -(y / state.height) * 2 + 1);
         var raycaster = new three.Raycaster();
         raycaster.params.Line.threshold = state.lineHoverPrecision; // set linePrecision
-
         raycaster.setFromCamera(relCoords, state.camera);
         return raycaster.intersectObjects(state.objects, true);
       },
@@ -5153,8 +5142,8 @@
       tbControls: function tbControls(state) {
         return state.controls;
       } // to be deprecated
-
     },
+
     stateInit: function stateInit() {
       return {
         scene: new three.Scene(),
@@ -5164,22 +5153,23 @@
     },
     init: function init(domNode, state) {
       var _ref4 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-          _ref4$controlType = _ref4.controlType,
-          controlType = _ref4$controlType === void 0 ? 'trackball' : _ref4$controlType,
-          _ref4$rendererConfig = _ref4.rendererConfig,
-          rendererConfig = _ref4$rendererConfig === void 0 ? {} : _ref4$rendererConfig,
-          _ref4$extraRenderers = _ref4.extraRenderers,
-          extraRenderers = _ref4$extraRenderers === void 0 ? [] : _ref4$extraRenderers,
-          _ref4$waitForLoadComp = _ref4.waitForLoadComplete,
-          waitForLoadComplete = _ref4$waitForLoadComp === void 0 ? true : _ref4$waitForLoadComp;
-
+        _ref4$controlType = _ref4.controlType,
+        controlType = _ref4$controlType === void 0 ? 'trackball' : _ref4$controlType,
+        _ref4$rendererConfig = _ref4.rendererConfig,
+        rendererConfig = _ref4$rendererConfig === void 0 ? {} : _ref4$rendererConfig,
+        _ref4$extraRenderers = _ref4.extraRenderers,
+        extraRenderers = _ref4$extraRenderers === void 0 ? [] : _ref4$extraRenderers,
+        _ref4$waitForLoadComp = _ref4.waitForLoadComplete,
+        waitForLoadComplete = _ref4$waitForLoadComp === void 0 ? true : _ref4$waitForLoadComp;
       // Wipe DOM
-      domNode.innerHTML = ''; // Add relative container
+      domNode.innerHTML = '';
 
+      // Add relative container
       domNode.appendChild(state.container = document.createElement('div'));
       state.container.className = 'scene-container';
-      state.container.style.position = 'relative'; // Add nav info section
+      state.container.style.position = 'relative';
 
+      // Add nav info section
       state.container.appendChild(state.navInfo = document.createElement('div'));
       state.navInfo.className = 'scene-nav-info';
       state.navInfo.textContent = {
@@ -5187,44 +5177,46 @@
         trackball: 'Left-click: rotate, Mouse-wheel/middle-click: zoom, Right-click: pan',
         fly: 'WASD: move, R|F: up | down, Q|E: roll, up|down: pitch, left|right: yaw'
       }[controlType] || '';
-      state.navInfo.style.display = state.showNavInfo ? null : 'none'; // Setup tooltip
+      state.navInfo.style.display = state.showNavInfo ? null : 'none';
 
+      // Setup tooltip
       state.toolTipElem = document.createElement('div');
       state.toolTipElem.classList.add('scene-tooltip');
-      state.container.appendChild(state.toolTipElem); // Capture pointer coords on move or touchstart
+      state.container.appendChild(state.toolTipElem);
 
+      // Capture pointer coords on move or touchstart
       state.pointerPos = new three.Vector2();
       state.pointerPos.x = -2; // Initialize off canvas
-
       state.pointerPos.y = -2;
       ['pointermove', 'pointerdown'].forEach(function (evType) {
         return state.container.addEventListener(evType, function (ev) {
           // track click state
-          evType === 'pointerdown' && (state.isPointerPressed = true); // detect point drag
+          evType === 'pointerdown' && (state.isPointerPressed = true);
 
+          // detect point drag
           !state.isPointerDragging && ev.type === 'pointermove' && (ev.pressure > 0 || state.isPointerPressed) // ev.pressure always 0 on Safari, so we used the isPointerPressed tracker
           && (ev.pointerType !== 'touch' || ev.movementX === undefined || [ev.movementX, ev.movementY].some(function (m) {
             return Math.abs(m) > 1;
           })) // relax drag trigger sensitivity on touch events
           && (state.isPointerDragging = true);
-
           if (state.enablePointerInteraction) {
             // update the pointer pos
             var offset = getOffset(state.container);
             state.pointerPos.x = ev.pageX - offset.left;
-            state.pointerPos.y = ev.pageY - offset.top; // Move tooltip
+            state.pointerPos.y = ev.pageY - offset.top;
 
+            // Move tooltip
             state.toolTipElem.style.top = "".concat(state.pointerPos.y, "px");
-            state.toolTipElem.style.left = "".concat(state.pointerPos.x, "px"); // adjust horizontal position to not exceed canvas boundaries
-
-            state.toolTipElem.style.transform = "translate(-".concat(state.pointerPos.x / state.width * 100, "%, ").concat( // flip to above if near bottom
+            state.toolTipElem.style.left = "".concat(state.pointerPos.x, "px");
+            // adjust horizontal position to not exceed canvas boundaries
+            state.toolTipElem.style.transform = "translate(-".concat(state.pointerPos.x / state.width * 100, "%, ").concat(
+            // flip to above if near bottom
             state.height - state.pointerPos.y < 100 ? 'calc(-100% - 8px)' : '21px', ")");
           }
-
           function getOffset(el) {
             var rect = el.getBoundingClientRect(),
-                scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,
-                scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+              scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,
+              scrollTop = window.pageYOffset || document.documentElement.scrollTop;
             return {
               top: rect.top + scrollTop,
               left: rect.left + scrollLeft
@@ -5233,11 +5225,11 @@
         }, {
           passive: true
         });
-      }); // Handle click events on objs
+      });
 
+      // Handle click events on objs
       state.container.addEventListener('pointerup', function (ev) {
         state.isPointerPressed = false;
-
         if (state.isPointerDragging) {
           state.isPointerDragging = false;
           if (!state.clickAfterDrag) return; // don't trigger onClick after pointer drag (camera motion via controls)
@@ -5262,16 +5254,17 @@
 
       state.container.addEventListener('contextmenu', function (ev) {
         if (state.onRightClick) ev.preventDefault(); // prevent default contextmenu behavior and allow pointerup to fire instead
-      }); // Setup renderer, camera and controls
+      });
 
+      // Setup renderer, camera and controls
       state.renderer = new three.WebGLRenderer(Object.assign({
         antialias: true,
         alpha: true
       }, rendererConfig));
       state.renderer.setPixelRatio(Math.min(2, window.devicePixelRatio)); // clamp device pixel ratio
+      state.container.appendChild(state.renderer.domElement);
 
-      state.container.appendChild(state.renderer.domElement); // Setup extra renderers
-
+      // Setup extra renderers
       state.extraRenderers = extraRenderers;
       state.extraRenderers.forEach(function (r) {
         // overlay them on top of main renderer
@@ -5279,24 +5272,23 @@
         r.domElement.style.top = '0px';
         r.domElement.style.pointerEvents = 'none';
         state.container.appendChild(r.domElement);
-      }); // configure post-processing composer
+      });
 
+      // configure post-processing composer
       state.postProcessingComposer = new EffectComposer(state.renderer);
       state.postProcessingComposer.addPass(new RenderPass(state.scene, state.camera)); // render scene as first pass
-      // configure controls
 
+      // configure controls
       state.controls = new {
         trackball: TrackballControls,
         orbit: OrbitControls,
         fly: FlyControls
       }[controlType](state.camera, state.renderer.domElement);
-
       if (controlType === 'fly') {
         state.controls.movementSpeed = 300;
         state.controls.rollSpeed = Math.PI / 6;
         state.controls.dragToLook = true;
       }
-
       if (controlType === 'trackball' || controlType === 'orbit') {
         state.controls.minDistance = 0.1;
         state.controls.maxDistance = state.skyRadius;
@@ -5313,14 +5305,14 @@
           state.controlsDragging = false;
         });
       }
-
       [state.renderer, state.postProcessingComposer].concat(_toConsumableArray(state.extraRenderers)).forEach(function (r) {
         return r.setSize(state.width, state.height);
       });
       state.camera.aspect = state.width / state.height;
       state.camera.updateProjectionMatrix();
-      state.camera.position.z = 1000; // add sky
+      state.camera.position.z = 1000;
 
+      // add sky
       state.scene.add(state.skysphere = new three.Mesh());
       state.skysphere.visible = false;
       state.loadComplete = state.scene.visible = !waitForLoadComplete;
@@ -5337,20 +5329,17 @@
         state.camera.aspect = state.width / state.height;
         state.camera.updateProjectionMatrix();
       }
-
       if (changedProps.hasOwnProperty('skyRadius') && state.skyRadius) {
         state.controls.hasOwnProperty('maxDistance') && changedProps.skyRadius && (state.controls.maxDistance = Math.min(state.controls.maxDistance, state.skyRadius));
         state.camera.far = state.skyRadius * 2.5;
         state.camera.updateProjectionMatrix();
         state.skysphere.geometry = new three.SphereGeometry(state.skyRadius);
       }
-
       if (changedProps.hasOwnProperty('backgroundColor')) {
         var alpha = parseToRgb(state.backgroundColor).alpha;
         if (alpha === undefined) alpha = 1;
         state.renderer.setClearColor(new three.Color(curriedOpacify$1(1, state.backgroundColor)), alpha);
       }
-
       if (changedProps.hasOwnProperty('backgroundImageUrl')) {
         if (!state.backgroundImageUrl) {
           state.skysphere.visible = false;
@@ -5362,26 +5351,25 @@
               map: texture,
               side: three.BackSide
             });
-            state.skysphere.visible = true; // triggered when background image finishes loading (asynchronously to allow 1 frame to load texture)
+            state.skysphere.visible = true;
 
+            // triggered when background image finishes loading (asynchronously to allow 1 frame to load texture)
             state.onBackgroundImageLoaded && setTimeout(state.onBackgroundImageLoaded);
             !state.loadComplete && finishLoad();
           });
         }
       }
-
       changedProps.hasOwnProperty('showNavInfo') && (state.navInfo.style.display = state.showNavInfo ? null : 'none');
-
       if (changedProps.hasOwnProperty('objects')) {
         (changedProps.objects || []).forEach(function (obj) {
           return state.scene.remove(obj);
         }); // Clear the place
-
         state.objects.forEach(function (obj) {
           return state.scene.add(obj);
         }); // Add to scene
-      } //
+      }
 
+      //
 
       function finishLoad() {
         state.loadComplete = state.scene.visible = true;