Tuesday, 14 May 2013

TweenJS: Motion Guides






This one uses the MotionGuidePlugin. Apparently, this isn't as straightforward as adding the script as a source, you also have to sort of install it...

Line 14: This is how you 'install' the motion guide plugin

Line 26: I've drawn this line to show the path that the ball will be taking, and how it relates to the motion guide. For the curveTo, the first parameter sort of shows which direction the curve should head towards, the second parameter shows where the curve should end up.

Line 21: The example uses true in the third parameter (the plugin data), but when I set it to false, this still works...

Line 22: The path has six parameters, 1 and 2 are the x,y coordinates of where the object should start. 3 and 4 are the x,y coordinates of where the path should curve towards. 5 and 6 are the x,y coordinates of where the object should end up. Orient is whether or not you want your shape to turn as it moves along its path.

No comments:

Post a Comment

Please enter your message here...