Quick Basix Zufälliges animiertes Blinken

Selbst wenn Sie auf der Timeline animieren, kann ein Blick auf ActionScript Ihre Arbeit verbessern. In diesem Quick Tip verwenden wir eine einzige Zeile von AS3, um animierten Realismus hinzuzufügen in einem Augenblick!


Schritt 1: Öffnen Sie Ihre Augen

Schnappen Sie sich die Quelldateien und öffnen Sie "basis.fla". Auf der Bühne befindet sich der Movieclip "head", der aus zwei Ebenen besteht, die die Movieclips "Gesicht" und "Augen" enthalten..

Wenn Sie mit eigenen Grafiken von vorne anfangen möchten, können Sie dies natürlich auch tun?


Schritt 2: Die Augen haben es

Wir werden die Augen regelmäßig blinzeln lassen, indem Sie auf den Movieclip "Augen" doppelklicken, um in die Timeline zu gelangen.


Schritt 3: Blinkered View

Verlängern Sie die Zeitleiste, indem Sie im Frame 80 auf der Ebene "Augen" ein Keyframe hinzufügen. Hier setzen wir die Augen in ihren "blinkenden" Zustand.

Entfernen Sie die offenen Augen von der Bühne und richten Sie Ihre Aufmerksamkeit auf die Bibliothek. Dort findest du "eyesClosed", das du auf der Bühne positionieren kannst, wo der Movieclip "eyesOpen" zuvor war.

Wenn Ihre Augen ausgewählt sind, drücken Sie F5, um weitere Bilder hinzuzufügen. Fügen Sie so viele hinzu, wie Sie möchten. Wenn Sie dies tun, erhöht sich die Zeit, die die Augen Ihres Charakters während eines bestimmten Blinzels geschlossen bleiben. 3 Frames ist in unserem Fall in Ordnung.

Testen Sie Ihren Film (Befehl / Strg + Eingabetaste), um eine Vorstellung von dem von Ihnen erstellten Blinkeffekt zu erhalten.

Der Abspielkopf bewegt sich entlang der Timeline und verursacht periodisches Blinken. Perfekt! Recht? Naja nicht genau. Das gleichmäßige Blinken lässt darauf schließen, dass unser Charakter entweder ein Roboter ist oder sein Frontallappen fehlt.


Schritt 4: Randomeyes

Lassen Sie uns den Effekt verbessern, indem Sie das Blinken randomisieren.

Fügen Sie dem Movieclip "Augen" eine zweite Ebene hinzu, benennen Sie ihn als "Aktionen" und sperren Sie ihn. Wählen Sie das erste Bild aus und geben Sie im Aktionsbereich (Fenster> Aktionen) den folgenden Ausschnitt ein:

 gotoAndPlay (uint (Math.random () * totalFrames) +1);

Schritt 5: Augenuntersuchung

Was macht dieser Ausschnitt eigentlich? Nun die gotoAndPlay (); action sendet den Abspielkopf entlang der aktuellen Zeitleiste an die Bildnummer, die wir innerhalb der geschweiften Klammern definieren. Der Inhalt unserer Zahnspange gibt uns unsere Rahmennummer.

Das Math.random () Die Methode gibt eine Zahl zwischen 0 und 1 zurück. Dies wird jedoch mit multipliziert totalFrames, eine Eigenschaft unseres Movieclips - die Anzahl der Frames (in unserem Fall 83). uint () erneuert das Ergebnis unserer Zufallszahl * totalFrames, indem wir abrunden und uns eine ganze Zahl geben.

Die niedrigste ganze Zahl Wir können mit 0 rechnen, da uint (0 * 83) 0 ist.

Die höchste ganze Zahl Wir können auf 82 hoffen, da uint (0,9999999999 * 83) 82 ist.

Deshalb wir +1 Um die Sache zu beenden, geben wir uns einen Zielrahmen zwischen 1 und 83.

Wenn der Abspielkopf das Ende unserer Zeitleiste erreicht, kehrt er zu Bild 1 zurück und wird erneut zu einem zufälligen Bild gesendet.

Überprüfen Sie den Film erneut!

Unser Charakter blinkt immer noch, aber jetzt in unregelmäßigen Abständen, was weit weniger lobotomisiert wirkt.

Der Effekt wird noch deutlicher, wenn zwei unserer Charaktere auf der Bühne stehen. Im folgenden Beispiel haben wir zwei verschiedene Charaktere, aber beide verwenden genau den gleichen "Augen" - Movieclip:

Ich sage nicht, dass die beiden so aussehen, als hätten sie alles zusammen, aber Sie haben die Idee?


Verbessertes Sehvermögen

Dies ist ein wirklich einfaches Endergebnis, warum sollten Sie nicht sehen, ob Sie es verbessern können?

  • Spiel mit dem Timing Ändern Sie die Framerate und die Anzahl der Frames in Ihrem blinkenden Film.
  • Warum versuchen Sie nicht, das Snippet zu ändern, um zu verhindern, dass der Abspielkopf zu springt innerhalb die blinkende Aktion selbst?
  • Vielleicht können Sie sogar verhindern, dass die Animation zu schnell blinkt?

Fazit

Du bist fertig! Dies ist eine unkomplizierte und häufig verwendete Technik, aber das Bewegen des Abspielkopfes in zufällige Bilder kann in Tausenden von Situationen angewendet werden. Ich hoffe du findest Verwendung dafür :)