<< Chapter < Page Chapter >> Page >

The main class for the project named animation01.

/*Project Animation01 Extremely simple animation project.This is an AS3 project and not a Flex project. Uses the ENTER_FRAME event for timing.Causes a filled blue circle that is drawn on a transparent Sprite object to move diagonallyfrom left to right across the Flash window. The sprite with the circle moves out of theFlash window at the bottom right. *********************************************************/pacpackage { import flash.display.Sprite;import flash.events.Event;public class Main extends Sprite{ private var sprite:Sprite;private var dx:Number = 3;//x-movement distance private var dy:Number = 2;//y-movement distanceprivate var radius:Number = 24;//radius of circlepublic function Main():void { sprite = new Sprite();//Enable the following statement to cause the// sprite background to be visible. //sprite.opaqueBackground = true;//Draw a filled circle on the Sprite object; sprite.graphics.beginFill(0x0000ff, 1.0);sprite.graphics.drawCircle(radius,radius,radius); sprite.graphics.endFill();addChild(sprite);//default location is 0,0addEventListener(Event.ENTER_FRAME, onEnterFrame); }//end constructor//--------------------------------------------------////Event handler. public function onEnterFrame(event:Event):void {sprite.x += dx; sprite.y += dy;}//end onEnterFrame}//end class}//end package

The main class for the project named animation07.

/*Project Animation07 Classical bouncing ball project written as an AS3 project.However, in this case the ball is a Sprite object with an embedded image of Dick Baldwin's caricature.Causes the image to bounce around inside of a 450 x 500 rectangle.*********************************************************/ package {import flash.display.Sprite; import flash.events.Event;public class Main extends Sprite{private var moveableImage:MoveableImage private var rectWidth:uint = 450;private var rectHeight:uint = 500;public function Main() {//Draw a black rectangle with a yellow background. this.graphics.beginFill(0xFFFF00,1.0);this.graphics.lineStyle(3, 0x000000); this.graphics.drawRect(0, 0, rectWidth, rectHeight);this.graphics.endFill(); moveableImage =new MoveableImage(rectWidth,rectHeight); addChild(moveableImage);//default location is 0,0addEventListener(Event.ENTER_FRAME, onEnterFrame);}//end constructor //--------------------------------------------------////Event handler.public function onEnterFrame(event:Event):void { //Ask the image to move.moveableImage.moveIt(); }//end onEnterFrame}//end class}//end package

The moveableimage class for the project named animation07.

/*Class MoveableImage Constructs a Sprite with an embedded image that can bemoved around inside of a rectangle for which the dimensions are passed to the constructor.*********************************************************/ package {import flash.display.Sprite; import flash.events.Event;import flash.display.Bitmap;public class MoveableImage extends Sprite{ private var dx:Number = 4;//x-movement distanceprivate var dy:Number = 2;//y-movement distance private var rectWidth:uint;private var rectHeight:uint; private var imageWidth:uint;private var imageHeight:uint;[Embed(source='/baldwin.jpg')]private var imgClass:Class; private var headImage:Bitmap = new imgClass ();public function MoveableImage(rectWidth:uint,rectHeight:uint) { //Save the dimensions of the rectangle.this.rectWidth = rectWidth; this.rectHeight = rectHeight;//Get and save the dimensions of the image.imageWidth = headImage.width; imageHeight = headImage.height;//Add the image to the display list.addChild(headImage); }//end constructor//--------------------------------------------------////Cause the Sprite object to move and bounce off of // the edges of the rectangle.public function moveIt():void { //Test for a collision with the left or right edge// of the rectangle. if (((this.x + dx)>(rectWidth - imageWidth) || (this.x<0))) { dx *= -1;//Reverse horizontal direction}//end if//Test for a collision with the top or the bottom // of the rectangle.if (((this.y + dy)>(rectHeight - imageHeight) || (this.y<0))) { dy *= -1;//Reverse vertical direction.}//end if//Make the move. this.x += dx;this.y += dy; }//end onEnterFrame}//end class}//end package

The main class for the project named animation01a.

/*Project Animation01A Extremely simple animation program.This is an AS3 project and not a Flex project. This program is essentially the same as Animation01except that this program creates a Timer object and uses TIMER events in place of ENTER_FRAME events fortiming. Causes a filled blue circle that is drawn on atransparent Sprite object to move diagonally from left to right across the Flash window.The sprite with the circle moves out of the Flash window at the bottom right.*********************************************************/ package {import flash.display.Sprite;

Miscellaneous

This section contains a variety of miscellaneous materials.

Housekeeping material
  • Module name: Animation Fundamentals
  • Files:
    • ActionScript0150\ActionScript0150.htm
    • ActionScript0150\Connexions\ActionScriptXhtml0150.htm
PDF disclaimer: Although the Connexions site makes it possible for you to download a PDF file for thismodule at no charge, and also makes it possible for you to purchase a pre-printed version of the PDF file, you should beaware that some of the HTML elements in this module may not translate well into PDF.
Deployment of FlashDevelop projects on the Connexions website: As of the initial publication of this module, the Connexions websiterequires that all resources be located in the same folder as the file named index.cnxml . However, the output from a release build with FlashDevelop places a JavaScript file named swfobject.js in a folder named js that is a child of the folder that contains all of the other files, including the file named index.html . You can flatten this structure for deployment on the Connexions website bymoving the file named swfobject.js into the folder that contains index.html , and then modifying one line of html code in the file named index.html to cause it to refer to the file named swfobject.js in the same folder as itself.

-end-

Get Jobilize Job Search Mobile App in your pocket Now!

Get it on Google Play Download on the App Store Now




Source:  OpenStax, Object-oriented programming (oop) with actionscript. OpenStax CNX. Jun 04, 2010 Download for free at http://cnx.org/content/col11202/1.19
Google Play and the Google Play logo are trademarks of Google Inc.

Notification Switch

Would you like to follow the 'Object-oriented programming (oop) with actionscript' conversation and receive update notifications?

Ask