Webdevils.com2008-11-23T13:57:53ZMitchell HudsonCopyright 2008, Mitchell HudsonSPHPBLOGMotion page 2http://www.webdevils.com/webdevils/index.php?entry=entry061026-1243512006-10-26T00:00:00Z2006-10-26T00:00:00ZCell phone demo Vodafone Demo ]]>http://www.webdevils.com/webdevils/index.php?entry=entry061026-0921562006-10-26T00:00:00Z2006-10-26T00:00:00ZMotion pagesMotion page. Hopefully this page will provide some insight into making movieclips move with Actionscript. ]]>http://www.webdevils.com/webdevils/index.php?entry=entry061025-2117552006-10-26T00:00:00Z2006-10-26T00:00:00Z3d with shadow DemoFiles]]>http://www.webdevils.com/webdevils/index.php?entry=entry061021-0906012006-10-21T00:00:00Z2006-10-21T00:00:00Z3d Class Methods and properties Make_3d() The constructor takes no parameters and sets the myX and myY properties to the _x and _y of the clip. The myZ property is set to 0 by default.
move_3d( x, y, z ) Moves the object in 3d space the amount passed as x, y and z.
move_abs( x, y, z ) Moves the object to the position passed as x, y and z.
rotate_3d( x, y, z ) Rotates the object an amount around the origin in 3d space in the x, y and z axis. Provide x, y and z as degrees.
rotate_abs( x, y, z ) Sets the rotation of the object on the x, y and z axis to the rotation supplied as x, y and z.
renderPoint() Redraws the object in 3d space. You must call this if you set the myX, myY and myZ or the angleX, angleY and angleZ properties directly to redraw the object in 3d space.
Properties The Make_3d class provides the following properties:
myX myY and myZ These three properties set the poistion of the object in 3d space. After setting any of these properties you must call renderPoint() to redraw the object in 3d.
ox and oy These properties set the origin point. This is sets the position on the stage where objects will recede to as they move backin space, the vanishing point. Normally you would want to set these to values that represent half the width and half the height of the height of the stage.
If objects using Make_3d are inside of a movieclip you can set ox and oy to 0 and use the registration point of the parent clip as the vanishing point.
xAngle, yAngle and zAngle These properties set the rotation of the object around the origin in 3d space. If you set any of these properties you will need to call renderPoint() after to redraw the objects in 3d space.
distance Sets the distance to the camera. You can think of this as the camera angle. Different values will more or less extreme perspective.
brightness_mult This value sets the amount of change in brightness objects will have as they move back in space.
A value of 0 will cause objects to have no change in brightness.
Positive values make objects get lighter as they recede, good for light backgrounds, negative values cause objects to get darker as they recede, good for dark backgrounds.
The default is .5. Experiment with different values. ]]>http://www.webdevils.com/webdevils/index.php?entry=entry061007-1846582006-10-08T00:00:00Z2006-10-08T00:00:00Z3d Class with brightness control DemoFiles]]>http://www.webdevils.com/webdevils/index.php?entry=entry061007-0905172006-10-07T00:00:00Z2006-10-07T00:00:00ZMore Sliding images Here the images move with the spring like motion: Demo Files
The next exmple looks the same as the last but the it works by finding he position of sliding group based on the position of the clips inside. This is an improvement since images inside now can be placed anywhere and the spacing need not be known. Demo Files
In this version I have used the new Filter list property to apply the blur filter. The amount of blur is set by the speed of motion, faster motion more blur. Demo Files ]]>http://www.webdevils.com/webdevils/index.php?entry=entry060801-2142582006-08-02T00:00:00Z2006-08-02T00:00:00ZSliding Row of Images Demo Files ]]>http://www.webdevils.com/webdevils/index.php?entry=entry060801-1021362006-08-01T00:00:00Z2006-08-01T00:00:00ZImproved sliding grid (or not grid) For convenience I named the buttons with the same as the clips within image. This makes it easy for the clip to find the correct movieclip.
DemoFiles ]]>http://www.webdevils.com/webdevils/index.php?entry=entry060730-1506112006-07-30T00:00:00Z2006-07-30T00:00:00ZSliding grid (with spring like motion) This displays an animated grid of images with the selected image moves to center itself under a mask. Select an image by roling over it's icon on left.