Die CheckBox_neutral benutzt ein OnClick Parameter, die Button_silver Komponente nutzt eine EventFunction. Lesen Sie die Dokumentation zu den einzelnen Komponenten, um die Parameter für den Aufruf der Funktion zu erfahren.

Generell muss die Funktion im gleichen Level wie die Komponente vorhanden sein. Es werden 2 Parameter benutzt: name und state. Auf deutsch : Name der Komponente und Status.

Beispiel

function Events(name,state)
{
trace(name add "," add state);
}

Beim Testen in Swishmax zeigt der Debugger folgendes beim Klicken auf die Checkbox an:

Checkbox,false
Checkbox,true
Checkbox,false
Checkbox,true
Checkbox,false
Checkbox,true 

Der erste Parameter (name) ist der Name der Komponente, die das Ereignis ausgelöst hat. Der 2. Parameter (state) ist der Status der Komponente. Wenn true, ist die Checkbox markiert, wenn false, dann ist sie nicht markiert.

Weil der Name der Komponente als Parameter übergeben wird, kann man für alle Komponenten die gleiche Ereignisbehandlung verwenden. Sie müssen dann nur auf den Namen der Komponente reagieren und die Funktion weiter spezifizieren.

Besitzer des eBooks für Einsteiger in Swishmax 2 finden weitere Informationen im Kapitel 10 Komponenten ab Seite 197.

The source draw.swi file is contained in this .zip file – draw.zip. The zip file also contains drawrandom.swi, a simple extension that draws with a random color each time a the left mouse button is pressed.

For the sake of simplicity, in draw.swi I have kept the color (red, 0xFF0000) and line width (5) constant. These values can easily be modified by editing the script.

The script uses a mouse listener object to monitor the mouse movements. Although mouse listeners are not described in the SWiSH Max2 documentation, most Flash ActionScript 2 will work within SWiSH Max2.

The draw movieclip contains the Mouse Listener declaration as well as all of the drawing code. That script is shown below:

onSelfEvent (load) {
    // define the mouse listener object
    var mouseListener:Object = new Object();    // define variables to save previous x,y position and drawing status    var X0 = 0;    var Y0 = 0;    var IsDrawing = false;    mouseListener.onMouseUp = function () {        // mouse button has been released, stop drawing.        IsDrawing = false;        trace("End Drawing");    }    mouseListener.onMouseDown = function () {        // user has pressed mouse button, note initial position and        // set to drawing mode        X0 = _xmouse;        Y0 = _ymouse;        IsDrawing = true;    // show that we are now drawing.        _parent.instructions._visible = false;    // hide the instructions        trace("IsDrawing");    }    mouseListener.onMouseMove = function() {        // mouse has moved.        if (IsDrawing) {            // we are in drawing mode so draw a line            lineStyle(5, 0xFF0000, 100); // width 5, color red, alpha 100%            moveTo(X0, Y0); // move to initial x,y co-ordinates            lineTo(_xmouse, _ymouse);    // draw a line to current position            X0 = _xmouse;    // save this current position for future draw events            Y0 = _ymouse;        }    }    Mouse.addListener(mouseListener);    // add this listener script.}

All of the script resides within the onSelfEvent (load) function for the draw movieclip. This code creates the mouse listener object, defines some variables that are used for the drawing process (X0, Y0 and IsDrawing) and then defines the functions that are to be executed during MouseUp, MouseDown and MouseMove events.

The onMouseUp event simply signifies the end of drawing. When this happens the variable IsDrawing is set to false.

The onMouseDown event signifies the drawing start. The current mouse position is saved in X0, Y0 and IsDrawing is set to true. The text instructions (named ‘instructions’) has its visibility set to false to hide the instructions once drawing commences.

The onMouseMove event is called each time a mouse movement is detected. If not in drawing mode (IsDrawing is false) the function simply returns. Otherwise, lineStyle() is used to set the line width (5), color (0xFF0000 – Red) and alpha (100% – solid), the drawing position is moved to X0,Y0 using moveTo() and a line is then drawn to the current mouse position using lineTo(). The current mouse position is then saved to X0, Y0 for future drawing operations.

The Mouse.addListener(mouseListener) instruction adds the three functions defined above to the Mouse listener list causing them to be executed on those specific mouse events.

The other objects in the movie are as follows:

• Shape is simply a static rectangle sized according to the movie to act as a visible boundary.
• instructions are the text instructions. These instructions are hidden by the onMouseDown function and are re-displayed by the Events function which is called when the Button_clear button is pressed.
• Button_clear is a button from the supplied components. It is configured to call the Events function in the main movie when it is pressed. Note that the button must be named “Button_clear” in the Outline Panel for the Event script to work.

The script for the Events function is shown below:

function Events(n,v) {
    if ("Button_clear" == n) {
        draw.clear();
        instructions._visible = true;    // show the instructions
    }
}

This function resides at the level of the main movie. When called, the n parameter contains the name of the calling object, in this case it should always be “Button_clear” as no other object is configured to call the Events function.

If the function was called by Button_clear, the current drawing is cleared via the command draw.clear();

The instructions are also made visible again via the command:
instructions._visible = true;

The source draw.swi file is contained in this .zip file draw.zip. The zip file also contains drawrandom.swi, a simple extension that draws with a random color each time a the left mouse button is pressed. The line width is set according to the distance traveled since the last mouse move. The larger the distance, the thinner the line. The drawrandom.swf is below:

Have fun!

Die Komponente arbeitet ab Swismax 3 bzw. Swish Minimax 3 mit dem Release  build dates of 20090904. Die Komponente ist nicht im aktuellen Installer enthalten und kann am Ende des Beitrages herunter geladen werden.

Voraussetzungen

Flashplayer ab Version 8

Swishmax 3 oder Swish Mini Max 3

Nur 19,95 € ! inkl. Mwst!

:: Hier geht es zu den Upgrades von 2 zu Swishmax 3

(nur begrenzte Zeit)

Installation

Nach dem Download die Zip_Datei entpacken und die beiden Dateien nach

C:\Program Files\SWiSH Max3\Components\Text display kopieren.

Hinweis: Die Dateien müssen in den Unterordner / Components/Text Display von Swishmax 3 oder MiniMax 3.

In späteren Versionen wird die Komponente in der Gruppe Text display enthalten sein. Die Komponente benötigt mindestens einen Export nach Flash 8.

Parameter

Die Komponente wird sehr schnell geladen, da sie keine komplexen Zeichnungen, Grafiken oder andere große Objekte beinhaltet. Daher kann man sie gut als Vorspann für eine Seite einsetzen, während die Seite im Hintergrund lädt. Die Komponente ist aber kein Preloader, dieser sollte separat eingesetzt werden. So könnte man die Komponente z.b. in der Preloaderszene einsetzen.

Verfügbare Parameter

Der folgende Text ist standardmäßig hinterlegt:

“BLOCK BUSTER SCROLL”

Join the red carpet for
the Max3 premiere of
this new component.

Give your movies that
big screen feel with this
new Max3 component.

Simply drag it onto your
stage and alter the text
to your requirements.

Colors as well as fonts
can be customised via
the parameters panel.

The effect can be
configured to repeat,
start automatically or
wait until started by
an event that occurs
within your movie.

Progress to a scene
or specific frame on
completion of the effect
can also be configured.

Hinweis:  Jede Zeile ist in einem eigenen festen Textblock. Ist der Textblock zu klein für den Text, so wird der Text abgeschnitten, in dem Fall sollte der Font kleiner gewählt werden oder der Textblock über die Breite vergrößert werden.

Wenn Initial Pause gesetzt ist, startet die Komponente erst nach dem Aufruf von:

BlockBusterScroll.gotoAndPlay(”ShowText”);

BlockBusterScroll ist der Name des Komponentenmovieclips.

Die Ereignisfunktion wird mit den Parametern name, true aufgerufen, wenn der Scrollprozess fertig ist. Name ist der MovieClip Name und true ist ein Boolean, der true ist.

Viel Spaß mit der Komponente!

Download

Download: Freeware 3D Scroller BlockBuster Component for Swishmax 3 (51.05 KB - 184 x herunter geladen)

In diesem Artikel geht es um das Scrollen von großen Bildern. Ausserdem fügen wir einen Preloader hinzu. Den Download gibt es wie immer am Ende.

Voraussetzungen

Swishmax 2 oder Swishminimax 2

Schritt für Schritt Anleitung Swishmax 2 /Swishminimax 2

Schritt 1.Legen Sie die Größe des Films fest. Drücken Sie Strg+j und geben Sie die Filmgröße 400×300 ein.

Schritt 2. Richten Sie das Bild aus. Das Bild muss 300 Pixel hoch sein. Benutzen Sie ein Bildbearbeitungsprogramm um das Bild auf die 300 Pixel Höhe zu bringen.

Schritt 3. Importieren Sie das Bild. Benutzen Sie Menü-> Einfügen -> Bild importieren.  Klicken Sie O=X Knopf im Transformieren Fenster und setzen Sie den Transformations und Referenzpunkt auf Links oben, Setzen Sie  _xuand _y position auf 0, 0.

Merken Sie sich die Breite des Bildes. Im Beispiel sind es 1377 Pixel. Wir benötigen die Zahl später.

Schritt 4. Benennen Sie das Bild zu “image” um und markieren Sie die Ziel – Box bei den Eigenschaften.

Schritte 5. Wählen Sie aus dem Komponentenfenster Kontrollen | Scrollers | Scroll_silver und ziehen Sie die Komponente auf die Bühne. Das Komponentenfenster können Sie über Menü -> Fenster -> Komponenten (Strg+F7) einblenden.

Schritt 6. Passen Sie die Parameter für die Scrollbar wie im Bild an:

Scroll bar Length: 400
Direction: Horizontal
Window Size: 400
Document Size: 1377
Reverse Output?: true
Event Function: blank.
Event Variable: _parent.image._x

Die Fenstergröße von 400 Pixeln, ist die Größe, die wir sehen wollen. Die Dokumentengröße von 1377 Pixeln ist die Größe unseres Bildes.

Wenn die Parameter geändert sind, verschieben Sie die Scrollbar an die linke untere Ecke Ihres Filmes.

Sie können den Film testen – der Scroller sollte funktionieren. Sollte es Probleme geben, lesen Sie bitte weiter unten den Abschnitt Problemlösungen.

Damit ist das Scrollen des Bildes schon erledigt. Jetzt können einige Extras hinzugefügt werden, die den Film aufwerten.

Extra Nr. 1 Maske hinzufügen

Um nicht immer von der Größe des Filmes abhängig zu sein, werden wir den Panorama Scroller in einen MovieClip mit Maske verpacken. Das erhöht die Flexibilität.

1. Fügen Sie ein Rechteck für die Maske hinzu. Nutzen Sie dazu das Zeichenwerkzeug. Im Fenter Umformen setzen Sie O=X und den Transformations- und Referenzpunkt auf links oben.  Setzen Sie _x und _y auf 0, 0. Die Breite wird auf 400 und die Höhe auf 300 Pixel gesetzt.  Benennen Sie das Rechteck zu “mask” um.

2. Bewegen Sie die Maske ganz nach unten in der Übersicht.

3. Wählen Sie in der Übersicht die Objekte  Scroll_silver, image und mask mit der gedrückten Shift-Taste aus. Jetzt sollten alle 3 Objekte markiert sein. Wählen Sie aus dem Menü -> Verändern -> Gruppieren-> Als MovieClip konvertieren. Klicken Sie den neuen MovieClip an und benennen Sie ihn zu “scrollpano” um. Setzen Sie bei den Parametern die Option “unterstes Objekt als Maskte benutzen”.

Sie können den Panoramascroller aus diesem Film kopieren und in einen beliebigen anderen Film (der auch größer sein kann) einfügen.

Extra Nr. 2 Preloader hinzufügen

Da die Fotos sehr groß werden können, bietet sich an dieser Stelle das Einfügen  eines Preloaders an. Dieser zeigt dem Benutzer das Laden des Inhaltes, was bei einem sehr großen Bild durchaus ein paar Sekunden dauern kann.

1. Wählen Sie Scene_1 in der  Select Scene_1 in the Outline panel. In the Properties panel, set the “Stop playing at end” checkbox.

2. Fügen Sie in der Übersicht eine neue Szene ein. Benennen Sie diese “Preloader” und verschieben Sie diese an die 1. Stelle.

3. Fügen Sie aus den Komponenten Fortschrittsanzeige -> Preloader silber in die Szene ein. Ändern Sie die Parameter für den Preloader auf folgende Werte:
Event Function: blank
When Loaded: Play Next Scene

Bei der Vorschau des Filmes sieht man den Preloader nur ganz kurz. Sie können eine langsamere Internetverbindung simulieren, wenn Sie im Debugfenster die Geschwindigkeit z.b. auf ISDN stellen. Jetzt können Sie den Preloader in seiner ganzen Pracht bewundern .

Problemlösungen

Wenn das Bild nicht scrollt:

• Prüfen Sie, ob das Bild “image” heißt und die Ziel-Checkbox markiert ist
• Stellen Sie sich, dass die Event Variable der scrollbar auf _parent.image._x eingestellt ist
  

Funktioniert der Preloader nicht:

• Stellen Sie sicher, dass für beide Szenen “Am Ende anhalten” markiert ist
• Stellen Sie sicher, dass der Preloaderparameter “When Loaded” auf Play Next Scene gesetzt ist

Download

Download: Download Panorama Scroller Swishmax 2 Freeware (145.64 KB - 273 x herunter geladen)

Voraussetzungen

Swishmax 2 oder Swishminimax

Download wie immer am Ende der Veranstaltung.

Installation der Komponente

Schließen Sie Swishmax 2/Swishminimax.

Entpacken Sie die Dateien auf Ihrem Computer. Kopieren Sie  den Ordner Multimedia aus swishzone_simplevideo_swf.zip in Ihr Komponentenverzeichnis.

Typischerweise befindet sich dieses in

C:\Program Files\SWiSH Max2\components\
oder
C:\Program Files\SWiSH miniMax2\components\

Starten Sie Swish erneut. Sie finden die Komponente jetztin der Komponentenübersicht im entsprechenden Ordner.

Wichtig!

Beim Export werden alle Szenen zu einer Zeitleiste, das ist bedingt durch die Architektur des Flashplayer so. Der Flashplayer kennt keine Szenen. Damit die Berechnung der Schritte für die Komponente funktioniert sind folgende Konstellationen möglich:

1. Der Film hat nur eine Szene
2. Die Komponente wird in einen MovieClip gepackt

Wichtig ist, dass die Komponente nur mit einer einfachen Zeitleiste funktioniert.

Hinweis für fortgeschrittene Benutzer:

Der Kontroller kann auch mit mehreren Szenen eingesetzt werden. Die Start- und Endeschritte müssen in diesem Fall manuell kalkuliert werden. Beispiel:  Sie haben 2 Szenen mit jeweils 100 Schritten. Der Flashplayer sieht im Film 200 Schritte. Möchten Sie die Schritte 50 bis 75 der 2.Szene kontrollieren, so müssen Sie beim Startschritt 100(1.Szene)+50(2.Szene), also 150 angeben und analog dazu 175 für den Endschritt.

Benutzung

Öffnen Sie das Komponentenfenster und gehen Sie zu -> SWF Controls. Ziehen Sie die Komponente in den Film.Wählen Sie SimpleVideo_SWF MovieClip in der Übersicht, dann öffnen Sie das Parameterfenster.

1) Geben Sie die Schrittnummer (Frame) in das Start Frame Feld ein. Bei diesem Schritt fängt die Kontrolle durch die Komponente an.
2) Geben Sie beim End Frame Feld den letzten Schritt an, der so kontrolliert werden soll.

Hinweis: Geben Sie  -1 in das End Frame Feld ein, wenn Sie bis zum Ende der aktuellen Zeitleiste den Film manipulieren wollen.

Hinweis: Benutzen Sie einen Platziereneffekt, damit die Controls erst zum benötigten Zeitpunkt erscheinen.

Hinterlassen Sie einfach einen Kommentar oder diskutieren Sie in unserem Forum www.SwishZone.de mit uns.

Parameter

Methoden

Download: Freeware SWF Videoplayer Komponente / Component (17.94 KB - 427 x herunter geladen)

Download: Freeware Demo SWF Player (773.45 KB - 245 x herunter geladen)

Den Download gibt es wie immer am Ende.

Das Projekt demonstriert einige wichtige Techniken:

• Preloader
• startDrag und stopDrag
• Masken
• Benutzung der Bibliothek (ist nicht in SWiSH miniMax2 enthalten)

Voraussetzungen

Swishmax 2 oder Swishminimax 2

Wie im Bild zu sehen, ist der Aufbau und die Datei nicht wirklich schwierig.

Das  sharedImage Objekt verlinkt auf ein Bibliotheksobjekt, dass die Detailinformationen enthält. Weil das Bild etwas größer ist, wurde der Film in 2 Szenen geteilt. In die erste Szene wurde ein Preloader eingefügt. Beide Szenen müssen daher die Option “Am Ende anhalten” in den Parametern gesetzt haben.

Scene_1

Der Preloader ist aus den enthaltenen Komponenten| Fortschrittsanzeigen|Preloader silber. Der Parameter  When Loaded muss auf  “Play Next Scene” gesetzt werden. Alle anderen Einstellungen können so bleiben, wie sie sind.

Scene_2

Hintergrund sharedImage

Das Hintergrund (Background) sharedImage Objekt (am unteren Ende der Übersicht (Outline)) ist eine Instanz des MovieClips sharedImage, welcher in der Bibliothek gespeichert ist.

Wird das Hintergrundbild im Transformieren Fenster geändert,so sollte es auf die Größe des Hintergrundes angepasst werden. In diesem Fall auf  400×300. Der Referenz- und Transformationspunkt muss auf links oben und x,y =0,0 gesetzt werden.

Das Actionscript erwartet das Objekt mit dem Namen “sharedImage”.

Lupenobjekt (magnify object)

Der MovieClip magnify enthält alle notwendigen Scripte für den Effekt. Referenz- und Transformationspunkt sind zentriert und die x,y-Werte auf 0 gesetzt. Das Script geht von diesen Werten aus. Änderungen sollten an dieser Stelle nicht erfolgen.

Folgende Objekte befinden sich im Film:

• lens ist ein 200 Pixel großer kreis mit einem weißen radialen Farbverlauf, der von weiß 0% Alpha bis zu weiß 50% Alpha verläuft. Das erzeugt den Glasseffekt.
• sharedImage ist eine Instanz des Bibliotheksobjektes sharedImage. Die Instanz muss den Namen sharedImage haben. Das Bild wird proportional bis auf 150 % vergrößert. Das Objekt wird im Layout ausgeblendet, da es größer als der Film ist. Referenz- und Transformationspunkt sind auf oben links und x,y Position auf 0, 0 gesetzt.
• bgnd ist eine weitere Kreisform. 200 Pixels, weiß mit solider Füllung.
• moviclip_mask ist die Maske, die den sichtbaren Bereich definiert. Das ist ein Kreis mit 200 Pixeln in einer beliebigen Farbe. Hinweis: Es muss beim MovieClip die Option “Unterstes Objekt als Maske verw.“  aktiviert sein.

Actionscript

Hier kommt das Script:

function SetImagePosition() {
    // Wenn die Lupe bewegt wird, muus das große Bild in die
    // entgegengesetzte Richtung bewegt werden
    sharedImage._x = -_x * magscalex;
    sharedImage._y = -_y * magscaley;
}
onSelfEvent (press) {
    this.startDrag(false);
    dragging = true;
}
onSelfEvent (release) {
    this.stopDrag();
    dragging = false;
}
onSelfEvent (load) {
    dragging = false;
    magscalex = sharedImage._xscale / _parent.sharedImage._xscale;
    magscaley = sharedImage._yscale / _parent.sharedImage._yscale;
 
    // aus der Ecke bewegen
    _x = 270;
    _y = 27;
    SetImagePosition();
}
onSelfEvent (enterFrame) {
    if (dragging) {
        //Bild in der Lupe neu positionieren
        SetImagePosition();
    }
}

Actionscript Beschreibung

Die Funktion SetImagePositon() positioniert das Bild unter der Lupe in die richtige Position.

magscalex, magscaley sind die kalkulierten Vergrößerungen der Lupe. Für jeden Pixel, die die Lupe nach links bewegt wird, muss magscalex Pixels nach rechts. Die Berechnung für hoch und runter ist ähnlich (magscaley).

Im onSelfEvent (load) werden die Werte initialisiert. Der drag state wird auf false gesetzt, die Vergrößerung zwischen magnify.sharedImage und _root.sharedImage (Refernz im Script auf sharedImage und _parent.sharedImage ) wird errechnet, die Lupe wird auf die Werte x,y (270, 27) gesetzt und dann wird die Funktion SetImagePositon() aufgerufen.

Die Funktion onSelfEvent (press) und onSelfEvent (release) reagieren auf die Maustaste  und  setzen den  drag state vom MovieClip magnify auf den entsprechenden Wert.

Der onSelfEvent (enterFrame) setzt das vergrößerte Bild auf die richtige Position mittels SetImagePosition().

Änderungen

Um das Bild auszutauschen muss der MovieClip sharedImage in der Bibliothek verändert werden. Doppelklicken Sie in der Bibliothek auf sharedImage und tauschen Sie anschließend das Bild aus.Nach dem Austausch setzen Sie den Referenzpunkt des Bildes auf links oben und x, y auf 0,0 . Die anderen Objekte in dem MovieClip können Sie löschen.

Hinweise

Wenn es nicht funktioniert, dann folgendes überprüfen:

• Beide Szenen halten am Ende an
• Die Instanz  von sharedImage heißt auch sharedImage und Referenz- und Transformationspunkt sind auf links oben und x, y auf 0,0
• Magnify Movieclip  Referenz- und Transformationspunkt sind auf links oben und x, y auf 0,0
• Magnify MovieClip wird das unterste Objekt als Maske verwendet.

Download

Download: Lupe mit Swishmax 2 - Magnifying Glass (377.67 KB - 299 x herunter geladen)

Dabei beträgt der Preis nur 19,95EUR statt 34.95 € (inkl. 19,00% MwSt.). Das sind 15 € Ersparnis. Ebenfalls wurde das Upgrade für Vorgänger auf 14.95 € gesenkt, so dass hier eine Ersparnis für Besitzer des eBook für Swishmax winkt.

»zum eBook für Swishmax 2

»zum eBook für Swishmax 2

Auszug aus der Beschreibung:

Sparen Sie Zeit und lernen Sie schneller Swishmax 2 kennen und benutzen. Dieses Buch gibt einen Überblick und Einstieg zum Umgang mit Swish Max 2 . Der Schwerpunkt des Buches liegt in der Einführung in Swish Max 2 und der Erläuterung von praxisbezogenen Beispielen. Bringen Sie Ihre eigene Webseite inkl. Bildergalerie schneller und bequemer online.
Das eBook beinhaltet:
• Über 700 Seiten
• Mit mehr als 1000 Bildern
• Über 80 mitgeliefert SWI- Dateien
• Beispiel für Bildergalerie
• Komplette Webseite
• MP3 ein- und ausblenden
• Grundlagen Scripting

»zum eBook für Swishmax 2

MP 3 PLayer

Diese MP3 Player sind in zukünftigen Versionen von Swishmax 2 und Swishminimax 2 enthalten. Den Download finden Sie am Ende.

Voraussetzungen

