Flash ActionScript 3 overview: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 73: Line 73:
== Links ==
== Links ==


=== Manuals ===
=== Reference manuals ===


* [http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/ ActionScript 3.0 Language & Component Reference]
* [http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/ ActionScript 3.0 Language & Component Reference]
Line 84: Line 84:
** [http://livedocs.adobe.com/flash/9.0/main/00000012.html Getting started with ActionScript]
** [http://livedocs.adobe.com/flash/9.0/main/00000012.html Getting started with ActionScript]


* [http://labs.adobe.com/wiki/index.php/ActionScript_3 ActionScript 3] from Adobelabs. Mabe superseded by the above doc, maybe not ...
* [http://labs.adobe.com/wiki/index.php/ActionScript_3 ActionScript 3] from Adobelabs. Maybe superseded by the above doc, maybe not ...
 
* [http://actionscriptcheatsheet.com/ ActionScriptCheatSheet.com] Look at the [http://actionscriptcheatsheet.com/blog/quick-referencecheatsheet-for-actionscript-20/ downloads]. Several excellent ActionScript cheatsheets.


=== AS2 vs. AS3 comparisons ===
=== AS2 vs. AS3 comparisons ===
* [http://www.adobe.com/devnet/actionscript/articles/display_api.html Understanding the changes in the display API in ActionScript 3.0] (short example code comparison)


* [http://livedocs.adobe.com/flex/201/langref/migration.html ActionScript 2.0 Migration] (Adobe). This list list is huge :)
* [http://livedocs.adobe.com/flex/201/langref/migration.html ActionScript 2.0 Migration] (Adobe). This list list is huge :)
Line 108: Line 112:
** [http://www.kirupa.com/developer/flashcs3/using_xml_as3_pg1.htm Using XML in Flash CS3/AS3]
** [http://www.kirupa.com/developer/flashcs3/using_xml_as3_pg1.htm Using XML in Flash CS3/AS3]


=== Example-based tutorials ===
=== AS 3 Example-based tutorials ===


* [http://www.webwasp.co.uk/tutorials/102/index.php Flash Tutorial - Copy Motion as ActionScript 3.0]
* [http://www.webwasp.co.uk/tutorials/102/index.php Flash Tutorial - Copy Motion as ActionScript 3.0]


=== Examples ===
=== AS 3 Examples ===


* [http://www.zeuslabs.us/flex-2-treemap-component/ Flex Treemap Component]
* [http://www.zeuslabs.us/flex-2-treemap-component/ Flex Treemap Component]
* [http://drawk.wordpress.com/2007/06/25/updated-list-of-best-animation-packages-for-as3/ Updated: List of Best Animation Packages for AS3]
* [http://drawk.wordpress.com/2007/06/25/updated-list-of-best-animation-packages-for-as3/ Updated: List of Best Animation Packages for AS3]


=== ActionScript without Flash CS3 ===
=== Development environments and libraries ===


* [http://www.williambrownstreet.net/wordpress/?p=78 Flash/ActionScript3 Programming under Ubuntu] ... Tested, this works :)
* [http://www.williambrownstreet.net/wordpress/?p=78 Flash/ActionScript3 Programming under Ubuntu] ... Tested, this works :)
* [http://flex.org/php/ Flex for PHP Developers]


=== Blogs and stuff ===
=== Blogs and stuff ===

Revision as of 20:32, 5 September 2007

This article or section is currently under construction

In principle, someone is working on it and there should be a better version in a not so distant future.
If you want to modify this page, please discuss it with the person working on it (see the "history")

<pageby nominor="false" comments="false"/>

Disclaimer: Until today I have never seen any ActionScript code. I will use this page to write down a few things. Wait until this message goes away before you can trust anything ! - Daniel K. Schneider 15:56, 5 September 2007 (MEST)

This is part of the Flash series of articles. But it is not a tutorial !!

Introduction

{{quotation|ActionScript 3.0 is a dialect of ECMAScript which formalizes the features of ActionScript 2.0, adds the capabilities of ECMAScript for XML (E4X), and unifies the language into a coherent whole. (Grossman, 2006).

Basically, there are two ways of using ActionScript 3:

  • Use the Flash CS3 environment more less as "in the ActionScript 2" way, i.e. you add bits of code to certain frames
  • Write your code in a file and compile it (you also may use Flash CS3 that way). No drawings, just code ! AS3 is also part of Flex, Adobe's software development kit to create rich internet applications.

So you either can do AS3 with Adobe Flash CS3 Professional or just code in AS3. For the latter there is a free kit or else just use any editor plus the mxmlc compiler.

Stand-alone code development with AS 3

You do not need to buy Flash CS3 (that's actually a cool thing) to program in AS3 and to create *.swf files.

Use Flex SDK 2.0.1 from Adobe
  • Download this free SDK from Adobe:
http://www.adobe.com/products/flex/downloads/

For Windows and Mac there is a Flex Builder plugin for Eclipse. Otherwise there is a platform independent compiler, the Adobe Flex2 Software Development Kit (SDK).

Installing the Adobe Flex2 Software Development Kit (SDK) for Windows
  • Unzip it somewhere
  • Edit the Environment variables through the configuration panel to include the bin directory in the path: I.e. something like Parameters->Config Panel->System->Advanced (I don't have an English System at hand).
Installing the Adobe Flex2 Software Development Kit (SDK) for Ubuntu
  • Unzip it somewhere (I put it under /usr/local/flex)
  • Under Linux change permissions of the shell scripts in the bin directory, in particular mxmlc
  • Then add this directory to your path. E.g. under my Ubuntu I added in file /etc/bash.bashrc:
export PATH=${PATH}:/usr/local/flex/bin
Using the compiler
  • Just type something like:
mxmlc HelloWorld.as 

.... This will make an *.swf file

Development support other than Eclipse

I find these IDEs too hard to use (I only occasionally program and just use the Emacs editor). So I need some Emacs code for help with editing (not done yet)

Simple AS3 code patterns

Event handling

General pattern

Definition of an event handler function:

function eventResponse (eventObject:EventType):void
 {
   // Actions performed in response to the event go here.
 }

Using it:

eventSource.addEventListener(EventType.EVENT_NAME, eventResponse);
Example
launch_button.addEventListener(MouseEvent.CLICK,launchRocket);

function launchRocket(event:MouseEvent):void {
    gotoAndPlay(2);
}

You can see an example in the Flash button tutorial

Links

Reference manuals

Other documentation

  • ActionScript 3 from Adobelabs. Maybe superseded by the above doc, maybe not ...

AS2 vs. AS3 comparisons

Overviews

General Tutorials

AS 3 Example-based tutorials

AS 3 Examples

Development environments and libraries

Blogs and stuff