Feature Request: Add animation ease curves to key frame animations

microsoft / mixed-reality-extension-sdk

The Mixed Reality Extension SDK enables developers to build 3D world extensions for AltspaceVR, using Node.JS.

MIT License

142 stars 61 forks source link

Feature Request: Add animation ease curves to key frame animations #167

Open AndreMuis opened 5 years ago

AndreMuis commented 5 years ago

Add the ability to specify the animation ease curve for a key frame animation. Currently it looks like the animations are hard-coded to ease-in / ease-out.

ezgif com-video-to-gif

ease-curve.ts.txt

eanders-ms commented 5 years ago

I think we could do this with a helper function to generate some keyframes between two points on a curve.

stevenvergenz commented 5 years ago

Currently keyframe animations are linearly interpolated, aren't they @eanders-MS ?

eanders-ms commented 5 years ago

Yep, currently linear. But it would be straight forward to add an ease curve parameter to the keyframe.

AndreMuis commented 5 years ago

That animation slows down at the top and bottom unless I'm missing something.

stevenvergenz commented 5 years ago

It does look like it's easing, yeah...

eanders-ms commented 5 years ago

@stevenvergenz what is the bug here?