Über das Tutorial:
Dieses Tutorial beschäftigt sich mit den grundlegenden Schritte zur Programmierung in ActionScrip3 und Flash.
Und um das ganze sachlich zu halten, werde ich mich bemühen die Texte so kurz wie möglich zu halten. Deshalb geht es auch direkt los.
Was wird gebraucht um in ActionScript3 und Flash zu programmieren?
- Flash CS3 oder Flash CS4 - eine TrialVersion kann auf adobe.com(
DirektLink) heruntergeladen werden (es muss eine EmailAdresse angegeben werden für den Download)
- einen Editor, ich verwende FlashDevelop (
DirektLink)
Sobald beides installiert ist, kann es direkt losgehn:
1) Wir starten Flash und erstellen ein neuen Projekt(ActionScript3)
2) Dann speichern wir das Projekt (Datei -> Speichern unter...) unter dem Namen 'HelloWorld.fla'
3) Nun geben wir im Feld 'Dokumentenklasse' den Namen 'HelloWorld' ein.
Es wird eine Warnmeldung erscheinen, diese einfach weiterklicken.
4) Nun starten wir
FlashDevelop und erstellen ein neues AS3-Dokument und speichern dieses im selben Ordner unter dem Namen 'HelloWorld.as' ab.
Unsere Programmklasse müsste nun in etwa so aussehen:
Code:
package
{
public class
{
}
}
Momentan ist die Klasse aber noch relativ leer, deshalb sollte wir diese etwas füllen.
Als erstes braucht die Klasse einen Namen, also fügen wir folgendes hinzu:
Des weiteren müssen wir der Klasse noch erklären, dass sie nur eine 'Erweiterung' einer anderen Klasse darstellt, nämlich der unsere
MovieClips aus Flash:
Wenn alles richtig getippt wurde, dann sollte FlashDevelop nun von alleine folgende Zeile eingefügt haben:
Wir brauchen uns dabei nicht zu sehr um die einzelnen Bedeutungen kümmern, diese werden weiter unten noch erklärt werden.
Als nächstes brauchen wir eine Hauptmethode für unsere Klasse, also fügen wir noch folgendes hinzu:
Code:
public function HelloWorld()
{
}
Der Code sollte nun in etwa so aussehen:
Code:
package
{
{
public function HelloWorld()
{
}
}
}
Nun können wir zu Flash wechseln und das
MovieClip starten (Strg+Enter). Sofern alles richtig läuft, sollte nun ein weißes Fenster erscheinen und es sollte NICHTS passieren.
Genau: dies ist wohl der einzige Punkt beim Programmieren, an dem es richtig ist, dass nichts geschieht. Nun schließen wir das Fenster und wechseln wieder zu FlashDevelop, denn wir wollen ja, dass das Programm etwas macht.
Also fügen wir einfach folgende Zeile in die Hauptmethode der HelloWorld-Klasse:
Wenn wir nun das MovieClip erneut starten, sollte nun neben dem weißen Fenster ein weiteres erscheinen, in welchem die Worte
'Hello World!' zu lesen sind:
Herzlichen Glückwunsch, du hast so eben deine erste Applikation in Flash und ActionScript3 geschrieben.
Die Begrifflichkeiten:
package{} - das 'package' ist quasi das 'Paket', in dem die Klasse ist. Pakete diehnen dazu, viele Klassen zu strukturieren. Was, wie in unserem Fall, bei einer Klasse logischerweise nicht nötig ist.
public class ... {} - Die Klassenbezeichnung, hier wird der Name der Klasse gesetzt und innerhalb der '{}' stehen alle Methoden der Klasse.
extends ... - extends(engl. 'erweitert') gibt an, von welcher Klasse diese Klasse 'erben' soll, in unserem Fall erbt die 'HelloWorld'-Klasse von der 'MovieClip'-Klasse, d.h. sie hat die selben Funktionalitäten wie ein
MovieClip und wir erweitern diese Funktionalität durch eigene Methoden.
public function HelloWorld() {} - Jede Klasse benötigt eine Hauptmethode, die den gleichen Namen trägt, wie die Klasse selbst, diese Methode wird bei der Initialisierung aufgerufen, in ihr können also alle Befehle stehen, die wir beim Start ausführen wollen.
trace("..."); - mit den Befehl
'trace' kann man Zeichen/Wörter/Variablen ect. in der Console von Flash ausgeben lassen, in unserem Fall haben wir 'Hello World!' ausgeben lassen.
import ...; - Import definiert alle verwendeten externen Klassen, in unserem Fall ist das
'flash.display.MovieClip'
SourceDateien:
- helloworld.zip
Die komplette Klasse mit Kommentar:Code:
package
{
//importiert die externe Klasse 'MovieClip'
//unsere Klasse heißt 'HelloWorld' und erweitert die Klasse 'MovieClip'
{
//unsere MainMethode(Hauptmethode) muss 'HelloWorld' heißen
public function HelloWorld()
{
//alles was die Klasse macht: "Hello World!"
trace("Hello World!");
}
}
}
