Animation - 360x180 Interactive Watch Rotation

Started by Ryan Fenik, May 07, 2012, 02:14:02 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Ryan Fenik

Here is an example that utilizes interactivity.  Click and drag the watch to rotate it. 

http://ryanfenik.com/demos/keyshot.html

It seems that posting swf files is disabled in this forum, that is why the link goes to an external url. 

PhilippeV8

How did you get this inertia ???

I love this :)  Great work !

Ryan Fenik

#2
There are many ways to do it.  You can create a "friction" variable that multiplies with the old and new x and y values to give an "ease out" effect. 

A much easier way of doing it is to use the Greensock TweenLite engine and apply the easeOut settings.  The smoothing functions are already built-in, and you simply select which one you want. 

EGON

That's really cool! Fun to mess with. specially after a few PBR's :)

Ryan Fenik

#4
The model has been updated to include full 360x180 degree rotation, an explanation behind the process, and a rendered movie clip. 

http://ryanfenik.com/demos/keyshot.html

Without the interactivity the movie isn't very impressive, it is only to explain how the clips have to be rendered.