How to add Transform Gizmo

[mr_pinc]

I've got a project where I'd like to add a transform gizmo for simple traslate/rotate/scale of objects in my scene.

I've been able to find this project - https://github.com/ssatguru/BabylonJS-EditControl which has all the featuers I want but it does not appear up to date and throw a lot of errors with the latest version of Babylon.

I was thinking then if I could just use the same feature from the editor and was wondering if anyone could give me guidance on that - how difficult would that be? What would be a good starting point?

 

 

 

 

[GameMonetize]

Ping @Luaacro who did some for the Editor

[Wingnut]

Hi guys.  There is another thread, recent, that also speaks of gizmos.  A forum search for "gizmo" would have found it. 

[julien-moreau]

Thanks @Wingnut I just copied the link and then saw your message

@mr_pinc, the actual gizmo supports position / rotation, unfortunately not the scale but I plan to support. I'll share the code with you once done

[mr_pinc]

Thanks Luaacro,

I spoke to the author of BabylonJS-EditControl and he was able to make edits to get it to work properly.  But having an "official" solution is a great option.

 

[KramSurfer]

Post is perfect timing for me.  I'll be using this as well.

[julien-moreau]

We should ask @Nockawa to have an official one has he made the awesome gizmos used in the Babylon.js Editor =D

[Nockawa]

@mr_pinc you can use the ManipulationHelpers extension hosted here: https://github.com/BabylonJS/Extensions/tree/master/ManipulationHelpers

It's a simple script to add and just follow the instructions from the project's homepage, you should be able to move/rotate mesh pretty easily if that's your goal.

Concerning scale, it's not so hard to add, it's the same internal mechanics as the translation but you apply the changes to scale instead. I currently don't have the time to do it, sorry, but I'm sure that many people will be able to.