bugs

src/components/AssetPreview.vue

@@ -19,13 +19,17 @@ import { GameEngine } from '@/lib/gameEngine.js';
 let gameEngine = null;
 
 export default{
-    props:['object', 'autoplay'],
+    props:{
+        object: Object,
+        autoplay: Boolean
+    },
     data(){
         return {
             animations: []
         }
     },
     async mounted(){
+        console.log('mounted')
         gameEngine = new GameEngine();
         this.gameEngine = gameEngine;
         await gameEngine.init(this.$refs.target);
@@ -41,7 +45,9 @@ export default{
     },
     methods:{
         async loadAsset() {
+            console.log('loading asset');
             if (this.forRendering) {
+                console.log('loading preview');
                 gameEngine.scene.clear();
                 if (this.object.type == 'panorama2d') {
                     let t = await gameEngine.loadTexture(`/asset/default/${this.object.asset.name}`);

src/lib/gameEngine.js

@@ -59,11 +59,12 @@ class GameEngine {
         domNode.appendChild(renderer.domElement);
 
         let texture = await this.loadTexture('/static/textures/bck.webp');
-        let bck = await this.loadTexture('/static/textures/bck.webp');
-        bck.premultiplyAlpha = true;
+        // let bck = await this.loadTexture('/static/textures/bck.webp');
+        // bck.premultiplyAlpha = true;
         texture.mapping = THREE.EquirectangularReflectionMapping;
-        scene.background = bck; //new THREE.Color(0.7,0.7,0.7);
+        // scene.background = bck; //new THREE.Color(0.7,0.7,0.7);
         scene.environment = texture;
+        scene.background = new THREE.Color(1,1,1);
         console.log('GameEngine started')
         renderer.domElement.addEventListener('wheel', (event)=>{
             camera.zoom -= event.deltaY / 1000;

src/pages/game-objects/[[id]].vue

@@ -18,8 +18,8 @@
         </v-card-actions>
     </v-card>
 
-    <v-card :title="$l.preview" class="container my-3" v-show="object.asset">
-        <AssetPreview :object="object" ref="assetPreview" autoplay></AssetPreview>
+    <v-card :title="$l.preview" class="container my-3" v-if="object.asset">
+        <AssetPreview :object="object" ref="assetPreview" ></AssetPreview>
         <v-card-actions>
             <v-btn @click="captureThumbnail" v-if="forRendering" prepend-icon="mdi-camera" color="secondary">
                 {{ $l.captureThumbnail }}

src/pages/game-objects/list.vue

@@ -27,7 +27,7 @@
         </v-card>
     </v-dialog>
     <v-dialog v-model="previewDialog" width="auto" max-width="1200">
-        <AssetPreview :object="previewObject"></AssetPreview>
+        <AssetPreview :object="previewObject" autoplay></AssetPreview>
     </v-dialog>
 </template>