three-render-objects 1.28.3 → 1.28.5

package/dist/three-render-objects.js

@@ -1,4 +1,4 @@
-// Version 1.28.3 three-render-objects - https://github.com/vasturiano/three-render-objects
+// Version 1.28.5 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) :
@@ -327,13 +327,13 @@
 
   				} else if ( scope.object.isOrthographicCamera ) {
 
-  						scope.object.zoom = three$1.MathUtils.clamp( scope.object.zoom / factor, scope.minZoom, scope.maxZoom );
-  						
-  						if ( lastZoom !== scope.object.zoom ) {
+  					scope.object.zoom = three$1.MathUtils.clamp( scope.object.zoom / factor, scope.minZoom, scope.maxZoom );
 
-  							scope.object.updateProjectionMatrix();
-  							
-  						}
+  					if ( lastZoom !== scope.object.zoom ) {
+
+  						scope.object.updateProjectionMatrix();
+
+  					}
 
   				} else {
 
@@ -354,11 +354,11 @@
   					} else if ( scope.object.isOrthographicCamera ) {
 
   						scope.object.zoom = three$1.MathUtils.clamp( scope.object.zoom / factor, scope.minZoom, scope.maxZoom );
-  						
+
   						if ( lastZoom !== scope.object.zoom ) {
 
   							scope.object.updateProjectionMatrix();
-  							
+
   						}
 
   					} else {
@@ -1100,6 +1100,7 @@
 
   			const lastPosition = new three$1.Vector3();
   			const lastQuaternion = new three$1.Quaternion();
+  			const lastTargetPosition = new three$1.Vector3();
 
   			const twoPI = 2 * Math.PI;
 
@@ -1213,12 +1214,15 @@
 
   				if ( zoomChanged ||
   					lastPosition.distanceToSquared( scope.object.position ) > EPS ||
-  					8 * ( 1 - lastQuaternion.dot( scope.object.quaternion ) ) > EPS ) {
+  					8 * ( 1 - lastQuaternion.dot( scope.object.quaternion ) ) > EPS ||
+  					lastTargetPosition.distanceToSquared( scope.target ) > 0 ) {
 
   					scope.dispatchEvent( _changeEvent$1 );
 
   					lastPosition.copy( scope.object.position );
   					lastQuaternion.copy( scope.object.quaternion );
+  					lastTargetPosition.copy( scope.target );
+
   					zoomChanged = false;
 
   					return true;
@@ -2477,6 +2481,8 @@
 
   const CopyShader = {
 
+  	name: 'CopyShader',
+
   	uniforms: {
 
   		'tDiffuse': { value: null },
@@ -2609,6 +2615,7 @@
 
   			this.material = new three$1.ShaderMaterial( {
 
+  				name: ( shader.name !== undefined ) ? shader.name : 'unspecified',
   				defines: Object.assign( {}, shader.defines ),
   				uniforms: this.uniforms,
   				vertexShader: shader.vertexShader,
@@ -2762,19 +2769,19 @@
 
   		this.renderer = renderer;
 
+  		this._pixelRatio = renderer.getPixelRatio();
+
   		if ( renderTarget === undefined ) {
 
   			const size = renderer.getSize( new three$1.Vector2() );
-  			this._pixelRatio = renderer.getPixelRatio();
   			this._width = size.width;
   			this._height = size.height;
 
-  			renderTarget = new three$1.WebGLRenderTarget( this._width * this._pixelRatio, this._height * this._pixelRatio );
+  			renderTarget = new three$1.WebGLRenderTarget( this._width * this._pixelRatio, this._height * this._pixelRatio, { type: three$1.HalfFloatType } );
   			renderTarget.texture.name = 'EffectComposer.rt1';
 
   		} else {
 
-  			this._pixelRatio = 1;
   			this._width = renderTarget.width;
   			this._height = renderTarget.height;
 
@@ -4017,37 +4024,7 @@
       },
   });
 
-  var now$2;
-  // Include a performance.now polyfill.
-  // In node.js, use process.hrtime.
-  // eslint-disable-next-line
-  // @ts-ignore
-  if (typeof self === 'undefined' && typeof process !== 'undefined' && process.hrtime) {
-      now$2 = function () {
-          // eslint-disable-next-line
-          // @ts-ignore
-          var time = process.hrtime();
-          // Convert [seconds, nanoseconds] to milliseconds.
-          return time[0] * 1000 + time[1] / 1000000;
-      };
-  }
-  // In a browser, use self.performance.now if it is available.
-  else if (typeof self !== 'undefined' && self.performance !== undefined && self.performance.now !== undefined) {
-      // This must be bound, because directly assigning this function
-      // leads to an invocation exception in Chrome.
-      now$2 = self.performance.now.bind(self.performance);
-  }
-  // Use Date.now if it is available.
-  else if (Date.now !== undefined) {
-      now$2 = Date.now;
-  }
-  // Otherwise, use 'new Date().getTime()'.
-  else {
-      now$2 = function () {
-          return new Date().getTime();
-      };
-  }
-  var now$1$1 = now$2;
+  var now$2 = function () { return performance.now(); };
 
   /**
    * Controlling groups of tweens
@@ -4078,7 +4055,7 @@
           delete this._tweensAddedDuringUpdate[tween.getId()];
       };
       Group.prototype.update = function (time, preserve) {
-          if (time === void 0) { time = now$1$1(); }
+          if (time === void 0) { time = now$2(); }
           if (preserve === void 0) { preserve = false; }
           var tweenIds = Object.keys(this._tweens);
           if (tweenIds.length === 0) {
@@ -4219,6 +4196,7 @@
           this._valuesEnd = {};
           this._valuesStartRepeat = {};
           this._duration = 1000;
+          this._isDynamic = false;
           this._initialRepeat = 0;
           this._repeat = 0;
           this._yoyo = false;
@@ -4234,6 +4212,7 @@
           this._onEveryStartCallbackFired = false;
           this._id = Sequence.nextId();
           this._isChainStopped = false;
+          this._propertiesAreSetUp = false;
           this._goToEnd = false;
       }
       Tween.prototype.getId = function () {
@@ -4245,24 +4224,27 @@
       Tween.prototype.isPaused = function () {
           return this._isPaused;
       };
-      Tween.prototype.to = function (properties, duration) {
-          // TODO? restore this, then update the 07_dynamic_to example to set fox
-          // tween's to on each update. That way the behavior is opt-in (there's
-          // currently no opt-out).
-          // for (const prop in properties) this._valuesEnd[prop] = properties[prop]
-          this._valuesEnd = Object.create(properties);
-          if (duration !== undefined) {
-              this._duration = duration;
-          }
+      Tween.prototype.to = function (target, duration) {
+          if (duration === void 0) { duration = 1000; }
+          if (this._isPlaying)
+              throw new Error('Can not call Tween.to() while Tween is already started or paused. Stop the Tween first.');
+          this._valuesEnd = target;
+          this._propertiesAreSetUp = false;
+          this._duration = duration;
+          return this;
+      };
+      Tween.prototype.duration = function (duration) {
+          if (duration === void 0) { duration = 1000; }
+          this._duration = duration;
           return this;
       };
-      Tween.prototype.duration = function (d) {
-          if (d === void 0) { d = 1000; }
-          this._duration = d;
+      Tween.prototype.dynamic = function (dynamic) {
+          if (dynamic === void 0) { dynamic = false; }
+          this._isDynamic = dynamic;
           return this;
       };
       Tween.prototype.start = function (time, overrideStartingValues) {
-          if (time === void 0) { time = now$1$1(); }
+          if (time === void 0) { time = now$2(); }
           if (overrideStartingValues === void 0) { overrideStartingValues = false; }
           if (this._isPlaying) {
               return this;
@@ -4286,7 +4268,17 @@
           this._isChainStopped = false;
           this._startTime = time;
           this._startTime += this._delayTime;
-          this._setupProperties(this._object, this._valuesStart, this._valuesEnd, this._valuesStartRepeat, overrideStartingValues);
+          if (!this._propertiesAreSetUp || overrideStartingValues) {
+              this._propertiesAreSetUp = true;
+              // If dynamic is not enabled, clone the end values instead of using the passed-in end values.
+              if (!this._isDynamic) {
+                  var tmp = {};
+                  for (var prop in this._valuesEnd)
+                      tmp[prop] = this._valuesEnd[prop];
+                  this._valuesEnd = tmp;
+              }
+              this._setupProperties(this._object, this._valuesStart, this._valuesEnd, this._valuesStartRepeat, overrideStartingValues);
+          }
           return this;
       };
       Tween.prototype.startFromCurrentValues = function (time) {
@@ -4309,26 +4301,42 @@
                   if (endValues.length === 0) {
                       continue;
                   }
-                  // handle an array of relative values
-                  endValues = endValues.map(this._handleRelativeValue.bind(this, startValue));
-                  // Create a local copy of the Array with the start value at the front
-                  if (_valuesStart[property] === undefined) {
-                      _valuesEnd[property] = [startValue].concat(endValues);
+                  // Handle an array of relative values.
+                  // Creates a local copy of the Array with the start value at the front
+                  var temp = [startValue];
+                  for (var i = 0, l = endValues.length; i < l; i += 1) {
+                      var value = this._handleRelativeValue(startValue, endValues[i]);
+                      if (isNaN(value)) {
+                          isInterpolationList = false;
+                          console.warn('Found invalid interpolation list. Skipping.');
+                          break;
+                      }
+                      temp.push(value);
+                  }
+                  if (isInterpolationList) {
+                      // if (_valuesStart[property] === undefined) { // handle end values only the first time. NOT NEEDED? setupProperties is now guarded by _propertiesAreSetUp.
+                      _valuesEnd[property] = temp;
+                      // }
                   }
               }
               // handle the deepness of the values
               if ((propType === 'object' || startValueIsArray) && startValue && !isInterpolationList) {
                   _valuesStart[property] = startValueIsArray ? [] : {};
-                  // eslint-disable-next-line
-                  for (var prop in startValue) {
-                      // eslint-disable-next-line
-                      // @ts-ignore FIXME?
-                      _valuesStart[property][prop] = startValue[prop];
+                  var nestedObject = startValue;
+                  for (var prop in nestedObject) {
+                      _valuesStart[property][prop] = nestedObject[prop];
                   }
-                  _valuesStartRepeat[property] = startValueIsArray ? [] : {}; // TODO? repeat nested values? And yoyo? And array values?
-                  // eslint-disable-next-line
-                  // @ts-ignore FIXME?
-                  this._setupProperties(startValue, _valuesStart[property], _valuesEnd[property], _valuesStartRepeat[property], overrideStartingValues);
+                  // TODO? repeat nested values? And yoyo? And array values?
+                  _valuesStartRepeat[property] = startValueIsArray ? [] : {};
+                  var endValues = _valuesEnd[property];
+                  // If dynamic is not enabled, clone the end values instead of using the passed-in end values.
+                  if (!this._isDynamic) {
+                      var tmp = {};
+                      for (var prop in endValues)
+                          tmp[prop] = endValues[prop];
+                      _valuesEnd[property] = endValues = tmp;
+                  }
+                  this._setupProperties(nestedObject, _valuesStart[property], endValues, _valuesStartRepeat[property], overrideStartingValues);
               }
               else {
                   // Save the starting value, but only once unless override is requested.
@@ -4374,7 +4382,7 @@
           return this;
       };
       Tween.prototype.pause = function (time) {
-          if (time === void 0) { time = now$1$1(); }
+          if (time === void 0) { time = now$2(); }
           if (this._isPaused || !this._isPlaying) {
               return this;
           }
@@ -4385,7 +4393,7 @@
           return this;
       };
       Tween.prototype.resume = function (time) {
-          if (time === void 0) { time = now$1$1(); }
+          if (time === void 0) { time = now$2(); }
           if (!this._isPaused || !this._isPlaying) {
               return this;
           }
@@ -4476,7 +4484,7 @@
        * it is still playing, just paused).
        */
       Tween.prototype.update = function (time, autoStart) {
-          if (time === void 0) { time = now$1$1(); }
+          if (time === void 0) { time = now$2(); }
           if (autoStart === void 0) { autoStart = true; }
           if (this._isPaused)
               return true;
@@ -4599,9 +4607,7 @@
           if (end.charAt(0) === '+' || end.charAt(0) === '-') {
               return start + parseFloat(end);
           }
-          else {
-              return parseFloat(end);
-          }
+          return parseFloat(end);
       };
       Tween.prototype._swapEndStartRepeatValues = function (property) {
           var tmp = this._valuesStartRepeat[property];
@@ -4616,18 +4622,6 @@
       };
       return Tween;
   }());
-
-  var VERSION = '19.0.0';
-
-  /**
-   * Tween.js - Licensed under the MIT license
-   * https://github.com/tweenjs/tween.js
-   * ----------------------------------------------
-   *
-   * See https://github.com/tweenjs/tween.js/graphs/contributors for the full list of contributors.
-   * Thank you all, you're awesome!
-   */
-  var nextId = Sequence.nextId;
   /**
    * Controlling groups of tweens
    *
@@ -4639,29 +4633,14 @@
   // Modules and CommonJS, without build hacks, and so as not to break the
   // existing API.
   // https://github.com/rollup/rollup/issues/1961#issuecomment-423037881
-  var getAll = TWEEN.getAll.bind(TWEEN);
-  var removeAll = TWEEN.removeAll.bind(TWEEN);
-  var add = TWEEN.add.bind(TWEEN);
-  var remove = TWEEN.remove.bind(TWEEN);
+  TWEEN.getAll.bind(TWEEN);
+  TWEEN.removeAll.bind(TWEEN);
+  TWEEN.add.bind(TWEEN);
+  TWEEN.remove.bind(TWEEN);
   var update = TWEEN.update.bind(TWEEN);
-  var exports$1 = {
-      Easing: Easing,
-      Group: Group,
-      Interpolation: Interpolation,
-      now: now$1$1,
-      Sequence: Sequence,
-      nextId: nextId,
-      Tween: Tween,
-      VERSION: VERSION,
-      getAll: getAll,
-      removeAll: removeAll,
-      add: add,
-      remove: remove,
-      update: update,
-  };
 
   var index$1 = (function (p) {
-    return p instanceof Function ? p // fn
+    return typeof p === 'function' ? p // fn
     : typeof p === 'string' ? function (obj) {
       return obj[p];
     } // property name
@@ -5380,6 +5359,7 @@
     Scene: three$1.Scene,
     PerspectiveCamera: three$1.PerspectiveCamera,
     Raycaster: three$1.Raycaster,
+    SRGBColorSpace: three$1.SRGBColorSpace,
     TextureLoader: three$1.TextureLoader,
     Vector2: three$1.Vector2,
     Vector3: three$1.Vector3,
@@ -5502,7 +5482,7 @@
               state.hoverObj = topObject;
             }
           }
-          exports$1.update(); // update camera animation tweens
+          update(); // update camera animation tweens
         }
 
         return this;
@@ -5534,10 +5514,10 @@
           } 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();
+            new Tween(camPos).to(finalPos, transitionDuration).easing(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();
+            new Tween(camLookAt).to(finalLookAt, transitionDuration / 3).easing(Easing.Quadratic.Out).onUpdate(setLookAt).start();
           }
           return this;
         }
@@ -5869,6 +5849,7 @@
           !state.loadComplete && finishLoad();
         } else {
           new three.TextureLoader().load(state.backgroundImageUrl, function (texture) {
+            texture.colorSpace = three.SRGBColorSpace;
             state.skysphere.material = new three.MeshBasicMaterial({
               map: texture,
               side: three.BackSide