ActionScript 3 Zelfstudie
Aan de slag met ActionScript 3

Opmerkingen

versies

Installatieoverzicht

ActionScript 3 kan worden gebruikt door de Adobe AIR SDK of Apache Flex SDK te installeren of als onderdeel van het Animate CC- product van Adobe (voorheen bekend als Flash Professional) .

Adobe Animate CC is een professionele softwareoplossing die kan worden gebruikt om AS3-projecten te maken met behulp van visuele hulpmiddelen. Na installatie zijn geen verdere stappen nodig om te beginnen met het maken van AS3-projecten.

De AIR SDK en Flex SDK kunnen worden gebruikt met opdrachtregelprogramma's of met verschillende IDE's van derden.

Naast Adobe Animate CC zijn er vier andere populaire IDE's die kunnen werken met AS3. Deze IDE's hebben hun eigen instructies om aan de slag te gaan.

• Flash Builder (door Adobe - gebaseerd op Eclipse)
• IntelliJ IDEA (door Jetbrains)
• FlashDevelop
• FDT (Eclipse-plug-in)

Hallo Wereld

Een voorbeeld van een documentklasse die "Hallo, Wereld" afdrukt naar de foutopsporingsconsole wanneer deze wordt geïnstantieerd.

import flash.display.Sprite;

public class Main extends Sprite {

    public function Main() {
        super();

        trace("Hello, World");
    }

}

Flash Develop-installatie

FlashDevelop is een multi-platform open source IDE gecreëerd in 2005 voor Flash-ontwikkelaars. Zonder kosten is het een zeer populaire manier om met AS3 aan de slag te gaan.

FlashDevelop installeren:

1. Download het installatiebestand en voer het installatieprogramma uit
2. Nadat de installatie is voltooid, voert u FlashDevelop uit. Bij de eerste lancering zou het App Man venster moeten verschijnen waarin u wordt gevraagd welke SDK's en hulpmiddelen u wilt installeren.

Als de AppMan niet automatisch wordt geopend of als u later iets wilt toevoegen, opent u deze door 'Software installeren' te kiezen in het menu 'Extra'.

Controleer het item AIR SDK + ACS 2.0 (in de sectie 'Compiler') en het item Flash Player (SA) in de sectie 'Runtimes' (plus al het andere dat u wilt installeren). Klik op de knop Installeren.

3. Nadat de SDK is geïnstalleerd, laten we het testen door een hallo wereldproject te maken. Begin met het maken van een nieuw project (vanuit het menu Project )

4. Kies AIR AS3-projector in de lijst en geef deze een naam / locatie.

5. Vouw in het paneel Projectmanager (kies 'Projectmanager' uit het weergave-menu indien niet al zichtbaar) de map src uit en open het bestand Main.as

6. In het bestand Main.as kunt u nu een eerste voorbeeldprogramma maken, zoals Hello World

7. Voer uw project uit door op het afspeelpictogram te klikken of op F5 of Ctrl+Enter drukken. Het project wordt gecompileerd en er verschijnt een leeg venster (dit is uw toepassing). In het FlashDevelop-uitvoervenster ziet u de woorden: Hallo wereld .

U bent nu klaar om AS3-applicaties te ontwikkelen met FlashDevelop!

Installatie van Apache Flex

van http://flex.apache.org/doc-getstarted.html

1. Download het SDK-installatieprogramma

2. Voer het SDK-installatieprogramma uit. De eerste vraag die u wordt gesteld, is de installatiemap.

   • gebruik op een Mac /Applications/Adobe Flash Builder 4.7/sdks/4.14.0/
   • gebruik op een pc C:\Program Files(x86)\Adobe Flash Builder 4.7\sdks\4.14.0

   U moet de mappen 4.14.0 maken. Druk op Volgende. Accepteer SDK-licenties en installeer.

IDE Specifieke instructies voor de installatie van Apache Flex:

• Flash Builder
• IntelliJ IDEE
• FlashDevelop
• FDT

Flex- of Flash-projecten bouwen op de opdrachtregel met behulp van mxmlc

De Flex-compiler ( mxmlc ) is een van de belangrijkste onderdelen van de Flex SDK. U kunt AS3-code bewerken in elke gewenste teksteditor. Maak een hoofdklassebestand dat zich uitstrekt van DisplayObject .

U kunt builds als volgt activeren op de opdrachtregel:

mxmlc -source-path="." -default-size [width in pixels] [height in pixels] -default-frame-rate [fps] -o "outputPath.swf" "mainClass.as"

Als u een Flash-project moet compileren (in tegenstelling tot Flex), kunt u als volgt een verwijzing naar de Flash-bibliotheek toevoegen (de Adobe Animate IDE moet zijn geïnstalleerd):

mxmlc -source-path="." -library-path+="/Applications/Adobe Animate CC 2015.2/Adobe Animate CC 2015.2.app/Contents/Common/Configuration/ActionScript 3.0/libs" -static-link-runtime-shared-libraries=true -default-size [width in pixels] [height in pixels] -default-frame-rate [fps] -o "outputPath.swf" "mainClass.as"

Of op Windows:

mxmlc -source-path="." -library-path+="C:\Program Files\Adobe\Adobe Animate CC 2015.2\Common\Configuration\ActionScript 3.0\libs" -static-link-runtime-shared-libraries=true -default-size [width in pixels] [height in pixels] -default-frame-rate [fps] -o "outputPath.swf" "mainClass.as"

Een weergegeven "Hallo wereld" -voorbeeld

package {
    import flash.text.TextField;
    import flash.display.Sprite;

    public class TextHello extends Sprite {
        public function TextHello() {
            var tf:TextField = new TextField();
            tf.text = "Hello World!"
            tf.x = 50;
            tf.y = 40;
            addChild(tf);
        }
    }
}

Deze klasse gebruikt de TextField om de tekst weer te geven.