From 43895ea0fcc883234b69bf08cd65635e7ac0ad32 Mon Sep 17 00:00:00 2001
From: goynov <goynov@gmail.com>
Date: Fri, 21 Mar 2025 11:57:18 +0200
Subject: [PATCH] dev

---
 backend/app/bl/GamesManager.js                   |  2 +-
 src/components/AppHeader.vue                     |  6 +++---
 src/components/AssetsManagement/AssetPreview.vue |  9 ++++++---
 src/components/GameDesigner/GameDesigner.vue     |  2 ++
 src/lib/gameEngine.js                            |  2 +-
 src/pages/games/[[id]].vue                       | 10 +++++++++-
 src/pages/games/list.vue                         |  2 +-
 7 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/backend/app/bl/GamesManager.js b/backend/app/bl/GamesManager.js
index 69402d6..7c6963d 100644
--- a/backend/app/bl/GamesManager.js
+++ b/backend/app/bl/GamesManager.js
@@ -64,7 +64,7 @@ class GamesManager{
         this.list = async function(query){
             return await db.list(collection, {
                 query,
-                project: { name:1, id:1, sceneThumb: '$scenes.data.environment'}
+                project: { name:1, id:1, thumb: 1}
             });
         }
         
diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index 2027ad9..6e6ce32 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -7,9 +7,9 @@
                 <v-btn icon="mdi-plus" variant="text" v-bind="props"></v-btn>
             </template>
             <v-list>
-                <v-list-item to="/game-objects/add">Нов игрови обект</v-list-item>
-                <v-list-item to="/scenarios/add">Нов сценарий</v-list-item>
-                <v-list-item to="/games/add">Нова игра</v-list-item>
+                <v-list-item to="/game-objects/add">{{ l.createGameObject }}</v-list-item>
+                <v-list-item to="/scenarios/add">{{ l.createScenario }}</v-list-item>
+                <v-list-item to="/games/add">{{ l.createGame }}</v-list-item>
             </v-list>
         </v-menu>
     </v-app-bar>
diff --git a/src/components/AssetsManagement/AssetPreview.vue b/src/components/AssetsManagement/AssetPreview.vue
index c6cbac6..0d03674 100644
--- a/src/components/AssetsManagement/AssetPreview.vue
+++ b/src/components/AssetsManagement/AssetPreview.vue
@@ -1,6 +1,9 @@
 <template>
     <div v-show="forRendering">
-        <div ref="target"></div>
+        <div class="position-relative">
+            <div ref="target"></div>
+            <div class="renderer-gizmo"></div>
+        </div>
         <v-slide-group show-arrows>
             <v-slide-group-item v-for="(a, i) in animations" :key="i" v-slot="{ isSelected }">
                 <v-btn :color="isSelected ? 'primary' : undefined" class="ma-2"
@@ -79,8 +82,8 @@ export default{
                     });
                     //console.log(bb)
                     gameEngine.camera.position.set(bb.max.x, bb.max.y, bb.max.z);
-                    gameEngine.controls.target.set((bb.max.x + bb.min.x) / 2, (bb.max.y + bb.min.y) / 2, (bb.max.z + bb.min.z) / 2)
-                    gameEngine.controls.update();
+                    gameEngine.orbitControls.target.set((bb.max.x + bb.min.x) / 2, (bb.max.y + bb.min.y) / 2, (bb.max.z + bb.min.z) / 2)
+                    gameEngine.orbitControls.update();
                     gameEngine.scene.add(gltf.scene);
                     //gameEngine.scene.add(gameEngine.light);
                 }
diff --git a/src/components/GameDesigner/GameDesigner.vue b/src/components/GameDesigner/GameDesigner.vue
index 168fbe2..521578f 100644
--- a/src/components/GameDesigner/GameDesigner.vue
+++ b/src/components/GameDesigner/GameDesigner.vue
@@ -104,6 +104,8 @@ export default {
         currentObject(n){
             gameEngine.transformControls.attach(n.__o);
             gameEngine.gizmo.target = n.__o.position;
+            //gameEngine.camera.lookAt(n.__o.position)
+            gameEngine.camera.updateProjectionMatrix()
         },
         renderType(v){
             gameEngine.renderType = v;
diff --git a/src/lib/gameEngine.js b/src/lib/gameEngine.js
index 2c6a7f2..fc44038 100644
--- a/src/lib/gameEngine.js
+++ b/src/lib/gameEngine.js
@@ -150,7 +150,7 @@ class GameEngine {
     }
 
     stop(){
-        this.renderer.setAnimationLoop(null);
+        this.renderer?.setAnimationLoop(null);
     }
 
     getMouseVector(mouseEvent, domElement){
diff --git a/src/pages/games/[[id]].vue b/src/pages/games/[[id]].vue
index b020f99..0a44439 100644
--- a/src/pages/games/[[id]].vue
+++ b/src/pages/games/[[id]].vue
@@ -46,6 +46,13 @@ export default {
         }
         this.scenarios = (await this.$api.scenario.search()).data.data;
     },
+    watch:{
+        'object.scenario'(v){
+            if (v){
+                this.object.thumb = this.scenarios?.find(s=>s.id == v)?.sceneThumb?.[0];
+            }
+        }
+    },
     computed: {
         id() {
             return this.$route.params?.id;
@@ -56,7 +63,8 @@ export default {
             this.loading = true;
             try {
                 let result = await this.$api.game.save(this.object);
-                Object.assign(this.object, result.data.object);
+                //Object.assign(this.object, result.data.object);
+                this.object.id = result.data.object.id;
                 if (this.id == 'add') {
                     this.$router.replace({ params: { id: this.object.id } });
                 }
diff --git a/src/pages/games/list.vue b/src/pages/games/list.vue
index 56d6c33..09fb16e 100644
--- a/src/pages/games/list.vue
+++ b/src/pages/games/list.vue
@@ -3,7 +3,7 @@
         <v-row>
             <v-col v-for="(v, i) in items" :key="i" cols="12" xs="6" sm="4" md="3" xl="2" class="position-relative">
                 <router-link :to="`/games/${v.id}`">
-                    <v-img :src="`/asset/thumb/${v.thumb?.[0]}.webp`"></v-img>
+                    <v-img :src="`/asset/thumb/${v.thumb}.webp`"></v-img>
                 </router-link>
                 <div class="d-flex">
                     <span class="flex-grow-1">{{ v.name }}</span>