I use the slide to give a tutorial of ActionScript in the freshman training course of Intelligent Agent Laboratory in Computer Science Department of National Taiwan University. It is the second session of the Flash-ActionScript-Flex class.
4. Basics I
• Variable Declaration :
• var i:Number;
• Flow Control
• for, if-else, ...
• Code Using
• include “your_code_filename”
5. Basic II
• Function Declaration
• function MyFunction(i:Number):Number
• function function_name(parameter:
parameter_type): return_value_type
• Command-line Message Output
• trace(“Print message : ” + your_msg)
6. Basic III
• Class, Package Using
• import your_class_name
• Inherit
• a_class_name extends b_class_name
• Return Value
• return return_value
7. Sample Code List
• HelloWorld.*: use code in .fla
• HelloWorld2.*: use “include” to use .as
• HelloWorld3.*: use “import” to use .as
• HelloWorld4.*: use “extends” to use .as
10. Display Object
Hierarchy I
• All the display objects on the screen are
organized through parent - child
relationship (start from “root”)
• Only display objects in the display hierarchy
will be displayed
• Children work as a group( under same
parent ) with parent. ex. move, resize ...
11. Display Object
Hierarchy II
Parent’s Parent
Parent
Child Child
12. Display Object
Hierarchy III
• Code : use parent.addChild(child) to form
the parent-child relationship
• The last added child is the top most child
you can see (with the biggest z-index)
• Demo : ParentChild.fla (Key:
Up,Down,Left,Right,Space,Shift,b,l,a,A,v,r)
18. MovieClip II
• Use property “graphics” to draw line
• lineStyle() : line setting
• moveTo() : moves your pen
• lineTo() : draws the line (start from
where your pen is)
• Demo : MovieClipCanvas.fla
19. MovieClip III
• Use property “graphics” to fill region
• beginFill() : fill setting
• Draw line as border of the region
• endFill() : fill the region
• clear() : clear your drawing and setting
• Demo : MovieClipCanvas.fla
20. MovieClip IV
• Detect collision between movieclip
• mc1.hitTestObject( mc2 )
• check if bounding box overlapped
• mc1.hitTestPoint( x, y, shapFlag:boolean)
• use shapFlag to determine whether to
check the actual pixel instead of
bounding box.
21. MovieClip V
• Play with Scene, Frame
• gotoAndPlay(frame_number,
"scene_name");
• stop() : stop in the current frame
• Demo : BatBirdGame.fla
• Scene, Frame, library component extends
class
23. Useful Classes
• SharedObject : act like cookie
• Mask : reveal only some part of display
object
• Timer : do things periodically
• TransitionManager : apply some typical
animation without too much effort