Gizmo fixes and updates (#7946)

* fix: reverted regression using local angles instead of world angles for node rotation

* fix: update shape orientation calculation to use local euler angles for better alignment with camera view

* refactor: simplify visibility handling in ArcShape and update RotateGizmo to use setEulerAngles

* fix: update facing threshold constants for RotateGizmo and improve sector visibility logic

* fix: update GLANCE_EPSILON constant and adjust shape visibility logic in ScaleGizmo and TranslateGizmo

* fix: improve shape visibility logic in RotateGizmo for better state handling

* fix: trigger render update event in RotateGizmo after shape visibility changes

* fix: enhance triangle data caching in ArcShape for improved geometry updates

* fix: update TranslateGizmo to calculate point delta and reset node positions during transform events

* fix: rename pointDelta to translateDelta for clarity in TranslateGizmo position updates

* fix: rename pointDelta to scaleDelta for clarity in ScaleGizmo scaling logic

* feat: implemented basic ball roll rotation

* fix: refine rotation logic in RotateGizmo to handle axis-specific conditions

* fix: mark potential scale warping issue in RotateGizmo with a FIXME comment

* fix: reset depth to always render gizmos on top of each other

* fix: enhance type annotations and parameters for drawing span lines in TransformGizmo

* feat: add center radius control to RotateGizmo and update related properties in SphereShape and TranslateGizmo

* feat: override theme for xyz in rotate gizmo

* feat: refactor rendering in shape classes to use Mesh.fromGeometry for improved performance

* feat: add Mesh import to shape.js for future rendering enhancements

* feat: enhance SphereGeometry rendering with latitude and longitude bands

* Update src/extras/gizmo/translate-gizmo.js

Co-authored-by: Copilot <[email protected]>

* feat: add disabled color to gizmo shapes for better visual feedback

* refactor: remove unused rotation calculation and associated method from RotateGizmo

* refactor: remove unused Mat4 import and temporary variable from RotateGizmo

---------

Co-authored-by: Copilot <[email protected]>

Author: kpal81xd

examples/src/examples/gizmos/transform-rotate.controls.mjs

@@ -280,6 +280,14 @@ export const controls = ({ observer, ReactPCUI, React, jsx, fragment }) => {
                     max: 2
                 })
             ),
+            jsx(
+                LabelGroup,
+                { text: 'Center Radius' },
+                jsx(SliderInput, {
+                    binding: new BindingTwoWay(),
+                    link: { observer, path: 'gizmo.centerRadius' }
+                })
+            ),
             jsx(
                 LabelGroup,
                 { text: 'Angle Guide Thickness' },

examples/src/examples/gizmos/transform-rotate.example.mjs

@@ -151,6 +151,7 @@ data.set('gizmo', {
     xyzRingRadius: gizmo.xyzRingRadius,
     faceTubeRadius: gizmo.faceTubeRadius,
     faceRingRadius: gizmo.faceRingRadius,
+    centerRadius: gizmo.centerRadius,
     angleGuideThickness: gizmo.angleGuideThickness
 });
 

src/extras/gizmo/gizmo.js

@@ -506,7 +506,7 @@ class Gizmo extends EventHandler {
     _updateRotation() {
         tmpV1.set(0, 0, 0);
         if (this._coordSpace === 'local' && this.nodes.length !== 0) {
-            tmpV1.copy(this.nodes[this.nodes.length - 1].getLocalEulerAngles());
+            tmpV1.copy(this.nodes[this.nodes.length - 1].getEulerAngles());
         }
 
         if (tmpV1.distance(this.root.getLocalEulerAngles()) < UPDATE_EPSILON) {