|
Das Applet mit dem Namen Metamorphose kann über insgesamt zwölf Parameter an verschiedene Anforderungen angepaßt werden, wobei insbesondere die Oberfläche des Applets und der Schieberegler zum Bewegen des Panoramabildes frei gestaltet werden kann.
Auf dieser Seite sind nur die beiden Parameter "Picture" und "PictureMessage" erklärt, die Beschreibung der übrigen Parameter finden Sie auf der Seite "Metamorphose - Parameter".
| ||||
|
<applet code=Metamorphose.class width=540 height=298> <param name=BackgroundColor value="#000000"> <param name=BackgroundImage value="Background-de.jpg"> <param name=PanoramaRect value="14,14,472,218"> <param name=PanoramaTile value="Universe.gif"> <param name=PanoramaSize value="4500,218"> <param name=ScrollerRect value="35,244,158,20"> <param name=ScrollerThumb value="Thumb.gif"> <param name=Picture01 value="Tetra#.gif,130,14,20,0"> <param name=Picture02 value="Tetraeder.gif,150,195"> <param name=Picture03 value="Hexa#.gif,730,60,22,0"> <param name=Picture04 value="Hexaeder.gif,747,195"> <param name=Picture05 value="Octa#.gif,1250,47,18,0"> <param name=Picture06 value="Oktaeder.gif,1273,195"> <param name=Picture07 value="Dodeca#.gif,1885,81,18,0"> <param name=Picture08 value="Dodekaeder.gif,1890,195"> <param name=Picture09 value="Icosa#.gif,2455,93,18,0"> <param name=Picture10 value="Ikosaeder.gif,2464,195"> <param name=Picture11 value="TetraTetra#.gif,2900,87,18,0"> <param name=Picture12 value="Tetraeder-Tetraeder.gif,2877,195"> <param name=Picture13 value="HexaOcta#.gif,3475,42,18,0"> <param name=Picture14 value="Hexaeder-Oktaeder.gif,3459,195"> <param name=Picture15 value="DodecaIcosa#.gif,4010,87,15,0"> <param name=Picture16 value="Dodekaeder-Ikosaeder.gif,3980,195"> <param name=PictureMessage value="lade Bild # von 16"> </applet> | ||||
| Das Panorama setzt sich hier aus einem Hintergrundmuster, acht Standbildern - den Beschriftungen - und acht Animationen - den platonischen Körpern und ihren Kombinationen - zusammen. Die Animationen bestehen aus einer Reihe von Einzelbildern, den so genannten Frames. In diesem Beispiel sind es insgesamt 144 Frames die zusammen rund 400 kByte groß sind. Um trotz dieser Vielzahl von Einzelbildern ein gutes Ladeverhalten zu erzielen, werden in einem ersten Durchlauf nur die Anfangsbilder der Animationen - der jeweils erste Frame - geladen. Damit läßt sich sehr schnell das Panorama als Standbild anzeigen. In einem zweiten Durchlauf werden dann die noch fehlenden Frames nachgeladen. | ||||
|
<param name=Picture01 value="Tetra#.gif,130,14,20,0"> <param name=Picture02 value="Tetraeder.gif,150,195"> Mit dem Parameter "Picture" werden die Ressourcen für die Standbilder und Animationen übergeben. Der Parameter wird zweistellig durchnumeriert und beginnt bei "01". So können zwischen einem und neunundneunzig Standbilder bzw. Animationen eingesetzt werden. Mit der ersten Variante werden Animationen in das Panorama eingefügt. Der erste Wert bestimmt den Namen der Animationseinzelbilder, die im GIF- oder JPG-Format vorliegen müssen. Das Zeichen "#" im Bildnamen dient als Platzhalter für die Nummer des Einzelbildes. Im Beispiel werden zwanzig Einzelbilder mit den Namen "Tetra01.gif", "Tetra02.gif" bis "Tetra20.gif" verwendet. Die beiden folgenden Werte legen die Position des Bildes bezogen auf die linke obere Ecke des Panoramas fest. Der vierte Wert bestimmt die Anzahl der Einzelbilder bzw. Frames für die Animation. Mit dem letzten Wert legen Sie fest, ob zwischen den Animationsphasen Wartezyklen einlegt werden. In diesem Beispiel werden keine Wartezyklen verwendet und daher immer der Wert "0" übergeben. Mit der zweiten Variante werden dem Panorama Einzelbilder hinzugefügt. In diesem Beispiel sind dies die Beschriftungen der platonischen Küörper. Hier bestimmt der erste Wert die graphische Ressource im GIF- oder JPG-Format. Die beiden folgenden Werte entsprechen denen der ersten Variante und legen die Position des Bildes bezogen auf die linke obere Ecke des Panoramas fest. Wenn Sie ein Hintergrundmuster oder ein Panoramabild im Applet verwenden, dann sollten alle Einzelbilder als transparente GIFs vorliegen, wobei die transparente Farbe der gemittelten Farbe des Hintergrundmusters bzw. des Panoramabilds entsprechen sollte. In diesem Beispiel ist die transparente Farbe schwarz. | ||||
| <param name=PictureMessage value="lade Bild # von 16"> Mit Hilfe des Parameters "PictureMessage" können Sie den Anwender über den Vorschritt beim Laden der Einzelbilder und Animationen informieren, was besonders bei Animationen, die aus einer Vielzahl von Frames bestehen, sinnvoll ist. Dazu übergeben Sie eine Textnachricht, die dann in der Statuszeile des Browsers angezeigt wird. Das Zeichen "#" im übergebenen Text dient als Platzhalter für die Nummer des Bildes, das gerade geladen wird. In diesem Beispiel erscheinen in einem ersten Durchlauf nacheinander die Texte "lade Bild 1 von 16", "lade Bild 2 von 16" ... "lade Bild 16 von 16" in der Statuszeile. Im zweiten Durchlauf - hier werden die noch fehlenden Frames der Animationen geladen - erscheinen dann die Nachrichten "lade Bild 1 von 16", "lade Bild 3 von 16" ... "lade Bild 15 von 16". | ||||