Request to include my transition class with your TweenJS library #3

Closed
wants to merge 2 commits into from

3 participants

@chrismus

This class makes it stupidly simple to add transitions to a TweenJS animation. Whada you think? It would be a pleasure for you to add this to your library. Thanks!

Description:
Class of easing/linear animation transitioning functions. The linear(non-easing)/easing
functions can be used independently of one another, or a linear function
can be passed as an argument to an easing function. Simply pass a transition
function to the ease argument in a Tween step and watch it go.

example:
Tween.get(shape).
.to({x:100},1000,Transition.ease.in(Transition.bow))
.to({y:100},1000,Transition.ease.out(Transition.bounce))
.to({x:1},1000,Transition.quad)
.to({y:1},1000,Transition.ease.out)
.loop();

@ghost

This is really great :D

@kwerty

These are really cool, but what about something like an arc? Is it possible to tweak both the X and Y properties in a transition? I want a rainbow type arc between two points.

@chrismus

I'm not sure at the moment. I'm not sure what the algorithm would be to do that. I'll try a few things out and let you know the results.

@kwerty

Please do! :P

@gskinner
CreateJS member

chrismus - I have included an Ease class with TweenJS, based on Robert Penner's easing equations, and including some configurable tweens (ex. getPowIn(5) is equivalent to a quintic ease). It would be great if you could take a look and offer any feedback.

@gskinner gskinner closed this May 4, 2012
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment