iobroker.mywebui 1.42.32 → 1.42.33

package/io-package.json

@@ -1,7 +1,7 @@
 {
   "common": {
     "name": "mywebui",
-    "version": "1.42.32",
+    "version": "1.42.33",
     "titleLang": {
       "en": "mywebui",
       "de": "mywebui",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iobroker.mywebui",
-  "version": "1.42.32",
+  "version": "1.42.33",
   "description": "ioBroker mywebui - Custom edited mywebui by gokturk413 with 3D Editor",
   "type": "module",
   "main": "dist/backend/main.js",

package/www/dist/frontend/config/IobrokerWebui3DScreenViewer.js

@@ -79,15 +79,9 @@ export class IobrokerWebui3DScreenViewer extends BaseCustomWebComponentConstruct
             } else {
                 // Old format backward compatibility
                 scene = new THREE.Scene();
-                scene.background = new THREE.Color(0x333333);
                 camera = new THREE.PerspectiveCamera(75, w / h, 0.1, 1000);
                 camera.position.set(10, 10, 10);
 
-                scene.add(new THREE.AmbientLight(0xffffff, 0.6));
-                const dir = new THREE.DirectionalLight(0xffffff, 0.8);
-                dir.position.set(10, 10, 10);
-                scene.add(dir);
-
                 if (sceneData.assets) {
                     const { GLTFLoader } = await import('three/addons/loaders/GLTFLoader.js');
                     const loader = new GLTFLoader();
@@ -104,12 +98,47 @@ export class IobrokerWebui3DScreenViewer extends BaseCustomWebComponentConstruct
                 }
             }
 
+            // Ensure scene has a visible background
+            if (!scene.background) scene.background = new THREE.Color(0x222222);
+
+            // Ensure scene has at least one light source
+            const existingLights = [];
+            scene.traverse(o => { if (o.isLight) existingLights.push(o); });
+            if (existingLights.length === 0) {
+                scene.add(new THREE.AmbientLight(0xffffff, 0.6));
+                const dl = new THREE.DirectionalLight(0xffffff, 1.0);
+                dl.position.set(5, 10, 7.5);
+                scene.add(dl);
+            }
+
             camera.aspect = w / h;
             camera.updateProjectionMatrix();
 
             const controls = new OrbitControls(camera, renderer.domElement);
             controls.enableDamping = true;
 
+            // Auto-fit camera to scene content after scene/controls are ready
+            {
+                const box = new THREE.Box3();
+                scene.traverse(o => {
+                    if (o.isMesh || o.isPoints || o.isLine) box.expandByObject(o);
+                });
+                if (!box.isEmpty()) {
+                    const center = new THREE.Vector3();
+                    const size   = new THREE.Vector3();
+                    box.getCenter(center);
+                    box.getSize(size);
+                    const maxDim = Math.max(size.x, size.y, size.z);
+                    const dist   = maxDim / (2 * Math.tan((camera.fov * Math.PI / 180) / 2)) * 1.5;
+                    camera.position.set(center.x + dist * 0.6, center.y + dist * 0.4, center.z + dist);
+                    camera.near = dist / 100;
+                    camera.far  = dist * 100;
+                    camera.updateProjectionMatrix();
+                    controls.target.copy(center);
+                    controls.update();
+                }
+            }
+
             // Script context helpers
             const frameCallbacks = [];
             const selectCallbacks = [];