iobroker.mywebui 1.42.34 → 1.42.35

package/io-package.json

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

package/package.json

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

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

@@ -273,8 +273,12 @@ export class IobrokerWebui3DScreenEditor extends BaseCustomWebComponentConstruct
         // Dispatch resize after layout is complete (container may have 0 size on first tick)
         requestAnimationFrame(() => {
             editor.signals.windowResize.dispatch();
-            // Second dispatch in case WebGL canvas needs re-init
-            requestAnimationFrame(() => editor.signals.windowResize.dispatch());
+            requestAnimationFrame(() => {
+                editor.signals.windowResize.dispatch();
+                // Force continuous render so ViewHelper gizmo is always visible
+                // The three.js editor renders on-demand; we keep it alive via sceneGraphChanged
+                editor.signals.sceneGraphChanged.dispatch();
+            });
         });
     }
 

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

@@ -13,12 +13,6 @@ export class IobrokerWebui3DScreenViewer extends BaseCustomWebComponentConstruct
                 background:rgba(0,0,0,0.45);padding:2px 7px;border-radius:3px;
                 pointer-events:none;user-select:none;">Persp</div>
 
-            <!-- Orientation gizmo canvas (top-right) -->
-            <canvas id="gizmoCanvas" width="96" height="96" style="
-                position:absolute;top:8px;right:8px;
-                width:96px;height:96px;cursor:pointer;
-                border-radius:4px;background:transparent;"></canvas>
-
             <!-- Camera buttons (bottom-right) -->
             <div id="camButtons" style="
                 position:absolute;bottom:12px;right:12px;
@@ -208,25 +202,19 @@ export class IobrokerWebui3DScreenViewer extends BaseCustomWebComponentConstruct
             let viewHelper = null;
             try {
                 const { ViewHelper } = await import('three/addons/helpers/ViewHelper.js');
-                const gizmoCanvas = this._getDomElement('gizmoCanvas');
-                if (gizmoCanvas) {
-                    // ViewHelper renders into a sub-viewport of the main renderer
-                    viewHelper = new ViewHelper(activeCamera, renderer.domElement);
-                    viewHelper.center = controls.target;
-
-                    // Click on gizmo → snap camera
-                    gizmoCanvas.addEventListener('pointerdown', (e) => {
-                        // Map click to renderer domElement coords
-                        const rect = renderer.domElement.getBoundingClientRect();
-                        const gRect = gizmoCanvas.getBoundingClientRect();
-                        const synth = new PointerEvent('pointerdown', {
-                            clientX: gRect.left + (e.offsetX / gizmoCanvas.width)  * gRect.width,
-                            clientY: gRect.top  + (e.offsetY / gizmoCanvas.height) * gRect.height,
-                            bubbles: true
-                        });
-                        renderer.domElement.dispatchEvent(synth);
-                    });
-                }
+                // ViewHelper renders into a sub-viewport of the main WebGL canvas
+                viewHelper = new ViewHelper(activeCamera, renderer.domElement);
+                viewHelper.center = controls.target;
+                // Top-right corner (8px from top, 8px from right)
+                viewHelper.location.top   = 8;
+                viewHelper.location.right = 8;
+                viewHelper.location.left  = null;
+                viewHelper.location.bottom = null;
+
+                // Forward clicks on the canvas to ViewHelper for camera snapping
+                renderer.domElement.addEventListener('pointerup', (e) => {
+                    if (viewHelper.animating) viewHelper.handleClick(e);
+                });
             } catch (_) { /* ViewHelper not available */ }
 
             // ── Script context ───────────────────────────────────
@@ -290,18 +278,14 @@ export class IobrokerWebui3DScreenViewer extends BaseCustomWebComponentConstruct
                 renderer.clear();
                 renderer.render(scene, activeCamera);
 
-                // Draw gizmo overlay (top-right corner)
+                // ViewHelper manages its own sub-viewport — just call render
                 if (viewHelper) {
-                    const size = 96 * window.devicePixelRatio;
-                    const cw   = renderer.domElement.width;
-                    const ch   = renderer.domElement.height;
-                    renderer.setViewport(cw - size, ch - size, size, size);
-                    renderer.setScissor(cw - size, ch - size, size, size);
-                    renderer.setScissorTest(true);
                     viewHelper.camera = activeCamera;
+                    viewHelper.center = controls.target;
+                    if (viewHelper.animating) viewHelper.update(dt);
+                    renderer.autoClear = false;
                     viewHelper.render(renderer);
-                    renderer.setScissorTest(false);
-                    renderer.setViewport(0, 0, cw, ch);
+                    renderer.autoClear = false; // keep false for next frame
                 }
             };
             animate(0);