[Property Binding Regardsless of Change]

Hi!

 

First of all, thanks for the amazing library.

 

I have a 3D object and I am animating its position using TimelineLite. My 3D object can be dragged around using mouse. And position object has 3 properties x, y and z, all of which are animated.

An example usage:

x,y,z fromTo (0,0,0) => (5,0,0)

In this case only x component has changed. Animation plays as it should.

If I try to drag the 3D object around it doesn't "protect" its y and z components.

If however I were to animate x,y,z fromTo (0,0,0) => (5,5,5); This gives me the expected result such that I can't drag around 3D object freely because the Timeline has "control" over it.

I am guessing that this behavior is not unexpected and it is logical in terms of performance optimisation.

 

My question: is there a flag I can set to avoid this behaviour or should I use a work around such that position is animated from 0 to 0.000001 or something like that?

[Best practice for timeline]

Hello!

 

I'm creating a 3D application with BabylonJS. Users are able to create keyframes for object positions (Cube.position.x etc.), which in turn creates an animation. Time is controlled by using a slider. What would be the best practice, better approach for such an application?

 

Currently I'm using TimelineLite. It is a "tween" based system, and in practical use it would cause me problems. For example, if a user wants to change position of a keyframe, or create a new keyframe between other keyframes.. these kind of actions would cause troubles. I know these problems could be fixed, however I was wondering if there is a better approach for creating an animation system as such?

 

A good example of what I want to achieve is: https://nunustudio.org/editor/editor.html