How to implement an axis helper/ viewCube 3D with threejs?

Hi, I’m trying to implement something clickable thats rotates the scene to the clicked axis. Examples below.

Have you already tried to reuse the code from the editor? The relevant class is:


Hi @Mugen87, thank you for the reply. Is there any guide to implement this ViewHelper?

No, there isn’t, sorry. You have to study the code and figure out an integration by yourself.

Ok, thank you for your help @Mugen87 .

I have seen the first image been implemented and I guess it’s copied from the blender. Try this GitHub - Fennec-hub/ThreeOrbitControlsGizmo: Blender like orientation gizmo for Three.js OrbitControls. Here is the live demo for it - Demo - Three Orbit Controls Gizmo
Do let me know if you are able to integrate. It took me around 30 minutes to find this😉.


This looks interesting, thank you very much @Swapnil !!!

Yes it was very easy to integrate, thank you!

1 Like