Custom Easing functions

I am trying to find formulas for a wide range of custom easing functions like this site. http://easings.net
to do things like Markus Eckert and his brilliant talk.

I just want to us two points between 0,0 and 1,1 but have a toolbag of custom lerp options available. The AnimationCurve and its Hermite handles are simply too clunky and inflexible.
I'm not interested in code heavy plugin solutions either.
Any thoughts or ideas on how to calculate and then how these would look would be really helpful.
Cheers!

 

Ah, just found this,
https://github.com/danro/jquery-easing/blob/master/jquery.easing.js

How cool would it be to get this to spit out a javascript formula?
http://cubic-bezier.com

 

Did you ever implement these equations into Unity? It would be great to see how you did it.

 

Here are a bunch of easing methods written in C# and a delegate shape for them. As well as an enum to allow configuring in a serializable manner.

https://github.com/lordofduct/spacepuppy-unity-framework/blob/master/SpacepuppyBase/Tween/Easing.cs

 

Thanks @lordofduct, those are the standard ease functions. They are pretty easy to implement but I am looking for cubic bezier curves which are the standard keyframe interpolation method of most all 3D programs and any programs serious about animation. Unity uses Hermite curves which ease fine but are limited in their ability to add real character for serious animators and motion graphics designers. I can only hope Unity supports this eventually but would like to find a way to add cubic bezier for simple stuff at least.

 

babelbrian asked for those equations, I included them.

If you want an implementation of the 'cubic-bezier' function as shown in your link http://cubic-bezier.com, recheck the link I supplied. Just added a way to generate the configured cubic-bezier based on 4 input points in the same way that link you supplied works.

It looks like:

Code (csharp):

1.  
2.  
3.         #region Configurable Cubic Bezier
4.  
5.         public static Ease CubicBezier(float p0, float p1, float p2, float p3)
6.         {
7.             return (c, s, e, d) =>
8.             {
9.                 var t = c / d;
10.                 var it = 1f - t;
11.                 var r = (Mathf.Pow(it, 3f) * p0)
12.                       + (3f * Mathf.Pow(it, 2f) * t * p1)
13.                       + (3f * it * Mathf.Pow(t, 2f) * p2)
14.                       + (Mathf.Pow(t, 3f) * p3);
15.                 return s + e * r;
16.             };
17.         }
18.  
19.         #endregion
20.  
21.  

It's just an implementation of cubic bezier as found on wikipedia:
https://en.wikipedia.org/wiki/Bézier_curve

If you wanted a pretty editor, similar to the link, and similar to how unity has one for the 'AnimationCurve' class.

You'd have to create a class to represent that bezier curve more explicitly and create an editor script for it.

 

Awesome! @lordofduct that is pretty interesting. I wish I had a better grasp on C# and code in general to implement this and create an editor script. I think it could make for a great asset if someone were to put it together and publish it on the asset store. Or, we could keep coming back here and build one out.
There is a great thread here too.
http://answers.unity3d.com/questions/623318/how-to-convert-cubic-bezier-curve-into-animationcu.html

 

Well, here is a start.

I created the class for a CubicBezierCurve:
https://github.com/lordofduct/spacepuppy-unity-framework/blob/master/SpacepuppyBase/Geom/ICurve.cs

As well as the PropertyDrawer:
https://github.com/lordofduct/space...Editor/Geom/CubicBezierCurvePropertyDrawer.cs

Note I generalized the curve preview window into the method SPEditorGUI.DrawCurveSwatch. This way if we define any other kinds of curves that implement the ICurve interface, we just call the DrawCurveSwatch method. It's at the bottom of this helper class:
https://github.com/lordofduct/space...ob/master/SpacepuppyBaseEditor/SPEditorGUI.cs

All that's left is in the 'TODO' of the property drawer we open an actual editor window. I put the class in there, just didn't write it yet... don't have to the time to right this second:
https://github.com/lordofduct/space...seEditor/Geom/CubicBezierCurveEditorWindow.cs

I may get to it later, or someone else can tackle it.

 

A great start! I would love to tackle this challenge but I too am really short on time.

 

Thanks lordofduct!