Easing - moving and sizing visible components

[Scott Ferguson]

Easing is a way to move or size objects on the screen.

You can zoom a button in or out, or move it on the screen.

You can size text and/or make it slide into or out of view.

Whatever property you want to modify will have a value from 0 to 1 applied to it where 0 would give 0% of something and 1 would give 100%.

See the attached project which implements the functions from this Github page with MITAI blocks:  https://gist.github.com/gre/1650294

The output from an easing function is usually in the range 0..1

That value can then be multiplied by some other value to adjust sizes, positions, colors, etc. of objects.

To make the Easing block easier to use and more flexible, I have included a socket for the minimum and maximum values to be adjsted.

I have also added a Reverse logic socket for the cases when you want to decrease values rather than increase them.

An example where that would be used is to have a Button to slide from the right side of the screen toward the left side.

That could be done by decreasing the Width of a component to it's left.

Notes:

If you only use one specific easing method you could pull it's blocks out of the Easing procedure with result.

If the Easing procedure does not contain a method you want to use, find it's math equivalent on the web then just add it.

If you don't want to type a name for a method you could easily modify the procedure so the user enters a number to select an easing method instead.

---

Happy Inventing!