remove esm as it breaks it

index.html

@@ -40,6 +40,17 @@ <h1>CardiVR</h1>
             <button>Launch</button>
         </div>
     </div>
+
+    <script src="./libraries/three.js"></script>
+    <script src="./libraries/cardboard-vr-display.js"></script>
+
+    <script src="./utils/DeviceOrientationControls.js"></script>
+    <script src="./utils/CardboardActions.js"></script>
+
+    <script src="./utils/MTLLoader.js"></script>
+    <script src="./utils/OBJLoader.js"></script>
+
+    <script src="./utils/VREffect.js"></script>
 
     <script type="module" src="./src/main.js"></script>
 

libraries/cardboard-vr-display.js

@@ -80,7 +80,11 @@
  * THE SOFTWARE.
  */
 
-var MainFunc = (function () { 'use strict';
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+	typeof define === 'function' && define.amd ? define(factory) :
+	(global.CardboardVRDisplay = factory());
+}(this, (function () { 'use strict';
 
 var asyncGenerator = function () {
   function AwaitValue(value) {
@@ -3462,6 +3466,4 @@ CardboardVRDisplay.VRDisplay = VRDisplay;
 
 return CardboardVRDisplay;
 
-})();
-
-export default MainFunc;
+})));

src/main.js

@@ -2,8 +2,6 @@
  * @author crazyh / https://github.com/crazyh2
  */
 
-import * as THREE from "../libraries/three.module.min.js";
-import CardboardVRDisplay from "../libraries/cardboard-vr-display.js";
 import { Render } from "./world/render.js";
 
 class Main {

src/screens/main/SettingsMenu.js

@@ -2,7 +2,6 @@
  * @author crazyh / https://github.com/crazyh2
  */
 
-import * as THREE from "../../../libraries/three.module.min.js";
 import { Screen } from "../screen.js";
 
 class SettingsMenu extends Screen {

src/screens/main/appsMenu.js

@@ -2,7 +2,6 @@
  * @author crazyh / https://github.com/crazyh2
  */
 
-import * as THREE from "../../../libraries/three.module.min.js";
 import { Screen } from "../screen.js";
 
 class AppsMenu extends Screen {

src/screens/main/mainMenu.js

@@ -2,7 +2,6 @@
  * @author crazyh / https://github.com/crazyh2
  */
 
-import * as THREE from "../../../libraries/three.module.min.js";
 import { Screen } from "../screen.js";
 
 class MainMenu extends Screen {

src/screens/screen.js

@@ -2,8 +2,6 @@
  * @author crazyh / https://github.com/crazyh2
  */
 
-import * as THREE from "../../libraries/three.module.min.js";
-
 class Screen {
     constructor(root) {
         this.root = root;

src/screens/screenManager.js

@@ -2,8 +2,6 @@
  * @author crazyh / https://github.com/crazyh2
  */
 
-import * as THREE from "../../libraries/three.module.min.js";
-
 class ScreenManager {
     constructor(root) {
         this.root = root;

src/screens/start/actionsInfo.js

@@ -2,7 +2,6 @@
  * @author crazyh / https://github.com/crazyh2
  */
 
-import * as THREE from "../../../libraries/three.module.min.js";
 import { Screen } from "../screen.js";
 import { TextBox } from "../../../utils/TextBox.js";
 

src/screens/start/controllerAlign.js

@@ -2,9 +2,6 @@
  * @author crazyh / https://github.com/crazyh2
  */
 
-import * as THREE from "../../../libraries/three.module.min.js";
-import { MTLLoader } from "../../../utils/MTLLoader.js";
-import { OBJLoader } from "../../../utils/OBJLoader.js";
 import { Screen } from "../screen.js";
 import { TextBox } from "../../../utils/TextBox.js";
 
@@ -46,11 +43,11 @@ class ControllerAlignScreen extends Screen {
 
         renderGroup.add( mesh );
 
-        var mtlLoader = new MTLLoader();
+        var mtlLoader = new THREE.MTLLoader();
         mtlLoader.load("./assets/objects/gear_vr_controller.mtl", function(materials) {
             materials.preload();
 
-            var objLoader = new OBJLoader();
+            var objLoader = new THREE.OBJLoader();
             objLoader.setMaterials(materials);
             objLoader.load("./assets/objects/gear_vr_controller.obj", function(object) {
                 object.position.z = -0.8;

src/screens/start/controllerInfo.js

@@ -2,9 +2,6 @@
  * @author crazyh / https://github.com/crazyh2
  */
 
-import * as THREE from "../../../libraries/three.module.min.js";
-import { MTLLoader } from "../../../utils/MTLLoader.js";
-import { OBJLoader } from "../../../utils/OBJLoader.js";
 import { Screen } from "../screen.js";
 import { TextBox } from "../../../utils/TextBox.js";
 
@@ -46,11 +43,11 @@ class ControllerInfoScreen extends Screen {
 
         renderGroup.add( mesh );
 
-        var mtlLoader = new MTLLoader();
+        var mtlLoader = new THREE.MTLLoader();
         mtlLoader.load("./assets/objects/gear_vr_controller.mtl", function(materials) {
             materials.preload();
 
-            var objLoader = new OBJLoader();
+            var objLoader = new THREE.OBJLoader();
             objLoader.setMaterials(materials);
             objLoader.load("./assets/objects/gear_vr_controller.obj", function(object) {
                 object.position.z = -0.8;

src/screens/start/welcome.js

@@ -2,7 +2,6 @@
  * @author crazyh / https://github.com/crazyh2
  */
 
-import * as THREE from "../../../libraries/three.module.min.js";
 import { Screen } from "../screen.js";
 import { TextBox } from "../../../utils/TextBox.js";
 import { ActionsInfoScreen } from "./actionsInfo.js";

src/world/render.js

@@ -2,7 +2,6 @@
  * @author crazyh / https://github.com/crazyh2
  */
 
-import * as THREE from "../../libraries/three.module.min.js";
 import { Scene } from "./scene.js";
 
 class Render {

src/world/scene.js

@@ -2,10 +2,6 @@
  * @author crazyh / https://github.com/crazyh2
  */
 
-import * as THREE from "../../libraries/three.module.min.js";
-import { DeviceOrientationControls } from "../../utils/DeviceOrientationControls.js";
-import { CardboardActions } from "../../utils/CardboardActions.js";
-import { VREffect } from "../../utils/VREffect.js";
 import { WelcomeScreen } from "../screens/start/welcome.js";
 import { ScreenManager } from "./../screens/screenManager.js";
 
@@ -31,10 +27,10 @@ class Scene {
         var actionControls = new CardboardActions(this.camera);
 
         // Apply VR headset rotational data to camera.
-        var controls = new DeviceOrientationControls(this.camera);
+        var controls = new THREE.DeviceOrientationControls(this.camera);
 
         // Apply VR stereo rendering to renderer.
-        var effect = new VREffect(this.top.renderer);
+        var effect = new THREE.VREffect(this.top.renderer);
         effect.setSize(window.innerWidth, window.innerHeight);
 
         // Kick off the render loop.

utils/CardboardActions.js

@@ -27,5 +27,3 @@ class CardboardActions {
         }
     };
 };
-
-export { CardboardActions };