refactor imports

src/components/GamePreview/GamePreview.vue

@@ -6,7 +6,7 @@
             @mouseup="targetPointer($event, 'end')" ></div>
     </div>
     <v-navigation-drawer width="133" rail location="right" class="mt-3">
-        <v-menu open-on-hover>
+        <v-menu open-on-hover open-on-click>
             <template v-slot:activator="{ props }">
                 <v-btn icon="mdi-panorama-outline" color="primary" v-bind="props"></v-btn>
             </template>

src/components/InteractiveObjects/Particles/Particles.js

@@ -1,10 +1,4 @@
-import {
-    Matrix4,
-	Mesh,
-	PlaneGeometry,
-    MeshBasicMaterial,
-    Vector3,
-} from 'three';
+import { Matrix4, Mesh, PlaneGeometry, MeshBasicMaterial, Vector3 } from 'three';
 
 import * as BufferGeometryUtils from 'three/addons/utils/BufferGeometryUtils.js';
 

src/lib/GameEngine.js

@@ -1,12 +1,11 @@
 import * as THREE from 'three';
-import { GLTFLoader, DRACOLoader, OrbitControls } from 'three/examples/jsm/Addons.js';
-//import { Controller as OrbitControls } from './3rd-party/phy/3TH/Controller.js';
+import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
+import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
+import { DRACOLoader } from 'three/addons/loaders/DRACOLoader.js';
 import { ViewportGizmo } from "three-viewport-gizmo";
-import Stats from 'three/examples/jsm/libs/stats.module';
+import Stats from 'three/addons/libs/stats.module.js';
 import { AnaglyphEffect } from 'three/addons/effects/AnaglyphEffect.js';
 import { StereoEffect } from 'three/addons/effects/StereoEffect.js';
-// import { MapControls } from 'three/addons/controls/MapControls.js';
-// import { FirstPersonControls } from 'three/addons/controls/FirstPersonControls.js';
 import { TransformControls } from 'three/addons/controls/TransformControls.js';
 import { PointerControls } from './PointerControls';
 import { ARButton } from 'three/addons/webxr/ARButton.js';
@@ -169,6 +168,7 @@ class GameEngine extends EventManager{
             //powerPreference: "high-performance",
             //precision: 'mediump'
         });
+        //await renderer.init();
         renderer.setPixelRatio(window.devicePixelRatio);
         renderer.toneMapping = THREE.CineonToneMapping;
         renderer.toneMappingExposure = 1.0;
@@ -258,7 +258,7 @@ class GameEngine extends EventManager{
         domNode.appendChild(renderer.domElement);
 
         this._wheelEvent = ((event) => {
-            event.preventDefault();
+            //event.preventDefault();
             if (this.hero){
                 if (!this.pointerControls.isLocked){
                     this.hero.cameraZ += event.deltaY * 0.005;
@@ -272,7 +272,7 @@ class GameEngine extends EventManager{
             }
         }).bind(this)
 
-        renderer.domElement.addEventListener('wheel', this._wheelEvent)
+        renderer.domElement.addEventListener('wheel', this._wheelEvent, { passive: true })
         GameEngine.ktxLoader.detectSupport(renderer);
     }