Gizmo System

examples/src/examples/misc/gizmos.mjs

@@ -57,7 +57,7 @@ function controls({ observer, ReactPCUI, React, jsx, fragment }) {
                     jsx(BooleanInput, {
                         type: 'toggle',
                         binding: new BindingTwoWay(),
-                        link: { observer, path: 'gizmo.legacyRotation' }
+                        link: { observer, path: 'gizmo.useLegacyRotation' }
                     })
                 )
         ),
@@ -270,7 +270,7 @@ async function example({ canvas, deviceType, data, glslangPath, twgslPath, scrip
                 type: type,
                 size: gizmo.size,
                 snapIncrement: gizmo.snapIncrement,
-                legacyRotation: gizmo.legacyRotation,
+                useLegacyRotation: gizmo.useLegacyRotation,
                 xAxisColor: Object.values(gizmo.xAxisColor),
                 yAxisColor: Object.values(gizmo.yAxisColor),
                 zAxisColor: Object.values(gizmo.zAxisColor),

extras/gizmo/gizmo-transform.js

@@ -209,7 +209,7 @@ class GizmoTransform extends Gizmo {
      *
      * @type {boolean}
      */
-    legacyRotation = false;
+    useLegacyRotation = false;
 
     /**
      * Creates a new GizmoTransform object.
@@ -434,7 +434,7 @@ class GizmoTransform extends Gizmo {
         // calculate angle
         let angle = 0;
         if (isRotation) {
-            if (this.legacyRotation || isFacing) {
+            if (this.useLegacyRotation || isFacing) {
                 switch (axis) {
                     case 'x':
                         angle = Math.atan2(point.z, point.y) * math.RAD_TO_DEG;