Inhaltsverzeichnis:

Einen Preloader in Flash erstellen – wikiHow
Einen Preloader in Flash erstellen – wikiHow

Video: Einen Preloader in Flash erstellen – wikiHow

Video: Einen Preloader in Flash erstellen – wikiHow
Video: How to Create an Adobe Flash Preloader Screen 2024, Juli
Anonim
So erstellen Sie einen Preloader in Flash
So erstellen Sie einen Preloader in Flash

Ich habe mich entschieden, dies zu machen, weil Sie NICHT GLAUBEN KÖNNEN, wie viele Leute fragen, "omgzorz wie mache ich Flash!1!!!one!" Es ist wirklich nervig. Alles klar, fangen wir an. Dinge, die Sie brauchen: Flash (ich verwende CS3, aber Sie können MX-CS4 verwenden) Einen Computer Eine Flash-Testversion/vollständige Kopie (die Sie hier erhalten können) Öffnen Sie natürlich Flash und erstellen Sie eine neue Flash-Datei. Ich verwende Actionscript 2, BTW.

Schritt 1: Hinzufügen von Ebenen

Hinzufügen von Ebenen
Hinzufügen von Ebenen

Zuerst müssen wir der Timeline 2 Ebenen hinzufügen. Eine mit dem Namen "Aktionen" oben und eine mit dem Namen … "Text" oder "Bar" oder "Stuff". Als nächstes müssen wir einen Keyframe zur Aktionsebene und einen Frame zur anderen Ebene hinzufügen. Nehmen Sie dann das Textwerkzeug (T) und wählen Sie Dynamischer Text aus dem Dropdown-Feld im Eigenschaftenfeld aus, wahrscheinlich ist bereits "Statischer Text" ausgewählt. Zeichnen Sie nun mit dem Rechteckwerkzeug (R) ein Rechteck. Stellen Sie sicher, dass die Füllung nicht weiß ist. Machen Sie die Füllung des Rechtecks, aus dem Sie gerade einen Movieclip erstellt haben, indem Sie einmal darauf klicken und F8 drücken. Benennen Sie es und stellen Sie sicher, dass "Movie Clip" ausgewählt ist und sich der Registrierungspunkt oben links befindet, bevor Sie OK drücken. DIESER TEIL IST WICHTIG Wählen Sie den von Ihnen erstellten Movieclip aus. Im Eigenschaftenfeld wird ein Textfeld mit der Aufschrift "Instanzname" angezeigt. Geben Sie loadBar ein. Drücken Sie die Eingabetaste. Wählen Sie dann das zuvor erstellte dynamische Textfeld aus und gehen Sie zum Eigenschaftenfeld. Sie sollten das Textfeld für den Instanznamen wieder sehen, klicken Sie darauf. Geben Sie diesmal textBox ein. Drücken Sie Enter.

Schritt 2: Codierungszeit

Codierungszeit!
Codierungszeit!

Gehen Sie nun auf die Ebene "Aktionen". Klicken Sie auf den ersten Rahmen. Drücke F9 und TYP in (Kein Turnier kopieren und einfügen, du fauler Penner. Wenn du das tust, wirst du das nie wirklich lernen, und genau darum geht es.):percent = Math.round(getBytesloaded()/getBytesTotal())*100;textBox.text = Prozent + "%";loadBar._xscale = Prozent;Ich erkläre diesen Code Zeile für Zeile.percent = Math.round(getBytesloaded()/getBytesTotal())*100;Erzeugt eine Variable das teilt den Prozentsatz des bereits geladenen Flashs durch die Gesamtgröße der Flash-Datei, multipliziert ihn dann mit 100 und rundet ihn. textBox.text = Prozent + "%";Zeigt die Variable Prozent im von Ihnen erstellten dynamischen Textfeld an.loadBar._xscale = Prozent;Ändert die x-Skala des Rechtecks entsprechend dem Prozentsatz.

Schritt 3: Mehr Codierung

Mehr Codierung!
Mehr Codierung!

Klicken Sie nun auf den zweiten Keyframe der Ebene "Aktionen". Drücken Sie F9. Geben Sie dies ein. Auch hier nicht kopieren und einfügen, Sie werden es nicht lernen. Es ist nicht einmal so viel. Lazy bum.if(percent == 100){gotoAndPlay(3);}else{gotoAndPlay(1);}Erklärung:if(percent == 100){Das sagt, wenn(Bedingung) die Variable Prozent gleich 100(flash wird geladen), dann…gotoAndPlay(3);Gehe zu Frame 3.}else{Wenn die if-Anweisung nicht wahr ist, dann…gotoAndPlay(1);Gehe zu Frame 1.}Schließt die if-Anweisung. Dieser Code macht eine "Schleife", bis der Flash vollständig geladen ist. Wenn die Variable Prozent ungleich 100 ist, geht sie so lange zurück zu Frame eins, bis sie es ist. Es ist so ziemlich nur zu überprüfen, ob der Blitz geladen ist, bis dies der Fall ist.

Schritt 4: Ein weiterer Schritt…

Noch ein Schritt…
Noch ein Schritt…

Wählen Sie nun Bild 3 aus und drücken Sie F6. Fügen Sie Ihren Inhalt hinzu, sei es eine Animation, eine Website oder ein Bild. GUT GEMACHT! Sie haben gerade einen Preloader erstellt!:D

Schritt 5: Fertig

Fertig!
Fertig!

Genießen Sie Ihren Preloader, kommentieren Sie, wie großartig das war oder wie schlecht es war. Sagen Sie mir alle Probleme, die Sie hatten. Bewerten Sie bitte.

Einige bevorstehende Tuts könnten sein … oh, ich weiß nicht. ein Spiel machen. eine Website. niemand weiß… Danke fürs Ansehen!

Empfohlen: