feat: free movement gizmo improvements

[nicoecheza]

closes decentraland/creator-hub#323

Changes

🎯 Enhanced Free Gizmo Implementation

• Visual Indicators: Added cross-shaped gizmo indicator with red and blue sticks for better visibility
• Improved Centroid Calculation: Enhanced centroid calculation with proper GizmoManager integration
• Better Drag Behavior: Refactored drag handling with improved snapping and position updates
• Enhanced State Management: Better state reset and cleanup mechanisms

Testing Instructions

Manual Testing

1. Free Gizmo Functionality:

   • Select an entity in the scene
   • Switch to Free Gizmo mode
   • Verify the cross-shaped indicator appears at the entity's centroid
   • Drag the entity and verify smooth movement with proper snapping
   • Test with multiple selected entities to verify centroid calculation

2. Gizmo Switching:

   • Test switching between all gizmo types (Free, Position, Rotation, Scale)
   • Verify proper cleanup and setup of each gizmo type
   • Check that gizmo indicators appear/disappear correctly

3. Multi-Entity Selection:

   • Select multiple entities
   • Verify centroid calculation works correctly for multiple entities
   • Test dragging multiple entities together

4. Snapping Behavior:

   • Enable snap settings in the gizmo panel
   • Test free gizmo movement with different snap distances
   • Verify Y position remains unchanged during free movement

Visual Verification

• Free gizmo should display a cross-shaped indicator with:
  • Red horizontal sticks (X-axis)
  • Blue vertical sticks (Z-axis)
  • Proper depth and visibility settings
• Indicator should update position when entities are moved
• No visual artifacts or rendering issues

[cloudflare-workers-and-pages]

Deploying js-sdk-toolchain with    Cloudflare Pages

Latest commit:	f533966
Status:	✅  Deploy successful!
Preview URL:	https://d0553ced.js-sdk-toolchain.pages.dev
Branch Preview URL:	https://feat-snap-free-gizmos.js-sdk-toolchain.pages.dev

View logs

[github-actions]

Test this pull request

• The @dcl/sdk package can be tested in scenes by running

  npm install "https://sdk-team-cdn.decentraland.org/@dcl/js-sdk-toolchain/branch/feat/snap-free-gizmos/dcl-sdk-7.8.22-16449543896.commit-4079534.tgz"

• To test with npx init

  export SDK_COMMANDS="https://sdk-team-cdn.decentraland.org/@dcl/js-sdk-toolchain/branch/feat/snap-free-gizmos/dcl-sdk-commands-7.8.22-16449543896.commit-4079534.tgz"
  npx $SDK_COMMANDS init

• The @dcl/inspector package can be tested by visiting this url

  • Or by installing it via NPM

  npm install "https://sdk-team-cdn.decentraland.org/@dcl/js-sdk-toolchain/branch/feat/snap-free-gizmos/@dcl/inspector/dcl-inspector-7.8.22-16449543896.commit-4079534.tgz"

• The /changerealm command to test test in-world

  /changerealm https://sdk-team-cdn.decentraland.org/ipfs/feat/snap-free-gizmos-e2e
  

• You can preview this build entering:
  https://playground.decentraland.org/?sdk-branch=feat/snap-free-gizmos

[cyaiox]

🚀 🚀