Swishmax 2 oder Swishminimax 2

Installation der Komponente

Schließen Sie Swishmax 2/Swishminimax.

Entpacken Sie die Dateien auf Ihrem Computer. Kopieren Sie  SimpleMP3_01-03.swi und SimpleMP3_01.png in den Komponentenfolder von SWiSH Max2 oder SWiSH miniMax2.

Am besten erstellen Sie einen Ordner MP3-Player.

Typischerweise befinden sich diese in

C:\Program Files\SWiSH Max2\components\
oder
C:\Program Files\SWiSH miniMax2\components\

Starten Sie Swish erneut. Sie finden die Komponente jetztin der Komponentenübersicht im entsprechenden Ordner.

ACHTUNG WICHTIG!

Der Flashplayer unterstützt nur Dateien mit 11kHz, 22kHz oder 44kHz.

Benutzung

Gehen Sie zum Komponentenpanel und wählen Sie einen MP3 Player aus.

Um die Einstellungen für den Player zu ändern, wählen Sie den Player in der Übersicht aus. Anschließend können Sie über die Parameter die einzelnen Werte ändern. Fügen Sie die URL Ihrer MP3-Datei hinzu (siehe Einstellungen MP3 URL weiter unten).  Ändern Sie alle Parameter, die Sie benötigen.

Um die Einstellungen für den Equalizer zu ändern, öffnen Sie in der Übersicht den MovieClip SimpleMP3_# , klappen Sie den MC auf.  Klicken Sie auf “SpectrumEQ” MovieClip. Die Parameter ändern sich im Parameterfenster und Sie können die Farbe und alles weitere einstellen.

Adresse zur MP3 URL einstellen

Es ist wichtig, dass ein relativer Pfad zur MP3-Datei genutzt wird.

Wenn Sie die Komponente innerhalb von SWiSH Max2/SWiSH miniMax2 testen möchten, so geben Sie in dem Ordner zu Laden von Dateien folgendes an. Werkzeuge -> Einstellungen  -> Player -> Test/Load movie Verzeichnis.  Geben Sie hier das Verzeichnis an, in das Sie die swf exportieren. Wir schlagen Ihnen den SWF-Exportordner vor. Dadurch wird die Datei zum Laden ausgehend vom letzten Exportordner gesucht. Damit dieser Parameter wirkt, sollten Sie die SWF einmal exportieren.

Ereignisbehandlung nutzen

Sie können eine Ereignisbehandlungs definieren.  Diese Funktion müssen Sie selbst zu Ihrem Film hinzufügen. Wenn die Audiodatei zu Ende abgespielt wurde, dann wird die Funktion aufgerufen. Es wird ein relativer Pfad zur Zeitleiste der Komponente angegeben. Es werden 2 Argumente an die Funktion übergeben: 1) der Name des MovieClips 2) Booleansche Wert “true” (ohne Anführungsstriche).

Im folgenden Beispiel wird die Funktion myEvent auf der Zeitleiste über der Komponente angelegt. Anschließend tragen Sie “myEvent” in das Parameterfeld ein.

function myEvent(name, isDone) {
    if (isDone) {
        trace("Audio in " + name + " ist zu Ende abgespielt!");
    }
}

Wenn der Film in SWiSH Max2 abgespielt wird, dann sehen Sie im Debug panel:

Audio in SimpleMP3_01 ist zu Ende abgespielt!

Das Ereignis kann dazu genutzt werden um verschiedene Ereignisse auszulösen. Zum Beispiel könnte man ein neues Fenster öffnen o.ä..

Wenn Ihnen die Komponente gefällt, dann hinterlassen Sie doch einen Kommentar.

Audio Player Parameter

Hinweis: Die Farbeinstellungen sind nicht für alle Styles des MP3 Simple Players verfügbar. Zur Zeit hat nur SimpleMP3_03 einstellbare Farben. Mehr Variationen werden in Zukunft eingebaut.

EQ Parameter

Audio Player Methoden

Downloads

Download: Freeware Simple MP3 Komponente Swishmax 2 (80.97 KB - 420 x herunter geladen)

Download: Demo MP3-Player Komponente (622.01 KB - 206 x herunter geladen)

Die Ecke kann für vielfältige Zwecke eingesetzt werden. Ob nun Werbung oder Kontrollen für Musikplayer oder weitere Informationen, der Vorteil ist, dass Elemente ausgelagert werden und somit der Hauptbildschirm von unnöitgem Balast verschont wird.

Unglücklicherweise ist die Entwicklung solcher Ecken sehr schwierig. Daher wurde die Komponente “peelaway” entwickelt. Die Komponente wird in kommenden Versionen von Swishmax 2 und Swishminimax enthalten sein.

Voraussetzungen

Swishmax 2 oder Swishminimax 2

Hier ist ein Beispiel für die Funktionsweise des Peels.

