torsten/yourpart3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(falukant): add sunny meadow house backdrop
Some checks failed
Deploy to production / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Torsten Schulz (local)
2026-09-30 14:04:29 +02:00
parent 3272e480a6
commit 4f639c5695
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
frontend/public/images/falukant/backgrounds/house-sunny-meadow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

6
frontend/src/components/falukant/House3D.vue
View File

@@ -74,9 +74,9 @@ export default {
const runtime = await import('@/utils/threeRuntime.js'); const runtime = await import('@/utils/threeRuntime.js');
if (!this.isVisible || !this.$refs.container || this.renderer) return; if (!this.isVisible || !this.$refs.container || this.renderer) return;
this.scene = markRaw(new runtime.Scene()); this.scene = markRaw(new runtime.Scene());
this.scene.background = new runtime.Color(0xf7f1e6);
this.camera = markRaw(new runtime.PerspectiveCamera(36, 1, 0.1, 100)); this.camera = markRaw(new runtime.PerspectiveCamera(36, 1, 0.1, 100));
this.renderer = markRaw(new runtime.WebGLRenderer({ antialias: true, alpha: false })); this.renderer = markRaw(new runtime.WebGLRenderer({ antialias: true, alpha: true }));
this.renderer.setClearColor(0x000000, 0);
this.renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2)); this.renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2));
container.appendChild(this.renderer.domElement); container.appendChild(this.renderer.domElement);
@@ -195,7 +195,7 @@ export default {
overflow: hidden; overflow: hidden;
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
border-radius: inherit; border-radius: inherit;
background: #f7f1e6; background: #8ed0f5 url('/images/falukant/backgrounds/house-sunny-meadow.png') center / cover no-repeat;
} }
.house-3d__unavailable { .house-3d__unavailable {