X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Kostenlose Premium-Zugang

Rufen Sie unsere gesamte Bibliothek von Premium-Hub Artikel, Projekt-Dateien und die ersten 10% des jeweiligen Tutorial-Video aus dem Online-Tutorial-Bibliothek .

Erstellen Sie jetzt Ihren kostenlosen Zugang!

Brave New Web: Flash, um HTML5 Converter
Übersetzt von Google Translate

Haben Sie nach der laufenden Drama der " Flash- vs HTML5 "Kampf um den letzten Jahren? Als Software-Pädagoge, Ich versuche wirklich schwer agnostisch gegenüber der Technik zu bleiben, sondern weil ich und die Liebe verwendet haben Flash für so lange, habe ich Interesse, mit diesem speziellen Thema. Das heißt, als Web-Entwickler, ich freue mich auch sehr über die Möglichkeiten der HTML5 aufgeregt.

Zum Glück ist Adobe hart bei der Arbeit versuchen, HTML5 in seiner Suite-Anwendungen gerecht gewesen. Dann März 2011 veröffentlichten sie eine AIR-Anwendung namens Wallaby. Wallaby ermöglicht es Entwicklern, ihre Flash-Dateien zu konvertieren HTML5. Es ist verdammt glatt, so lasst uns sehen, wie er ausführt.

Schritt 1

Um mit Wallaby, Leiter loslegen zu labs.adobe.com und klicken Sie auf das Wallaby Download-Link.



Schritt 2

Sobald der Download abgeschlossen ist, auf die ZIP-Datei doppelklicken, um sie zu entpacken. Als nächstes folgen die Schritte, um die Anwendung zu installieren.



Sobald die Anwendung erfolgreich installiert ist, sollte es automatisch starten. Jetzt sind wir bereit, es zu versuchen auf unserer Flash-Filme. Im Inneren der Wallaby-Schnittstelle, klicken Sie auf die Schaltfläche Durchsuchen in der oberen rechten Ecke zu suchen und Last in Ihrem Flash-Film.

Anschließend können Sie auf Einstellungen und stellen Sie die Optionen-Paar dort gefunden, Vorschau in Standard-Browser und Protokollierung aktivieren. Ich werde weitermachen und wählen Sie Vorschau in Standard-Browser. Achten Sie darauf, klicken Sie auf Speichern, um bei Ihren Entscheidungen zu sperren.


Schritt 3

Zurück im Hauptfenster der Wallaby-Fenster, gehen Sie vor und klicken Sie auf Konvertieren. Beachten Sie, wenn Sie die Maus über die Schaltfläche Konvertieren bewegen, bekommen wir ein Tooltip sagt uns genau, was passieren wird, "Convert Selected FLA Um HMTL5." Wenn wir auf Konvertieren, sind wir mit einem Dialogfeld Speichern unter, die es uns erlauben, um anzugeben, wo wir möchten unsere HTML-Datei zu speichern vorgestellt. Go ahead und navigieren Sie zu dem Verzeichnis, in dem Sie die konvertierte Datei speichern möchten, dann klicken Sie auf Speichern.

Wallaby geht zur Arbeit Umwandlung unserer Flash-Datei zu HTML5. Sobald die Konvertierung abgeschlossen ist, sehen Sie möglicherweise einige Inhalte in die Fehler und Warnungen Bereich der Wallaby-Oberfläche angezeigt werden. In meinem Fall meine primäre Browser startet auch, mir zu zeigen die Ergebnisse, weil ich diese Option ausgewählt in den Einstellungen. Beachten Sie in das Bild unter Schritt 4, dass ich ziemlich viele Warnungen für meine besondere Flash-Datei erhalten. Und obwohl diese Fehler in einem weniger als wünschenswert Conversion geführt haben, können Sie auf eine der Warnungen doppelklicken Sie auf, um das Problem zu diagnostizieren, die Sie dann versuchen konnte, um wieder richtig in die ursprüngliche Flash-Datei.


Schritt 4

Während also Wallaby möglicherweise nicht 100% perfekt, es ist immer noch sehr im Anfangsstadium, und das ist ein großer, mutiger Schritt für Adobe zu. Ihre Sicht auf die ganze "Flash vs HTML5" Kampf ist, dass es Platz für beide Technologien zu existieren. Und mit der Veröffentlichung von ein fantastisches Werkzeug, wie Wallaby, so scheint es, sie nehmen diese Haltung ernst.

Möchten Sie mehr über Flash? Schauen Sie sich die

Geoff Blake

Geoff Blake | Articles by this author

Geoff Blake is a book author, video presenter, designer, and visual artist. As an in demand live-on-stage software educator since 1997, Geoff has taught desktop publishing, web design and graphics courses all over North America and is regarded as an expert in Adobe's Creative Suite applications, as well as in HTML, CSS, WordPress, and related technologies. With his humorous, non-jargonny approach, Geoff produces highly regarded articles, video training and DVDs, and regularly contributes to top industry magazines and websites.

Comments

May 23, 2011
tobypitman
Have you seen this yet?

http://tumultco.com/hype/

Creates Flash type animations in HTML5 and CSS3 with a bit of JS too!

Looks pretty cool!
May 23, 2011
Rounik
Toby. I was just about to post the same link!

I downloaded Hype last weekend. It's a great step forward for HTML5 and CSS3. So great to have a timeline like in Flash to use to create animations.

Nice!
May 23, 2011
Jazzy
Just bought Hype too, it's a reasonable price and completely standalone - useful. I like Sencha's animation tool too but I have to be logged in to use it.

I am eagerly waiting for Animatable...I get the feeling that's going to be a well thought out product. I like to edit/tweek the CSS3 myself, so getting code which is clean and meaningful is high on my wish-list.

Got very lost in the Wallaby code!
May 24, 2011
tobypitman
That looks great!

I'm really glad that Andy Clarke is involved. At least your know the code is going to be valid and well laid out!

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link