pearl.de Bestseller NEU Beratungsvideo Schnäppchen Ausgezeichnet bewertet Pressestimmen Günstig beiwww.pearl.de onlne einkaufen

Um die Bildergalerie zu steuern, ist eine Schaltfläche nötig. Hierfür fügen wir eine weitere Ebene in unserem 3d-menu als Movieclip hinzu, und zwar gleich unter der ersten Ebene aktion.

Flash 8: Animierte Bildergalerie
Bild vergrößern 368 260 http://img2.magnus.de/Flash-8-Animierte-Bildergalerie-r368x260-C-1482aca9-9289997.jpg Die aktion-Ebene hält den Abspielknopf des Films beim jeweiligen Frame fest.

Die aktion-Ebene hält den Abspielknopf des Films beim jeweiligen Frame fest.

Diese Ebene wählen Sie und ziehen dann wieder mit dem Rechtecktool eine Fläche für den klickbaren Bereich auf. Im Beispiel wählten wir eine kleine Buttonleiste unter der Galerie. Mit F8 wandeln Sie die Fläche in eine Schaltfläche um und geben ihr einen sinnvollen Namen, hier: BUTTON.

Die Großschreibweise erinnert daran, dass es sich um eine nicht sichtbare Schaltfläche handelt. Da sich jede Instanz davon beliebig transformieren lässt, ist für den gesamten Flash-Film nur eine einzige unsichtbare Schaltfläche erforderlich.

Öffnen Sie diesen Button und ziehen Sie das Keyframe bei Auf ganz nach rechts, auf Aktiv. Aktiv legt fest, wo der Anwender klicken muss, um die Schaltfläche zu aktivieren.

Zurück im 3d-menu Movieclip, sehen Sie eine türkise Fläche. Diese zeigt an, wo sich die unsichtbare Schaltfläche befindet.

Eine grafische Darstellung des Buttons fehlt noch. Selektieren Sie den türkisen Button (seine Instanz) und drücken noch einmal F8. Wählen Sie Movieclip und nennen ihn animated_ button. Damit wandeln Sie nicht den BUTTON in einen Movieclip um, sondern erstellen einen neuen Movieclip, in dem der BUTTON liegt.

Mit einem Doppelklick öffnen Sie den gerade erstellten Movieclip und fügen eine Ebene unter der angezeigten Ebene mit BUTTON ein. Hier können Sie jetzt mit allen Mal-Werkzeugen von Flash die visuelle Schaltflächen für Vor und Zurück gestalten.

Duplizieren Sie die türkise Schaltfläche mit Strg-C und Strg-V.

Jetzt bewegen Sie je eine der türkisen Schaltflächen über den gemalten Vor-Knopf und Zurück-Knopf.

Wählen Sie die türkise Schaltfläche für den Vor-Knopf und drückenSie F9.

Es öffnet sich das Aktionen-Fenster. Hier weisen Sie dem Flash-Film Skriptfunktionen zu. Im Fall der Schaltfläche genügt ein einfacher goto-Befehl:

Codebeispiel:

 
<p>on(press){ _parent.gotoAndPlay("start"); }</p> 
 
 

Über on(press) teilen Sie Flash mit, dass bei einem Klick auf die Schaltfläche alles, was in den geschweiften Klammern kommt, ausgeführt werden soll. Genauer: in dem Moment, in dem die Maustaste gedrückt wird.

gotoAndPlay("start") lässt den sichtbaren Abspielkopf auf unser Frame mit dem Namen start hüpfen. Danach wählen Sie die türkise Schaltläche für die Zurück-Funktion. Hier wiederholen Sie die Angaben des Vor-Buttons. Nur das start ändern Sie in ein start2, da sich dasMenü rückwärts bewegen wird.

Doch das allein reicht noch nicht, um unser Menü zu animieren. Als erstesmüssen wir die Startsituation für unser Menü festlegen. Dazu dient Listing 1 (Ebene: aktion). Das eigentliche Skript, das die Bilder durch das Menü wandern lässt, kommt in eine eigene Ebene: funktions (Listing 2).

WICHTIG
Fügen Sie mit F5 Frames bis hinter das stop2-Frame hinzu.

Das start-Frame führt nun diese Funktion aus:

Codebeispiel:

 
// erstellt einen Zähler, der immer 
// wieder von 1 - 5 zählt 
nr++; 
if (nr>maxvalues){ 
nr = 1; 
} 
trace(nr); 
showpic (maxmeta, maxpics, maxvalues); 
 

Das start2-Frame zählt rückwärts:

Codebeispiel:

 
// erstellt einen Zähler, der immer 
// wieder von 5 - 1 zählt 
nr--; 
if (nr<1){ 
nr = maxvalues; 
} 
showpic (maxmeta, maxpics, maxvalues); 
 

Schließlich wirft uns das Frame stop bzw. stop2 wieder zurück auf start bzw. start2.

Codebeispiel:

 
gotoAndStop("start"); 
gotoAndStop("start2"); 
 

Um den Flash-Film in Aktion zu sehen, drücken Sie Strg-Eingabe. Flash erstellt neben der Arbeitsdatei (Endung: .FLA) die ausführbare Flash-Datei mit der Endung .SWF. Diese liegt im selben Ordner wie die Arbeitsdatei, in der wir bis jetzt gearbeitet haben. pk



Inhaltsverzeichnis


Günstig bei www.pearl.de online einkaufen
Meistgelesen
1. Alles auf Anfang

Zehn Jahre nach ihrem letzten Kinoauftritt kehren J und K zurück. Um der Story einen besonderen Kick zu verleihen, kamen die Macher auf eine…

2. In Bewegung - Adobe Photoshop Lightroom 4

Als schnelle Bildverwaltung mit effizienten Bearbeitungswerkzeugen hat sich Lightroom unter Profis einen Namen gemacht.

3. Spieletest: "Diablo 3"

Teufelsaustreibung 3.0: Nach holprigem Start läuft "Diablo 3" zu alter Stärke auf - trotz zahlreicher Neuerungen, die bei Fans der…

4. Toshiba Satellite R850 im Test

Toshiba hat sich bei den neuen Modellen der Satellite-Baureihe von der bisherigen Klavierlackoptik verabschiedet. Das Satellite R850 ähnelt in der Optik…


Kleines Spiel für zwischendurch

Bildergalerien
Samsung NV24 HD Praxistest: Nokia 6230i Sport-Gadgets - ISPO 2008 Namu6 2.4

Bilder-Suche

Top 5 Downloads
1
Recuva

Version: 1.42.544
Lizenz: Freeware
Betriebssystem: Windows

2
Win7codecs

Version: 3.6.2
Lizenz: Freeware
Betriebssystem: Windows

3
OnlineTV

Version: 6.2.0.2
Lizenz: Freeware
Betriebssystem: Windows

4
CCleaner

Version: 3.18.1707
Lizenz: Freeware
Betriebssystem: Windows

5
Firefox

Version: 13.0 Beta 4
Lizenz: Open Source
Betriebssystem: WindowsLinuxMac

Download-Suche