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.

Print
Go Down Pages1
User actions

Ryan Fenik

May 07, 2012, 02:14:02 PM Last Edit: May 18, 2012, 11:52:16 AM by ryanfenik
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

#1
May 07, 2012, 11:15:03 PM
How did you get this inertia ???

I love this :)  Great work !

Ryan Fenik

#2
May 08, 2012, 04:24:11 AM Last Edit: May 08, 2012, 06:14:27 AM by ryanfenik
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

#3
May 08, 2012, 04:53:43 PM
That's really cool! Fun to mess with. specially after a few PBR's :)

Ryan Fenik

#4
May 18, 2012, 11:50:44 AM Last Edit: May 18, 2012, 11:53:19 AM by ryanfenik
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. 

Print
Go Up Pages1
User actions