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

Accès Premium gratuitement

Accédez à notre bibliothèque complète des articles Hub Premium, les fichiers projet et les premiers 10% de chaque Cours-vidéo de la Bibliothèque Didacticiel en ligne .

Créez votre compte gratuit!

Brave New Web: Flash pour HTML5 Converter
Traduit par Google Translate

Avez-vous suivi le drame en cours du " flash vs HTML5 "bataille au cours des dernières années? En tant qu'éducateur de logiciels, j'essaie vraiment difficile de rester agnostique vers la technologie, mais parce que j'aime et ont utilisé Flash depuis si longtemps, je me suis intéressé à cette question particulière. Cela dit, en tant que développeur web, je suis également très enthousiasmés par les possibilités de HTML5.

Heureusement, Adobe travaillé dur pour essayer d'accueillir HTML5 dans les applications de bureau il est. Puis, en Mars 2011, ils libérés d'une application AIR appelé Wallaby. Wallaby permet aux développeurs de convertir leurs fichiers Flash pour HTML5. C'est sacrément slick, alors voyons comment il se comporte.

Etape 1

Pour commencer à Wallaby, la tête à labs.adobe.com et cliquez sur le lien de téléchargement Wallaby.



Etape 2

Une fois le téléchargement terminé, double-cliquez sur le fichier zip pour le décompresser. Ensuite, suivez les étapes pour installer l'application.



Une fois l'application installée, il devrait se lancer automatiquement. Maintenant nous sommes prêts à lui donner un essai sur nos animations Flash. A l'intérieur de l'interface Wallaby, cliquez sur le bouton Parcourir dans le coin en haut à droite pour rechercher et charger dans votre film Flash.

Ensuite, vous pouvez cliquer sur Préférences et définissez la paire d'options qui s'y trouvent, Aperçu dans le navigateur par défaut et activer la journalisation. Je vais aller de l'avant et sélectionnez Aperçu dans le navigateur par défaut. Assurez-vous de cliquer sur Enregistrer pour valider votre choix.


Étape 3

Retour dans la fenêtre principale Wallaby, allez-y et cliquez sur Convertir. Notez lorsque vous passez votre souris sur le bouton Convertir, nous obtenons une info-bulle nous dire exactement ce qui va se passer, "Convertir sélectionnés FLA HMTL5." Quand on clique Convert, nous sommes présentés avec une boîte de dialogue Enregistrer, qui va nous permettre de spécifier l'endroit où nous aimerions sauver notre fichier HTML. Allez-y et naviguez jusqu'au répertoire où vous souhaitez enregistrer le fichier converti, puis cliquez sur Enregistrer.

Wallaby va travailler convertir notre fichier Flash à HTML5. Une fois la conversion terminée, vous pouvez voir une partie du contenu apparaît dans la zone Erreurs et avertissements de l'interface de Wallaby. Dans mon cas, mon navigateur principal lance aussi de me montrer les résultats, parce que je choisis cette option dans les préférences. Avis à l'image de l'étape 4 que j'ai reçu pas mal quelques avertissements pour mon fichier Flash particulier. Et même si ces erreurs ont conduit à une conversion de moins souhaitable, vous pouvez double-cliquer sur l'un des avertissements pour aider à diagnostiquer le problème, ce qui vous pourrait alors tenter de corriger et revenir dans le fichier Flash original.


Etape 4

Ainsi, alors que Wallaby peut-être pas parfait à 100%, il reste beaucoup à ses débuts, et c'est un grand geste audacieux pour Adobe aussi. Leurs prendre sur l'ensemble «Flash vs HTML5« bataille est qu'il ya de la place pour les deux technologies d'exister. Et avec la sortie d'un outil fantastique comme Wallaby, il semble qu'ils prennent cette position au sérieux.

Vous voulez en savoir plus sur Flash? Consultez le

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