julianshapiro / velocity

Accelerated JavaScript animation.
VelocityJS.org
MIT License
17.28k stars 1.56k forks source link

curved trajectory #476

Closed oallouch closed 9 years ago

oallouch commented 9 years ago

Hi, I'd like to a animation that doesn't follow a line, like in http://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-consistent-choreography (see the Consistent choreography paths)

What do you suggest ?

Thx a lot in advance,

Olivier Allouch www.illicotravel.com

ydaniv commented 9 years ago

I believe there's already an open issue on this subject.

oallouch commented 9 years ago

I couldn't find it.

ydaniv commented 9 years ago

No, sorry, there isn't.

oallouch commented 9 years ago

ein baya The movement so so fast, maybe I could do 3 fast linear translations.

ydaniv commented 9 years ago

Basically this should be as simple as playing simultaneously with translateX and translateY with different easings and durations per different values. At least, for the example you've provided.

IMHO, it's not necessary to implement a full blown feature for this ATM, unless as a separate plugin.

oallouch commented 9 years ago

I thought about this, but my mind was stuck on CSS mode where everything is mixed. Thx a lot ! I'll try that.

ydaniv commented 9 years ago

np