Introductie tot ActionScript 3.0

ActionScript 3.0 heeft heel wat verschillen met ActionScript 2.0, zelf heb ik nooit ActionScript 2.0 gezien, en weet dus ook niet hoe groot de verschillen zijn. Wat ik wel weet is dat ActionScript 3.0 best goed aan te leren valt en leuk is om te gebruiken.

Wat heb je nodig?

• Adobe Flash

Iedereen heeft wel al eens van Flash gehoord, maar wat is dat nu precies? Flash is een programma om SWF-files te maken (bestanden met de extensie *.swf). Dit kan op verschillende manieren. SWF-files kunnen verschillende dingen zijn: animatie, website, video-player, muziekplayer,… Alles wat in je hoofd opkomt.

Om ActionScript 3.0 te programmeren moet je Adobe Flash CS3 of CS4 hebben, een oudere versie compileert het niet. Flash kan je kopen op de website van Adobe. Op diezelfde website kan je ook een 30 dagen durende trial downloaden.

ActionScript 3.0 kan ook in de Flex Builder geprogrammeerd worden, maar dat is een te grote uitbreiding voor dit artikel, dus laten we dit even aan de kant.

• ActionScript LiveDocs

De ActionScript LiveDocs zijn te vergelijken met de LiveDocs van ieder andere programmeertaal, daarin kan je de nodige informatie en voorbeelden vinden over iedere ActionScript klasse die je gebruikt. Als je later zelf klasses schrijft en het commentaar op een juiste manier schrijft kan je die klasse ook aan de LiveDocs toe te voegen.

Online zijn de ActionScript LiveDocs HIER te vinden, dit zijn de meeste recente versies. Als je ooit aan het programmeren bent en je hebt geen internet ter beschikking kan je in Flash ook heel gemakkelijk een keyword selecteren en op “F1″ drukken om de nodige informatie op te zoeken.

Flash InterFace

Ik werk momenteel met Flash CS3, dus zal ik de interface ook aan de hand daarvan uitleggen. Voor Flash CS4 blijft dat grotendeels hetzelfde

Zoals je wel kan zien is dit het Flash CS3-introductiescherm. In de linkerkolom zie je de recente projecten waar aan gewerkt is. De rechterkolom dient voor werken met Templates = NIET interessant = NOOIT gebruiken! De middelste kolom is de de meest interessante. Daar kan je een nieuw document maken. We werken in ActionScript 3.0, dus zullen we ook zo’n file openen.

Dit is het scherm die je te zien krijgt als je een nieuw document opendoet. Even wat meer uitleg:

• Stage

De stage is je werkblad van Flash. Alles op het witte vlak wordt zichtbaar bij het produceren van de SWF, het grijze gedeelte behoort niet tot de stage.

• Properties

Bij properties kan je heel wat aanpassen, onder andere de grootte van je stage, de framerate, de achtergrondkleur,…

• Toolbar

Links heb je de toolbar, die is gelijkaardig aan de toolbar uit Illustrator en Photoshop, voor ActionScript zal je die niet nodig hebben, maar soms komt die toch van pas!

• De Layers

Bovenaan heb je het layers-panel, net zoals Photoshop en Illustrator. We spreken af dat we altijd een aparte layer “Actions” maken, waar we onze code zullen schrijven. De code komt altijd op de Timeline.

• De Timeline

De timeline (of tijdslijn in het Nederlands) is een opvolging van frames (startend van frame 1 tot frame oneindig. Deze tijdslijn wordt meestal gebruikt voor het maken van frame-by-frame animaties. Ook in ActionScript kan het gebruik van verschillende frames handig zijn, dat komt in een volgende tutorial aan bod.

• De Dock

Hierin kan je belangrijke panels docken. Interessant is om de Library (standaard) en het Actionspanel te docken (F9) door middel van het slepen ernaartoe.

Output

Voor we echt beginnen nog één iets: de output. Als we iets testen (CTRL + ENTER) wordt er altijd een *.swf gegenereerd met dezelfde bestandsnaam als de *.fla-file in dezelfde directory. Die swf wordt ook afgespeeld. Daarnaast is er het Output venster waar errors en resultaten van traces worden weergegeven.

Een eerste code

Nu kunnen we van start gaan met het schrijven van ActionScript. Het eerste commando is meteen het belangrijkste, wordt veel gebruikt voor testen en bugtracking: trace();. Iedere statement in ActionScript wordt afgesloten met een puntkomma (”;”) (semicolon).

Even een voorbeeld:

trace("Hello World");

Zal in het output venster Hello World tonen. Op de swf-zal er niets te zien zijn.

Commentaar

Commentaar op één regel:

//commentaar op 1 regel wordt verborgen door een dubbele slash

Commentaar op meerdere regels:

/*commentaar op
meerdere regels
wordt omgeven door
een slash en een asterix vooraan
en een asterix en een slash achteraan*/

Variabelen

Net zoals in iedere programmeertaal kan je niets doen zonder variabelen. In ActionScript heb je twee soorten: lokale en globale variabelen, meer informatie hierover komt in een later Artikel.

Een variabele declareert men als volgt:

var counter:uint;
keyword var + naam + : + datatype;

Initialiseren gebeurt zo:

counter = 1;
naam = waarde;

Dit kan in één lijn gezet worden:

var counter:uint = 1;
keyword var + naam + : + datatype + toekenningsoperator + waarde;

Datatypes

Veel gebruikte datatypes zijn:

• String: tekst
• Boolean: waarheidswaarde
• int: integer ( -2^16 tot 2^16)
• uint: unsigned integer (0 tot 2^32)
• Number: floating-point getal

Daarnaast zijn nog heel wat andere complexere datatypes.

Dit Artikel

Dit artikel is geschreven door Mattijs De Smedt, en mag niet gekopieerd of gepubliceerd worden zonder toestemming van de auteur.