Die Komponente kann wie gewohnt über Parameter konfiguriert werden. Die Parameter für das Beispiel sind rechts in dem Screenshot zu sehen. Die Farbparameter sind selbsterklärend. Die anderen Parameter werden weiter unten erklärt.

Closed Fold – Geschlossener Ordner – Das ist der Wert für das Eselsohr, dass bei geschlossenem Peel umgeklappt ist. Die Größe wird in Pixel angegeben. Hier kann auch 0 angegeben werden, aber nicht, wenn Mouse Over Area auf fold gesetzt wird, da sonst keine Reaktion auf die Maus erfolgt.

Maximum Fold – Die maximale Größe beim Ausklappen in %, wobei die kürzeste Seite berücksichtigt wird. Die Größe beinhaltet den Fold-Radius. Setzen Sie den Wert am Anfang auf 100 und probieren Sie andere Werte aus.

Fold Radius – Der Radius der Ecke. 30 sah im Beispiel am besten aus.  Eine kleinere Nummer gibt eine kleinere Ecke.

Fold Speed – Die Geschwindigkeit, je größer der Wert, desto schneller klappt die Ecke auf.

Event Function – Die Funktion, die aufgerufen wird, wenn ein Ereignis der Komponente aufgerufen wird. Folgende Ereignisse stehen zur Verfügung:

Opened – Das Peel ist komplett geöffnet
Closed – Das Peel ist komplett geschlossen
rollOut – Maus wird aus der mouse over area herausbewegt.
rollOver – Maus wird in die mouse over area bewegt

Als Parameter wird an die Funktion als erster Parameter der Name und als 2. Parameter der Status der Komponente (einer der oben angeführten Ereignisse als Textstring) übermittelt. Die Demonstration .swi zeigt ein Beispiel wie die Funktion arbeitet. Im Beispiel wird eine Sound abgespielt und die Hintergrundanimation wird gestartet.

Mouse Over Area – Fläche, die auf die Maus reagiert. Diese kann die ganze Seite sein (Page auswählen) oder die Mausecke selbst (Fold auswählen). Wenn Fold eingestellt wird, kann die sichtbare Fläche auch für andere Elemente genutzt werden. Der Page mode muss bei der genutzt werden, wenn Closed Fold= 0, sonst kann das Peel nicht gestarteet werden.

Die Komponente prüft die Sinnhaftigkeit der Parameter nicht. Daher überprüfen Sie immer:

1. Die kürzeste Seite des Filmes / Bildercontainer  ist größer als der Closed Fold Parameter.
2. Der Maximum Fold Parameter ist größer als Closed Folder

Beispiel und Erklärung

Das Beispiel zeigt beim Öffnen eine Animation im geöffneten Bereich und spielt einen GONG ab.

Die erscheinende Schaltfläche kann einen Sound abspielen.

Rechts sehen Sie die Übersicht des Filmes.

Ist die Peelaway – Komponente geöffnet, wird das der imageholder MovieClip angezeigt. Den Inhalt des imageholder MovieClips können Sie beliebig gestalten.

Löschen Sie einfach den MovieClip  “demomovie” und fügen Sie beliebigen Inhalt ein.

Nach dem Einfügen des Inhaltes muß der Referenz- und Transformationspunkt  auf rechts oben gesetzt werden und x=0 und y=0.

Das ist wichtig für die korrekte Anzeige im peelaway. Die peelaway component richtet die Inhalte selbstständig korrekt im Film aus.

Die anderen Objekte sind:

Button_star – Eine Button Komponente als “toggle” button. Achten Sie darauf, dass die  Event Variable Parameter auf  _parent.G_NoSound gesetzt ist. Damit wird der aktuelle Status in den Hauptfilm geschickt. Der Soundeffekt wird nur beim Status G_NoSound =false abgespielt.

flashbgnd - Ein MovieClip mit dem Hintergrund.

sounds - Ein MovieClip mit dem Sound.

Wichtig: – Achten Sie darauf, dass das peelobject das oberste Objekt ist. Ansonsten klappt das Verstecken der anderen Objekte nicht.

Das Verhalten wird im Script definiert:

Demo Movie Script

function Events(n,v) {
    if ("peelaway" == n) {
        // Ereignis vom Peelaway ausgelöst
        if ("Opened" == v) {
            // komplett offen
            flashbgnd.play();    // start die Hiintergrundanimation
            flashbgnd._visible = true;    // Hintergrund sichtbar machen
            if (!G_NoSound) {
                // prüfen ob Sound abgespielt werden soll.
                // abhängig vom Status des Buttons on = no sound.
                sounds.play();
            }
        } else {
            // andere mögliche Variablen hier
            // rollOut, geschlossen und rollOver
            // für alle diese Ereignisse,  anhalten und Hintergrundanimation stoppen
            flashbgnd._visible = false;
            flashbgnd.stop();
        }
    }
}
onSelfEvent (load) {
    // G_NoSound ist gesetzt / zurücksetzen mit Button_star component via
    // der definierten event variable: _parent.G_NoSound.
    //Der Button hat den Anfangsstatus off,
    // G_NoSound to off. G_NoSound == false spielt den Sound ab
    G_NoSound = false;    //Sound beim ersten mal abspielen
 
    // anhalten und Hintergrund verstecken
    flashbgnd._visible = false;
    flashbgnd.stop();
 
    // Sound MovieClip anhalten
    sounds.stop();
}

