Release 4.6.3

package.json

@@ -1,6 +1,6 @@
 {
   "name": "photo-sphere-viewer",
-  "version": "4.6.2",
+  "version": "4.6.3",
   "description": "A JavaScript library to display Photo Sphere panoramas",
   "homepage": "https://photo-sphere-viewer.js.org",
   "main": "dist/photo-sphere-viewer.js",
@@ -33,7 +33,7 @@
     "url": "git://github.com/mistic100/Photo-Sphere-Viewer.git"
   },
   "dependencies": {
-    "three": "^0.140.0",
+    "three": "^0.141.0",
     "uevent": "^2.1.1"
   },
   "devDependencies": {

src/Viewer.js

@@ -963,7 +963,7 @@ export class Viewer extends EventEmitter {
    */
   __updateSpeeds() {
     this.dynamics.zoom.setSpeed(this.config.zoomSpeed * 50);
-    this.dynamics.position.setSpeed(THREE.Math.degToRad(this.config.moveSpeed * 50));
+    this.dynamics.position.setSpeed(THREE.MathUtils.degToRad(this.config.moveSpeed * 50));
   }
 
 }

src/plugins/compass/index.js

@@ -227,7 +227,7 @@ export class CompassPlugin extends AbstractPlugin {
     context.clearRect(0, 0, this.canvas.width, this.canvas.height);
 
     const longitude = this.psv.getPosition().longitude;
-    const fov = THREE.Math.degToRad(this.psv.prop.hFov);
+    const fov = THREE.MathUtils.degToRad(this.psv.prop.hFov);
 
     this.__drawCone(context, this.config.coneColor, longitude, fov);
 

src/plugins/markers/Marker.js

@@ -266,7 +266,7 @@ export class Marker {
     }
     if (Array.isArray(this.config.scale.longitude)) {
       const bounds = this.config.scale.longitude;
-      const halfFov = THREE.Math.degToRad(this.psv.prop.hFov) / 2;
+      const halfFov = THREE.MathUtils.degToRad(this.psv.prop.hFov) / 2;
       const arc = Math.abs(getShortestArc(this.props.position.longitude, position.longitude));
       scale *= bounds[1] + (bounds[0] - bounds[1]) * CONSTANTS.EASINGS.outQuad(Math.max(0, (halfFov - arc) / halfFov));
     }

src/plugins/virtual-tour/index.js

@@ -582,8 +582,8 @@ export class VirtualTourPlugin extends AbstractPlugin {
    */
   __getLinkPosition(node, link) {
     if (this.isGps()) {
-      const p1 = [THREE.Math.degToRad(node.position[0]), THREE.Math.degToRad(node.position[1])];
-      const p2 = [THREE.Math.degToRad(link.position[0]), THREE.Math.degToRad(link.position[1])];
+      const p1 = [THREE.MathUtils.degToRad(node.position[0]), THREE.MathUtils.degToRad(node.position[1])];
+      const p2 = [THREE.MathUtils.degToRad(link.position[0]), THREE.MathUtils.degToRad(link.position[1])];
       const h1 = node.position[2] !== undefined ? node.position[2] : link.position[2] || 0;
       const h2 = link.position[2] !== undefined ? link.position[2] : node.position[2] || 0;
 

src/plugins/visible-range/index.js

@@ -211,7 +211,7 @@ export class VisibleRangePlugin extends AbstractPlugin {
 
     if (this.config.longitudeRange) {
       range = utils.clone(this.config.longitudeRange);
-      offset = THREE.Math.degToRad(this.psv.prop.hFov) / 2;
+      offset = THREE.MathUtils.degToRad(this.psv.prop.hFov) / 2;
 
       range[0] = utils.parseAngle(range[0] + offset);
       range[1] = utils.parseAngle(range[1] - offset);
@@ -240,7 +240,7 @@ export class VisibleRangePlugin extends AbstractPlugin {
 
     if (this.config.latitudeRange) {
       range = utils.clone(this.config.latitudeRange);
-      offset = THREE.Math.degToRad(this.psv.prop.vFov) / 2;
+      offset = THREE.MathUtils.degToRad(this.psv.prop.vFov) / 2;
 
       range[0] = utils.parseAngle(Math.min(range[0] + offset, range[1]), true);
       range[1] = utils.parseAngle(Math.max(range[1] - offset, range[0]), true);

src/services/DataHelper.js

@@ -47,7 +47,7 @@ export class DataHelper extends AbstractService {
    * @returns {number}
    */
   vFovToHFov(vFov) {
-    return THREE.Math.radToDeg(2 * Math.atan(Math.tan(THREE.Math.degToRad(vFov) / 2) * this.prop.aspect));
+    return THREE.MathUtils.radToDeg(2 * Math.atan(Math.tan(THREE.MathUtils.degToRad(vFov) / 2) * this.prop.aspect));
   }
 
   /**
@@ -252,9 +252,9 @@ export class DataHelper extends AbstractService {
    */
   cleanPanoramaPose(panoData) {
     return {
-      pan : THREE.Math.degToRad(panoData?.poseHeading || 0),
-      tilt: THREE.Math.degToRad(panoData?.posePitch || 0),
-      roll: THREE.Math.degToRad(panoData?.poseRoll || 0),
+      pan : THREE.MathUtils.degToRad(panoData?.poseHeading || 0),
+      tilt: THREE.MathUtils.degToRad(panoData?.posePitch || 0),
+      roll: THREE.MathUtils.degToRad(panoData?.poseRoll || 0),
     };
   }
 

src/services/EventsHandler.js

@@ -721,8 +721,8 @@ export class EventsHandler extends AbstractService {
       const y = evt.clientY;
 
       const rotation = {
-        longitude: (x - this.state.mouseX) / this.prop.size.width * this.config.moveSpeed * THREE.Math.degToRad(this.prop.hFov),
-        latitude : (y - this.state.mouseY) / this.prop.size.height * this.config.moveSpeed * THREE.Math.degToRad(this.prop.vFov),
+        longitude: (x - this.state.mouseX) / this.prop.size.width * this.config.moveSpeed * THREE.MathUtils.degToRad(this.prop.hFov),
+        latitude : (y - this.state.mouseY) / this.prop.size.height * this.config.moveSpeed * THREE.MathUtils.degToRad(this.prop.vFov),
       };
 
       const currentPosition = this.psv.getPosition();

src/utils/psv.js

@@ -218,7 +218,7 @@ export function parseSpeed(speed) {
       case 'degrees per minute':
       case 'dps':
       case 'degrees per second':
-        parsed = THREE.Math.degToRad(speedValue);
+        parsed = THREE.MathUtils.degToRad(speedValue);
         break;
 
       // Radians per minute / second
@@ -275,7 +275,7 @@ export function parseAngle(angle, zeroCenter = false, halfCircle = zeroCenter) {
       switch (unit) {
         case 'deg':
         case 'degs':
-          parsed = THREE.Math.degToRad(value);
+          parsed = THREE.MathUtils.degToRad(value);
           break;
         case 'rad':
         case 'rads':