From eddc045a53f9bafe02e98f3aebe3ec66ddee6a9b Mon Sep 17 00:00:00 2001
From: goynov <goynov@gmail.com>
Date: Fri, 10 Apr 2026 11:07:39 +0300
Subject: [PATCH] #81

---
 src/components/AssetsManagement/AssetPreview.vue | 9 +++++++--
 src/pages/manage/game-objects/[[id]].vue         | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/AssetsManagement/AssetPreview.vue b/src/components/AssetsManagement/AssetPreview.vue
index ffbcf39..561c8d5 100644
--- a/src/components/AssetsManagement/AssetPreview.vue
+++ b/src/components/AssetsManagement/AssetPreview.vue
@@ -64,7 +64,7 @@ export default{
     },
     computed:{
         forRendering() {
-            return this.$p.objectTypes.find(t=> t.value == this.obj?.type)?.render
+            return this.$p.objectTypes.find(t=> t.value == this.obj?.type)?.render || this.obj?.asset?.name?.endsWith('ktx2')
         }
     },
     methods:{
@@ -74,7 +74,12 @@ export default{
                 engine.ambientLight.intensity = 25;
                 if (this.obj.type == 'panorama2d') {
                     await engine.loadPanorama(this.obj.asset.name);
-                } else {
+                } else if(this.obj.asset.name.endsWith('ktx2')){
+                    let tx = await engine.loadTexture(this.obj.asset.name);
+                    let k = Math.min(window.innerHeight / tx.image.height, 1);
+                    engine.resize(tx.image.width * k, tx.image.height * k);
+                    engine.scene.background = tx;
+                }else{
                     let gltf = await engine.load(this.obj.asset.name);
                     this.loadedAsset = gltf;
                     this.animations = gltf.animations.map(a => ({
diff --git a/src/pages/manage/game-objects/[[id]].vue b/src/pages/manage/game-objects/[[id]].vue
index 6ab2e26..033c627 100644
--- a/src/pages/manage/game-objects/[[id]].vue
+++ b/src/pages/manage/game-objects/[[id]].vue
@@ -84,7 +84,7 @@ export default {
             return this.$route.params?.id;
         },
         forRendering() {
-            return this.$p.objectTypes.find(t=> t.value == this.object?.type)?.render
+            return this.$p.objectTypes.find(t=> t.value == this.object?.type)?.render || this.object?.asset?.name?.endsWith('ktx2')
         },
     },
     methods: {