Flash Actionscript Programming Basics

This course is adapted from the book "C++ Primer" by Stanley Lippman.
There are currently 2 versions of Actionscript. Actionscript 1.0 (AS 1.0) is the version that works with Flash MX. Actionscript 2.0 (AS 2.0) is the new language that ships with Flash MX2004. Most items in these tutorials will cover both AS 1 and AS 2. Where there is a difference I will indicate it. Actionscript 1.0 will work with Flash MX2004 but Actionscript 2.0 will not work with Flash MX.

To enter actionscript code, open the Actions window by hitting the F9 key or selecting menu item "Window" - "Actions", and start writing in that window.
Start Now!
Open the Actions window and type in this code:

var myNumber;

var myNumber = 10;

The trace( ) function prints whatever is between the parentheses to the output window. It displays the value of the argument of trace. To sequence text and variables in a trace function use "+" to add text to number and variables etc.
e.g.

trace("some Text " + someVariable);

var myNumber = 10;
trace("The value is " + myNumber);

After a script is written, the next step is to compile it. Compiling means to write to bytecode that Flash understands. The compiler has 2 jobs:

1. error checking - the compiler will examine the script for language correctness or errors.
2. Translate what we have to instructions that the machine can understand.

Statements

A Statement is an expression terminated by a semi-colon (";"). A statement in AS is similar to a sentence in the English language. E.g.

var score;
score = 80;
trace(score);

1. is a declaration statement. It tells the machine "we exist"
2. Assignment(=) statement. Assigns the value 80 to the computer memory space associated with the variable "score". Here we have initialised score. We have given it an initial value.
3. - prints the value of score to the output window.

Different values can be placed in the boxes for each name. The name is called a variable. It can be created or thrown away at any time. When you declare a variable, you set up a space in memory for it and also leave a space (connected with it) for a variable's value.(8, 16, "Frodo", whatever).
What we have used so far as variables has been numbers. There are a number of variable types (called datatypes) The main datatypes are Numbers (35), Strings ("a bunch of text") and Boolean (true or false).
Lets do another example. Write this in the actions window:

 var string1 = "This is a test";
 trace(string1);

 var isTrue = true;
 trace(isTrue);

Comments

Comments are helpful lines that are not compiled.

• They help readers understand our program,
• summarize a function's algorithm,
• identify the purpose of a variable, or
• clarify a segment of code.

There are two types.

1. Multiple Lines ( /* */ )
   

   /*
   An explanation of a section of code or
    a coder's name and date
   and other stuff
   */
   

