KJSL: updating THREE.js

package.json

@@ -86,7 +86,7 @@
     "@babel/runtime": "^7.14.5",
     "babel-polyfill": "^6.26.0",
     "global": "^4.4.0",
-    "three": "^0.149.0",
+    "three": "^0.167.0",
     "video.js": "^6 || ^7",
     "webxr-polyfill": "^2.0.3"
   },
@@ -96,12 +96,12 @@
     "karma": "^6.3.4",
     "lint-staged": "^13.1.0",
     "omnitone": "^1.3.0",
-    "rollup": "1.13.1",
+    "rollup": "2.42.0",
     "rollup-plugin-re": "^1.0.7",
     "sass": "^1.34.1",
     "sinon": "^7.2.2",
     "videojs-generate-karma-config": "~8.1.0",
-    "videojs-generate-rollup-config": "~5.0.2",
+    "videojs-generate-rollup-config": "7.0.0",
     "videojs-generator-verify": "~4.1.3",
     "videojs-languages": "^2.0.0",
     "videojs-standard": "^9.1.0"

src/orbit-orientation-controls.js

@@ -1,6 +1,6 @@
 import * as THREE from 'three';
-import OrbitControls from '../vendor/three/OrbitControls.js';
-import DeviceOrientationControls from '../vendor/three/DeviceOrientationControls.js';
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
+// import DeviceOrientationControls from '../vendor/three/DeviceOrientationControls.js';
 
 /**
  * Convert a quaternion to an angle
@@ -53,7 +53,7 @@ class OrbitOrientationControls {
 
     // if orientation is supported
     if (options.orientation) {
-      this.orientation = new DeviceOrientationControls(this.object);
+      // this.orientation = new DeviceOrientationControls(this.object);
     }
 
     // if projection is not full view

src/plugin.js

@@ -1075,7 +1075,7 @@ void main() {
 
     this.scene.add(this.holodeck);
 
-    const controlsGeometry = new this.RoundedRectangle(2.4, 0.6, 0.05, 5.0);
+    const controlsGeometry = this.RoundedRectangle(2.4, 0.6, 0.05, 5.0);
 
     this.controls = new THREE.Mesh(controlsGeometry, new THREE.MeshLambertMaterial({ color: 0x000000 }));
     this.controls.position.x = -0.0;