BabylonJS EditControl

[Dad72]

I think your idea might work.

[DigiHz Data]

It does work very nicely.

[satguru]

On 11/13/2016 at 3:35 PM, joshcamas said:

Question: when you add features, are you adding it to both the Vishva demo as well as the github repository? I can't wait to see the multi-selection!

@joshcamas

Yes, all features in Vishva demo should be in GitHub. The demo and all its assets , animations, characters, structures etc, are also in GitHub. They are not much but are free to use.

As an FYI I have multi-selection in Visha but of course not in edit-control. Yet

 

[satguru]

@DigiHz Data

Pivot is a good idea . Will work on it.

Thanks for the nice playground example. You put in lot of work there

 

 

[DigiHz Data]

Thank you so much @satguru

We do not want to stress you.

But it would be nice if me and Dad72 could have the opportunity to test your future code for Edit control.

I mean.... i want to help do Edit control better, and i am sure @Dad72 are willing to help out to.

Well....bad work is no work, have to make PG's that can benefit many users.

 

[JohnK]

On 01/25/2016 at 3:59 PM, Dad72 said:

Maybe this is normal. but when the active rotation mode is inside the circles you can see what appears to translation axis. but maybe I'm wrong.

I integrate it into my editor and it works well. except that I have a problem to convert Quaternion => Euler and Euler => Quaternion

The problem with Euler and Quaternions has been solved by @adam from Babylon 2.5

You might like to check this out

http://babylonjsguide.github.io/advanced/Euler_Angles

And if you are thinking about pivots this as well

http://babylonjsguide.github.io/snippets/

Keep going with the Editor it is progressing well and is easy to use.

[satguru]

FYI

I have updated the EditControl.

I have changed It to use pivotpoint rather than absoluteposition.

This is based on some discussions here

Also to get rotation values back in euler you can set

editControl.returnEuler(true);

 

[Spankied]

 Are u trying to make a open-sim like project or just 3d editor? Think there would be alot of hype for open-sim project.

[DigiHz Data]

@satguru

Have you changed the

editControl.isScalingEnabled();

in the documentation? O ris it still a typo in the documentation on GitHub?

In your code it is editControl.isScaleEnabled() ;

I will check out your new version later when i have time, right now i m busy on building an OS desktop for the web

Keep up the good work.

[satguru]

@Spankied

If you are referring to Vishva then it is more like open-sim but at a much smaller scale

@DigiHz Data

Yes I have changed the code. It is isScalingEnabled() now.

Good luck with OS desktop

[satguru]

New Release 2.3.0 (06/05/2017)

Changes

• migrated from Java to TypeScript
• rewrote picking process to make the control snappier
• added transforms in planes
• added scale snap
• changed UI - hopefully more intuitive now

Documentation: https://ssatguru.github.io/BabylonJS-EditControl/

Demo: https://ssatguru.github.io/BabylonJS-EditControl/demo

Download: https://github.com/ssatguru/BabylonJS-EditControl/releases

[satguru]

New Release 2.4.5 (09/04/2017)

see https://github.com/ssatguru/BabylonJS-EditControl/releases  for details

with this release the edit control is now also available from the NPM repository

[renjianfeng]

Our editor USES your framework, it's great!

 

[satguru]

New Release 2.5.0 (12/03/2017)

added translation and scaling bounds.
client can limit translation and scaling between a minimum and maximum value
contributed by @focomoso

[Dad72]

Hi,
This no longer works when multiple scenes and multiple cameras are used.

It also does not work with of objects cloned or instantiate

And it seems that with older versions of EditControl and the current version of Babylon this is no longer compatible.

[satguru]

@Dad72

can you reproduce in playground?

 

[Dad72]

No. you do not have a demo on the playground that includes your EditorControl. Your demo is on your site. You did not add it to extensions of Babylon too which does not simplify the creation of sample on the playground.

I give up and I am rewriting another editorControl with another approach by drag drop without gizmo.

[satguru]

@Dad72

clone and instance works for me.

See this playground example

https://www.babylonjs-playground.com/#97B3B7#21

I copied pasted the the latest edit-control code from

https://github.com/ssatguru/BabylonJS-EditControl/blob/master/dist/EditControl.min.js

 

[Dad72]

I think it's because I use multiple cameras and multiple scenes.

Before, it worked on all my projects and now I do not know what's going on, but nothing else works with the change of Babylon. I have problems with the CustomMaterial and now the EditorControl, without me changing anything and it worked fine until version 3.0 or 3.1 changes something.

I had rewritten your EditorControl class in ES6 that worked well, but I do not want to start over again.

[satguru]

@Dad72 

Ok.

As an aside, I had thought of adding this as an extension but I am too lazy and work too much in fits and starts to be able to properly support it as such.

 

[Dad72]

Hi Satguru,

I find a little bug for the setTransSnap (true) which does not work if we do not add setTransSnapValue (0.5).

It works well for rotation and scaling, but not for translation.

PG:  https://www.babylonjs-playground.com/#97B3B7#22

I allowed myself to rewrite your class in ES6 that works for me : Manipulator in ES6 (I made some small improvements)

[satguru]

@Dad72 

Thanks for reporting the setTransSnap  bug. I have fixed it.

Let me know of improvements  you made. I will try to add them to my version.

[Dad72]

It's not big improvement it's more from the code point of view:

I added the brace to if and else and I replaced the BABYLON.Vector3 (0,0,0) with BABYLON.Vector3.Zero () for example.

Very small changes.

Another small mistake, I see this from line 1314 : https://github.com/ssatguru/BabylonJS-EditControl/blob/fce2fe2cf529ec45f8fef42303156f930abf0e4a/dist/EditControl.js#L1314 

};
;
;

Wishing you a merry christmas

[satguru]

Wishing you and everybody else a very happy merry Christmas

 

[satguru]

new release

Release 3.0.0 (12/31/2017)

major change to rotation UI
    now uses the more common "spherical" guides
new methods
    getPosition()
    getRotationQuaternion()
    hide()
    show()
    isHidden()
    setVisibility()
few properties and methods which were private were exposed by mistake. They are now hidden
code refactoring.

demo https://ssatguru.github.io/BabylonJS-EditControl/demo