2. Single Line delimiters (//)
   

   // number of record
   var recordNum ;
   

Operators

Operators are signs that do something to variables on either side of them. Here are the arithmetic operators:

The Modulus operator(%) computes the remainder of division between 2 integers.
e.g. 5 % 2 = 1
5/2 = (2*2) + 1(remainder)
Try it out! Ex1.

 var x = 3;
 var y = 5;
 var mult1 =  x * y;
 trace(x + " times " + y + " = " + mult1);

var min = 35;
var max = 239;
var addition = min + max;
trace(min + " plus " + max + " = " + addition;

Equality, Relational and Logical Operators

These operators evaluate to true or false

Logical AND (&&)

Evaluates to true only if both its operands evaluate to true. E.g.

 x = 5;
 if(x>0 && x < 10){
something = true;
}
trace(something);

Logical OR ( || )

Evaluates to true if either of its operands evaluate to true. E.g.

 x = 5;
If(x>0 || x<4){
something = true;
}
trace(something);

Assignment Operator ( = )

The effect that an assignment has is to store a new value in the left operand's associated memory storage space e.g.

 x = 7;
 

Increment and decrement Operators ( ++ and -- )

The increment (++) and decrement (--) operators are a shortcut way of adding or subtracting 1 from a variable. E.g.
Prefix increment - ++c; // c = c+1
Postfix increment - c++;
The prefix form of ++ increments the value of the variable before that value is used.

stack[++top] = val;
//Is equivalent to the following 2 lines
top = top +1;
stack[top] = val;

stack[top--] = val;
//Is equivalent to :
	 stack[top] = v;
	top = top -1;

Arithmetic "IF" operator

The syntactic form is:
Expression1 ? expr2 : expr3 ;
If expression1 evaluates to a true condition, then expression2 is evaluated, otherwise expression3 is evaluated. E.g.

x = 2;
y = 5;
max = x<y ?  100 : 10;
trace(max);

Bitwise Operators

Bitwise operators operate on the value to base 2 (binary). Operands must be integers.
Left Shift ("<<") - shifts the bits of the left operand some number of positions to the left. e.g.

someNum = 1; 
0 0	0 0	0 0 0 1

SomeNum = someNum<<1;
0 0 0 0 0 0 1 0

SomeNum = someNum<<2;
0 0 0 0 1 0 0 0

Right Shift (">>")
SomeNum = someNum >>3;
0 0 0 0 0 0 0 1

Variables (AS 2.0)

A variable is identified by a user-supplied name. Each variable is of a particular data type. E.g.

Var num:Number;

var variableName:DataType;

• The use of the ":Datatype" is not strictly enforced in AS2 but I strongly recommend it.
• A variable can be composed of letters, numbers and underscore. Upper and lower case letters are different.
• Variables need to be initialised. I.e. given an initial value.
  

  var myNum:Number;	//Declaration 
  myNum = 0;		//Initialisation
  

• In AS 1.0, variables are not strictly typed and can change types.

DataTypes (AS 2.0 only)

Variables in AS 2.0 can be given strict datatypes such as a Number or a String or a Boolean. e.g.

var myNum:Number;
var myString:String;
var isTested:Boolean;

num = 10;
num = "Test";

Compiler Errrors

1. Syntax errors - e.g. var numberOne:
2. Spelling Mistakes - var mc:MoveiClip;
3. DataType Errors - (AS 2.0)

var num1:Number;
var str1:String;
num1 = "Steve";
str1 = 27;

Flow control

IF

An if statement tests a condition. If it is true, then a set of actions is executed. Otherwise, the set is ignored or bypassed. Here is a template :

	If(expression){
		Statement1;
	}

	 var x = 23;
	if(x>3){
		trace("x is greater than 3");
	}

IF .. ELSE

If .. else allows for a kind of either .. or condition.
Template:

If(expression){
	Statement1;
	}else{
	statement2;
	}
	

var x = 2;
if(x > 3){
trace("condition is true");
}else{
trace("condition is false");
}

Switch (AS 2.0 only)

A switch statement is an alternative to complex nested if .. else statements

switch(variable){
	case 1:
		//Statement1;
		break;
	case 2:
		//Statement2
		break;
	default:
		//statement3;
		break;
	}

var tester:Number;
tester = random(3);
switch (tester) {
case 1 :
	trace("tester = 1");
	break;
case 2 :
	trace("tester = 2");
	break;
case 3 :
	trace("tester = 3");
	break;
default :
	trace("Out of range");
	break;
}

LOOPS

A loop cycles over a body of code as long as the condition remains true.

while

template:

while(expression){
statement;
}

var x =0;
while(x < 10){
trace(x);
x++;
}

do .. while

a do.. while loop executes the statement once before the condition is evaluated.
Template:

do{
//Statements to be executed;
}
while(condition);

var x =0;
do{
trace(x);
x++;
}
while (x < 10);

for

a for loop is used most commonly to step through a fixed length data structure such as an array.
Template:

 for(init-statement; expr2;expr3){
// Statements;
}

for(var i=0; i<10; i++){
trace(i);
}

Functions

A function is a named unit, in which statements are logically grouped. It usually contains the following parts:

• Function Name - e.g. function someName( )
• Argument list - is enclosed within parentheses after the function name. It contains a comma-separated list of 0 or more arguments. Arguments are passed to the variable with the same name as the argument inside the function.
• Return Type - the datatype of what the function can evaluate to.
• The function Body - is enclosed within a pair of braces { } and contains a sequence of statements.

Function functionName(arg1, arg2, arg3){
	// statements go here
	return something if not void return type;
	}

function test1(arg1, arg2){
// arg1 is passed to the variable with the same name 
// in the next line I.e. arg1
	trace(arg1);
	trace(arg2);
}
// call function
test1(3,"Steve");

  functionName(arg1, arg2);

function returnTest(arg1){
	var num = arg1 * 10;
	return num;
}
// call function
trace(returnTest(5));

// returns the absolute value of number
 function abs(number){
return( i < 0 ? -i : i);
}
// call the method
trace(abs(-350.95);

ex 4
// return the smaller of two values.
function min(num1,num2){
return(num1 <= num2 ? num1: num2);
}
trace(min(27,45));

Functions in AS 2.0

Functions in AS 2.0 are a little different. AS 2.0 allows the setting of specific datatypes. Here is an example :

Function avgReturn(arg1:Number):Number{
Var num = arg1 * 5;
return num;
}

Function functionName(arg1:DataType, 
		arg2:DataType):ReturnType{
// statements go here
return something ;
}

function noReturn(arg1:Number, 
				arg2:String):Void{
trace(arg2+" is a string and "+arg1+" is a number");
}
// call function 
noReturn(5,"Steve");

Arrays

An array is a collection of objects . Individual objects are not named but accessed by its position in the array. Try this!

var theArray = new Array(5,4,8,2,1);
for(var i = 0;i<5;i++){
	trace(theArray[i]);
}

Classes

(As 2.0 only)
A class is a user-defined datatype, an aggregate of named data elements, and a set of operations to manipulate that data. A class definition consists of two parts:

1. The class head - composed of the keyword class and a name
2. the class body - enclosed by braces, contains the member definitions

class Dog{
	// data members
	var name:String;
	var age:Number;
	// class method
	function setAge(age1:Number){
	age = age1;
	}
}

var rusty:Dog = new Dog();
// the dot operator (".") 
// allows us to access members and methods of that class.
rusty.setAge(7);
rusty.name = "Rusty";

Recommended Book
Essential Actionsript 2.0
by colin Moock - one of the most universally respected developers in the Flash community
Buy Now !

Go here for more information on classes and OOP programming .

..