diff --git a/backend/app/bl/GameObjectsManager.js b/backend/app/bl/GameObjectsManager.js index e1b3406..4ddf909 100644 --- a/backend/app/bl/GameObjectsManager.js +++ b/backend/app/bl/GameObjectsManager.js @@ -115,9 +115,10 @@ class GameObjectsManager{ * @param {File} thumbSrc A thumbnail, представително изображение */ this.addThumb = async function(object, thumbSrc){ - let ext = path.extname(object.asset.ofn).toLowerCase(); + let ext = path.extname(thumbSrc).toLowerCase(); + console.log(object, thumbSrc, ext); let dest = `${config.fs.repo}/thumb/${object.id}.webp`; - if (['.jpg', '.png', '.webp'].includes(ext)){ + if (['.jpg', '.png', '.webp'].includes(ext) || !ext){ await sharp(thumbSrc).resize({height: 250}).toFile(dest); }else if (['.mp4', '.avi', '.webv'].includes(ext)){ let frame = 1; diff --git a/src/components/AssetPreview.vue b/src/components/AssetPreview.vue index 14e6b67..64a0abf 100644 --- a/src/components/AssetPreview.vue +++ b/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}`); diff --git a/src/lib/gameEngine.js b/src/lib/gameEngine.js index 1219b95..4281665 100644 --- a/src/lib/gameEngine.js +++ b/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; diff --git a/src/pages/game-objects/[[id]].vue b/src/pages/game-objects/[[id]].vue index 649a825..534a140 100644 --- a/src/pages/game-objects/[[id]].vue +++ b/src/pages/game-objects/[[id]].vue @@ -18,8 +18,8 @@ - - + + {{ $l.captureThumbnail }} diff --git a/src/pages/game-objects/list.vue b/src/pages/game-objects/list.vue index 0cfdf31..5f01093 100644 --- a/src/pages/game-objects/list.vue +++ b/src/pages/game-objects/list.vue @@ -27,7 +27,7 @@ - +