Ein Effekt des Schneefalls.
In dieser Anleitung erfahren Sie, wie Sie ein Effekt des Schneefalls erstellen. Beschrieben ist, wie eine grafische Repräsentation von einer Schneeflocke erzeugt und mit ActionScript in Bewegung gebracht wird.
~ Alle Anleitungen ~
Laden Sie fertige Projektdatei: t1053.zip (2 KB)
- Fangen Sie ein neues Projekt mit Flash Designer ein. Bestimmen Sie die Größe des Frames, z.B. 400x300 Pixel.
- Ändern Sie die Dauer des Frames, indem Sie in der „Frames“-Palette „Stop“ Wählen. Damit wird die Animation bei diesem Frame anhalten.
- Im Hauptmenü wählen Sie „Frame” > „Neu“, damit ein neuer Frame erzeugt wird.
- Wandeln Sie den ersten Frame in einen Masterframe, indem Sie „Frame 1“ in der „Frames“-Palette markieren und das „Masterframe“-Feld ankreuzen.
- Wählen Sie „Frame 2” und stellen den ersten Frames (Master Frame (1)) als der Hintergrund dafür ein.
Erzeugen einer Schneeflocke.
- Schneeflocke wird im „Frame 1” erstellt.
- Zeichnen Sie einen Kreis, der etwa 16x16 Pixel groß ist, und stellen die Linienstärke des Umrisses auf „kein“.
- Füllen Sie den Kreis mit einem radialen Farbverlauf, der in der Mitte weiß und am Rand durchsichtig ist.
- Konvertieren Sie die Schneeflocke in ein Spriteobjekt, indem Sie „Bearbeiten“ > „In Sprite umwandeln“ wählen.
- Benennen Sie die Schneeflocken, indem Sie das Objekt markieren und im Kontextmenü „Eigenschaften“ wählen. Tragen Sie einen neues Namen, z.B. „schneeflocken“. Dieser Name wird als Variablenname benutzt. In demselben Fenster ankreuzen Sie das „als Ziel für Programmskripte“ Feld.
- Platzieren Sie die Schneeflocke außerhalb der Arbeitsfläche.
Erzeugen des Hintergrunds.
- Gehen Sie zum "Master Frame (1)".
- Wählen Sie „Einfügen“ > „Formen und Linien” > „Hintergrund“. Ein Rechteck mit einer zufälligen Füllung wird erstellt, dessen Größe der Framegrüße gleich ist.
- Ersetzen Sie die zufällige Füllung mit einem vertikalen Farbverlauf. Die Farbe am oberen Rand des Verlaufs stellen Sie auf Dunkelblau ein und am unteren Rand auf Hellblau.
ActionScript
Gehen Sie zum "Frame 1" und wählen "Frame" > "ActionScript". In das Eingabefeld im neu geöffneten Fenster fügen Sie den untergegebenen Code ein:
maxschneeflocken = 100;
var schneeflocken = new Array();
for(i=0;i < maxschneeflocken;i++)
{
schneeflocken[i] = Schneeflocke.duplicateMovieClip("schneeflocken"+i,100+i);
// Zufallsbewegung
schneeflocken[i]._x = Stage.width*Math.random();
schneeflocken[i]._y = Stage.height*Math.random();
// Skalierung der Schneefloken
schneeflocken[i]._xscale = 40+Math.random()*60;
schneeflocken[i]._yscale = schneeflocken[i]._xscale;
// Bewegungsgeschwindigkeit und Bewegungsrichtung
schneeflocken[i].yspeed = Math.random()*4+ 1;
schneeflocken[i].increment = -0.025+Math.random()*0.05;
schneeflocken[i].onEnterFrame = function() {
this.radians = this.increment + this.radians;
this._y = this.yspeed + this._y;
this._x = Math.sin(this.radians) + this._x;
if (this._y>Stage.height) {
this._y = 0-10;
this._x = 0-10+Math.random()*Stage.width;
}
}
}
Falls Sie die Heftigkeit des Schneefalls ändern möchten, tragen Sie einen anderen Wert in der ersten Codezeile (maxschneeflocken = 100;) ein. Achten Sie darauf, dass je größeren Wert Sie geben desto stärker wird der Prozessor belästigt.
Starten Sie die Animationsvorschau - F9-Taste.
