Revisiting viewport helper gizmo

Resources
, ,
28

:tada: The V2 Is Here!
(Apologies for the delay, and thanks for your patience!)

The new Version 2 now available, featuring significant updates, new functionality, and key fixes based on community feedback. Here’s what’s new:

:rocket: New Features & Improvements

  1. New Cube Support: The gizmo now includes a CAD like cube representation.

    image
    image367Ă—198 14.6 KB

  2. More Configuration Options: Customize the gizmo’s look and feel with greater control over its appearance.

  3. Corners and Edges Support: Added support for selecting and highlighting corners and edges for both sphere and cube types.

  4. Improved Orientation Handling: Switched to spherical coordinates, its more accurate, and resolve prior issues with the old euler based computation.

  5. New placement Property: Dynamically update the gizmo placement at runtime.

  6. New set Method: Regenerate the gizmo entirely during runtime. (Use sparingly—it’s not performance-friendly!)

:hammer_and_wrench: Fixes

  • Three.js Versioning: Fixed compatibility issues across Three.js versions.
  • Orientation Handling: Fixed some inaccuracies with the mouse orientation handling.
  • Axis options: Added an enabled option for better axis control.
  • Dependencies Cleanup: Adjusted dependencies, moving relevant ones to peerDependencies and devDependencies.

:pray: Acknowledgments

  • @wenrenqiang : Thank you for initiating the need for this tool in the first place.
  • @drcmda : Thank you for suggesting the cube option.
  • @crystalfp : Thank you for your thorough reviews and outside perspective—it was incredibly helpful!
  • @agargaro : I appreciate your assistance in cleaning up dependencies.
  • @GitHubDragonFly : Thanks for suggesting the placement property and inspiring the new set method.
  • @dubois: Thanks for sharing your inspiring viewcube version.
  • @hofk : Thanks for all the gems you’re sharing on this forum.
  • @prisoner849 : I can’t make an “Acknowledgments” section without acknowledging the G.O.A.T :point_left:

:building_construction: Future Plans

  • Add arrow controls for even more interactivity.
  • Explore automated Git and npm deployments to streamline releases.

As always, your feedback, suggestions, and constructive criticism are greatly appreciated. Let me know if you’d like to tweak anything further!

5 Likes