refactoring

src/components/AppHeader.vue

@@ -25,7 +25,7 @@
             <!-- <v-list-item prepend-icon="mdi-cogs" :title="l.gameRules"></v-list-item> -->
             <v-divider></v-divider>
             <v-list-item prepend-icon="mdi-controller" :title="l.games" to="/games/list"></v-list-item>
-            <v-list-item prepend-icon="mdi-cog-play" :title="l.play" to="/play/list"></v-list-item>
+            <v-list-item prepend-icon="mdi-cog-play" :title="l.preview" to="/preview/list"></v-list-item>
             
         </v-list>
         <v-divider></v-divider>

src/components/GamePreview/GamePreview.vue

@@ -67,7 +67,7 @@ export default {
     },
     data(){
         return {
-            env: 'GamePlaying',
+            env: 'GamePreview',
             scenesList: [],
             objectsList: [],
             mode: 'translate',

src/components/InteractiveObjects/GenenricObject.js

@@ -2,6 +2,7 @@ import { getBoundingBox, getBoundingBoxCenterPoint, getBoundingBoxMaxLength, cen
 import { EventDispatcher, SphereGeometry, Mesh, MeshStandardMaterial, BackSide } from "three";
 
 class GenericObject extends EventDispatcher{
+    emits = ['finish']
     constructor(engine, data){
         super();
         return new Promise(async(resolve, reject)=>{

src/components/InteractiveObjects/MazeQuizGame/MazeQuizGame.js

@@ -37,6 +37,7 @@ const defaults = {
 const tl = 4;
 
 class MazeQuizGame extends EventDispatcher {
+    emits = ['finish']
     constructor(engine, data) {
         super();
         data.noPhysics = true;
@@ -48,7 +49,7 @@ class MazeQuizGame extends EventDispatcher {
                 let ud1 = engine.physics.world.getCollider(e.handle1)?.parent()?.userData,
                     ud2 = engine.physics.world.getCollider(e.handle2)?.parent()?.userData;
                 let ud = {...ud1, ...ud2}
-                console.log('collision', ud)
+                //console.log('collision', ud)
                 if (ud.finish){
                     if (e.started){
                         engine.dashboard.levelProgress.update(1)

src/components/InteractiveObjects/PuzzleGame1.js

@@ -3,6 +3,7 @@ import { MotionEngine } from '../../lib/MotionEngine';
 import { centerOrigin } from '@/lib/MeshUtils';
 
 class PuzzleGame1 extends EventDispatcher {
+    emits = ['finish']
     constructor(engine, data) {
         super();
         return new Promise(async (resolve, reject)=>{

src/components/InteractiveObjects/PuzzleGame2.js

@@ -3,6 +3,7 @@ import { MotionEngine } from '../../lib/MotionEngine';
 import { centerOrigin } from '@/lib/MeshUtils';
 
 class PuzzleGame2 extends EventDispatcher {
+    emits = ['finish']
     constructor(engine, data) {
         super();
         return new Promise(async (resolve, reject)=>{

src/components/InteractiveObjects/VideoPlayer.js

@@ -1,9 +1,10 @@
 import { 
-    PlaneGeometry, MeshStandardMaterial, SRGBColorSpace, 
+    PlaneGeometry, MeshBasicMaterial, SRGBColorSpace, 
     VideoTexture, DoubleSide, Mesh, EventDispatcher 
 } from 'three';
 
 class VideoPlayer extends EventDispatcher {
+    emits = ['finish']
     constructor(engine, data){
         super();
         let vi, plane;
@@ -15,7 +16,7 @@ class VideoPlayer extends EventDispatcher {
                 let geometry = new PlaneGeometry( this.aspect, 1 );
                 let map = new VideoTexture( vi );
                 map.colorSpace = SRGBColorSpace;
-                let material = new MeshStandardMaterial( {
+                let material = new MeshBasicMaterial( {
                     color: 0xffffff,
                     map,
                     transparent: true,