Virtueller Papierkorb.

~ Alle Anleitungen ~

In dieser Anleitung erfahren Sie, wie folgende Actionscriptfunktionen anwenden : startDrag, stopDrag, _droptarget, onPress, onRelease.

Laden Sie fertige Projektdatei: t1049.zip (86 KB)

Diese Anleitung ist für fortgeschnittene Benutzer geeignet. Sie sollten alle Basisfunktionen von Flash Designer beherrschen.

Starten Sie ein neues Flash Designer Projekt und stellen die Framegröße auf 300 x 300 Pixel ein.
Erstellen Sie 4 neuen Frames, indem Sie „Frame“ > „Neu“ wählen. In der „Frames“-Palette sollten sich jetzt Frames mit Namen von „Frame 1“ bis „Frame 5“ befinden.

Frame 1

Importieren Sie das Bild "pieceofpaper.gif", indem Sie „Datei“ > „Bild hinzufügen“ wählen, und platzieren Sie es irgendwo in der Arbeitsfläche.
Wandeln Sie das Bild in ein Spriteobjekt um („Bearbeiten“ > „In Sprite umwandeln“) und benennen es in dem Eigenschaftsfenster. Tragen Sie einen Namen (z.B. „garbage“) in das „Objektname“ Eingabefeld. Markieren Sie auch das „als Ziel für Programmskripte“ Ankreuzfeld.
Importieren Sie das Bild "opentrash.gif" und platzieren es in die Koordinaten X:170 und Y:118.
Zeichnen Sie eine Ellipse im oberen Teil des Papierkorbs so, dass es die Öffnung des Eimers bedeckt. Stellen Sie die Füllungsfarbe auf Schwarz und deren Deckkraft auf 1% ein. Die Ellipse sollte keinen Umriss haben.
Wandlen Sie die Ellipse in ein Spriteobjekt, tragen einen Namen (z.B. „hole“) und markieren das „als Ziel für Programmskripte“ Ankreuzfeld.
Fügen Sie den Text "Werfen Sie alle Papierstücke in den Papierkorb" hinzu.
Fügen Sie Frame-Actionscript hinzu (“Frame” > “Actionscript”)::
```
maxpapers=1;
```

Frame 2

Tragen Sie folgenden Text ein: "Fertig!".
Stellen Sie „Frame 1” als Hintergrund des „Frame 2“ ein.

Frame 3

Stellen Sie die Framedauer auf "Stop" und den Hintergrund auf „Frame 1“ ein.
Importieren Sie den "laser.wav" Sound und stellen Sie ihn als Framesound („Frame“ > „Framesound“) ein.

Fügen Sie folgenden Actionscriptcode hinzu, indem Sie „Frame“ > „Actionscript“ wählen:

// Jedes Mal wird die Menge des „garbage” Objekts verdoppelt
maxpapers = maxpapers * 2; 
collected = 0; 	// Eine Variable, die die Menge der Weggeworfenen „garbeges“ enthält. 

function checkifallcollected()
{
// Hier wird geprüft ob ganzer Müll schon weggeworfen wurde. Wenn ja, dann geht 
// die Animation zum „Frame 4” über.
	if(collected==maxpapers) gotoAndPlay("Frame 4");
}

// In diesem Array werden alle „garbage” Objekte gehalten.
var garbages = new Array();

// Hier wird die maximale Menge von „garbage” erstellt.
for(i=0;i < maxpapers;i++)
{
	// Ein neues „garbage” Obiekt wird erzeugt.
	garbage[i] = Garbage.duplicateMovieClip("garbage"+i,100+i); 

	// Wird an eine Zufallsställe platzirt und zufällig gedreht.
	garbage[i]._x = 30+100*Math.random();
	garbage[i]._y = 30+200*Math.random();
	garbage[i]._rotation = 360*Math.random();	

	// Mausereigniscode.
	garbage[i].onPress=function() { this.startDrag();};
	garbage[i].onRelease=function() 
		{
// Hier wird geprüft, ob „garbage”  sich im Bereich der 
// Papierkorböffnung 
			//(„hole“) befindet.			
if(this._droptarget=="/Hole") {this.removeMovieClip();collected++;}
			
			stopDrag();
			checkifallcollected();
		};
	
}

Frame 4

Importieren Sie den "elecshot.wav" Sound und stellen Sie ihn als Framesound ein.
Importieren Sie das "closedtrash.gif" Bild und platzieren es in die Koordinaten X:170 und Y:118.

Frame 5

Stellen Sie die Framedauer auf 3 Sekunden und den Hintergrund auf „Frame 4” ein.
Wählen Sie „Frame” > „Schleife”. Im neu geöffneten Fenster wird ein Frame gewählt, zu dem die Animation im nächsten Schritt übergehen soll. Wählen Sie „Frame 2“.
Importieren Sie den "clap.wav" Sound und stellen Sie ihn als Framesound ein.

Virtueller Papierkorb.

Möchten Sie diese Anleitung kommentieren?