Easings: Provide a side by side comparison #42

Closed
scottgonzalez opened this Issue Aug 30, 2012 · 8 comments

Comments

Projects
None yet
2 participants
Owner

scottgonzalez commented Aug 30, 2012

It'd be nice if users could select easings to compare and have them animate side by side. Probably the best animation would be an element moving from the left side of the screen to the right side at a somewhat slow speed. The selected easings would all animate at the same time, stacked on top of each other like a race track. Linear should always be included for reference. There should be enough room on the left and right edge to properly show animations that overshoot the boundaries.

Owner

jzaefferer commented Aug 30, 2012

It could even look like an actual race track, with little cars all starting and finishing at the same time, but taking different "routes" on the way.

Owner

scottgonzalez commented Aug 30, 2012

👍

Owner

jzaefferer commented Oct 13, 2012

Started something here: jquery/jquery-ui@5159ecf

Owner

scottgonzalez commented Oct 13, 2012

That's pretty slick. We should reset the elements to the beginning after some delay. Also, if another easing is added or removed.

We should probably put this just in the API repo.

Owner

jzaefferer commented Oct 13, 2012

Put that on http://api.jqueryui.com/easings/ below or above the graphs, in another iframe?

Owner

scottgonzalez commented Oct 14, 2012

Let's put it below, probably in a separate iframe. Not sure if we should keep the show/hide functionality on the existing graphs once we add this. Let's hunt down @kswedberg this week and finish this :-)

Owner

jzaefferer commented Oct 23, 2012

Fixed by cd0ab13 a while ago.

jzaefferer closed this Oct 23, 2012

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment