KeyShot Forum

Contests => Previous Contests => 2012 => Topic started by: Ryan Fenik on May 07, 2012, 02:14:02 pm

Title: Animation - 360x180 Interactive Watch Rotation
Post by: Ryan Fenik on May 07, 2012, 02:14:02 pm
Here is an example that utilizes interactivity.  Click and drag the watch to rotate it. 

http://ryanfenik.com/demos/keyshot.html (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. 
Title: Re: Animation - Interactive Watch Rotation
Post by: PhilippeV8 on May 07, 2012, 11:15:03 pm
How did you get this inertia ???

I love this :)  Great work !
Title: Re: Animation - Interactive Watch Rotation
Post by: Ryan Fenik on May 08, 2012, 04:24:11 am
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. 
Title: Re: Animation - Interactive Watch Rotation
Post by: EGON on May 08, 2012, 04:53:43 pm
That's really cool! Fun to mess with. specially after a few PBR's :)
Title: Re: Animation - Interactive Watch Rotation
Post by: Ryan Fenik on May 18, 2012, 11:50:44 am
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.