Author Topic: Animation - 360x180 Interactive Watch Rotation  (Read 4387 times)

0 Members and 1 Guest are viewing this topic.

Offline Ryan Fenik

  • Newbie
  • *
  • Posts: 24
Animation - 360x180 Interactive Watch Rotation
« 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

It seems that posting swf files is disabled in this forum, that is why the link goes to an external url. 
« Last Edit: May 18, 2012, 11:52:16 am by ryanfenik »

Offline PhilippeV8

  • Hero Member
  • *****
  • Posts: 1914
    • PV8-Portfolio
Re: Animation - Interactive Watch Rotation
« Reply #1 on: May 07, 2012, 11:15:03 pm »
How did you get this inertia ???

I love this :)  Great work !

Offline Ryan Fenik

  • Newbie
  • *
  • Posts: 24
Re: Animation - Interactive Watch Rotation
« Reply #2 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. 
« Last Edit: May 08, 2012, 06:14:27 am by ryanfenik »

Offline EGON

  • Hero Member
  • *****
  • Posts: 768
Re: Animation - Interactive Watch Rotation
« Reply #3 on: May 08, 2012, 04:53:43 pm »
That's really cool! Fun to mess with. specially after a few PBR's :)

Offline Ryan Fenik

  • Newbie
  • *
  • Posts: 24
Re: Animation - Interactive Watch Rotation
« Reply #4 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. 

« Last Edit: May 18, 2012, 11:53:19 am by ryanfenik »