Script Beschreibung

Das onSelfEvent (load) Ereignis wird für die Initialisierung benutzt. Die Variable G_NoSound wird auf false gesetzt, damit der Sound abgespielt wird. Diese Variable kann durch den Button verändert werden. “Button_star” zeigt den aktuellen Status an.

Der blinkende Hintergrund wird unsichtbar gemacht und der Sound MovieClip angehalten.

Die Ereignisbehandlungsroutine verarbeitet die Ereignisse der Komponente.

Kommt das Ereignis von der peelaway component (n, der name = “peelaway”) wird der Status überprüft.

Beim Status  “Opened” (offen)  wird der Hintergrund sichtbar gemacht und abgespielt (flashbgnd._visible = true, flashbgnd.play()) und abhängig von G_NoSound dem Button der Sound abgespielt.

Ist der Status nicht offen, wird der Hintergrund gestoppt und ausgeblendet (flashbgnd.stop(), flashbgnd._visible = false).

Möchten Sie das Script hinter peelaway sehen, so steht es Ihnen offen. Klicken Sie mit der rechten Maustaste in der Übersicht auf das peelaway. Klicken Sie auf Objektattribute. Entfernen Sie die Häkchen vor: Script verbergen, Kindobjekte verbergen , Schreibgeschützt.Das Script können Sie jetzt im Scriptpanel sehen.

Der Download enthält die Komponente  (peelaway.swi and peelaway.swf) und das Demo in deutsch und englisch (peelawaydemo_de.swi).

Installation der Komponente

Schließen Sie Swishmax 2/Swishminimax.

Entpacken Sie die Dateien auf Ihrem Computer. Kopieren Sie  peelaway.swi and peelaway.swf in den Komponentenfolder von SWiSH Max2 oder SWiSH miniMax2.

Typischerweise befinden sich diese in

C:\Program Files\SWiSH Max2\components\Effects\2D
oder
C:\Program Files\SWiSH miniMax2\components\Effects\2D

Starten Sie Swish erneut. Sie finden die Komponente jetztin der Komponentenübersicht im entsprechenden Ordner.  Effekte – 2D

Download Komponente und Demo

Download: Freeware Peelaway Komponente Swishmax 2 / Swishminimax (265.7 KB - 528 x herunter geladen)

Beschreibung

Diese Komponente fügt einen numerischen Stepper zu Ihrem Film hinzu.

Beim Ändern der Werte wird die Event function im Parameter EventFunction aufgerufen.

Der aktuelle Status der Swishmax 2 Komponente kann über die Variable, die im Value Parameter definiert wird, abgefragt werden.

Voraussetzungen

Flash Export version	SWF 7 oder besser
SWiSH Max version	v2, build 20080505 oder besser
Software:
Swishmax 2	Swishminimax 2

Parameter

Text Font

Um die Schrift anzupassen öffnen Sie in der Übersicht die Komponente. Wählen sie das Textobjekt num . Ändern Sie die Schrift über das Eigenschaftenfenster.

Ändern Sie nicht den Referenzpunkt oder den Namen des Textobjektes, eine Änderung verhindert das korrekte Funktionen der Komponente.

Eigenschaften

Auf die folgenden Eigenschaften können Sie mit  Objektname.Eigenschaft zugreifen. Der Objektname ist der endgültige Name des Objektes in Ihrem Film. Damit können Sie die Startwerte des Objektes überschreiben.

Methoden

Es werden keine Mehtoden unterstützt.

Beispiel

Ein Beispiel für die Komponente finden Sie in Beispiele| Komponenten | lists_example.swi

Hinweis: In diesem Beispiel wird eine allgemeine Funktion von NumericStep_silver und TextStep_silver Komponenten genutzt.

Ein Beispiel für die Benutzung der Funktion:

Das Script fügt den Wert und Namen des Steppers an das Ende einer Scrolltextbox (textscroll) hinzu.

function Events(name,value) {
  var s:String = "Events(" add name add ", " add value add ") called" add newline;
  // fügt Name und Wert an das Ende der Scrollbox hinzu
  _root.textscroll.AppendText(s);
}

Diese Komponente ist in Swishmax 2 und Swishminimax enthalten.

ebook Swishmax 2 für Einsteiger

History