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

Acesso Premium Free

Acesso a nossa biblioteca completa de artigos Hub Premium, arquivos de projeto e os primeiros 10% de cada Tutorial-Video da Biblioteca Tutorial on-line .

Criar sua conta gratuita agora!

Brave New Web: Flash para HTML5 Converter
Traduzido pelo Google Translate

Você está seguindo o drama em curso da " flash vs HTML5 "batalha ao longo dos últimos anos? Como educador software, eu realmente se esforçam para permanecer agnóstica em relação à tecnologia, mas porque eu amo e ter usado o Flash por tanto tempo, tomei interesse com este problema específico. Dito isto, como um desenvolvedor web, eu também estou muito animado com as possibilidades de HTML5.

Felizmente, da Adobe estado a trabalhar arduamente tentando acomodar HTML5 em aplicações é suite. Em seguida, março 2011 eles lançaram um aplicativo chamado Air Wallaby. Wallaby permite aos desenvolvedores converter seus arquivos de Flash para HTML5. É muito danado slick, então vamos ver como ele se comporta.

Passo 1

Para começar com Wallaby, de cabeça para labs.adobe.com e clique no link de download Wallaby.



Passo 2

Uma vez que o download for concluído, dê um duplo clique no arquivo zip para descompactá-lo. Em seguida, siga os passos para instalar o aplicativo.



Uma vez que o aplicativo é instalado com sucesso, ele deve iniciar automaticamente. Agora estamos prontos para experimentá-lo em nossos filmes Flash. Dentro da interface Wallaby, clique no botão Procurar no canto superior direito para procurar e carregar em seu filme Flash.

Em seguida, você pode querer clicar em Preferências e defina o par de opções encontradas lá, Visualizar no navegador padrão e Enable Logging. Eu estou indo para ir em frente e selecione Visualizar no navegador padrão. Certifique-se de clicar em Salvar para bloquear em suas escolhas.


Passo 3

Voltar na janela Wallaby principal, vá em frente e clique em Convert. Observe quando você passar o mouse sobre o botão Convert, temos uma dica dizendo exatamente o que vai acontecer, "Convert FLA Selected Para HMTL5". Quando clique em Convert, que é apresentado com uma caixa de diálogo Salvar Como, que nos permitirá especificar onde nós gostaríamos de salvar o nosso arquivo HTML. Vá em frente e navegue até o diretório onde você gostaria de salvar o arquivo convertido, em seguida, clique em Salvar.

Wallaby vai trabalhar convertendo nosso arquivo Flash para HTML5. Quando a conversão estiver completa, você pode ver alguns conteúdos aparecem na área de erros e advertências de interface de Wallaby. No meu caso, meu navegador principal lança também para me mostrar os resultados, porque eu selecionei essa opção nas preferências. Repare na imagem na etapa 4 que tenho recebido bastante alguns avisos para o meu ficheiro Flash particular. E mesmo que esses erros resultaram em menos de uma conversão desejável, pode fazer duplo clique em qualquer das advertências para ajudar a diagnosticar o problema, que você poderia, então, tentar corrigir volta no arquivo Flash original.


Passo 4

Assim, enquanto Wallaby pode não ser 100% perfeito, é ainda muito em seus estágios iniciais, e este é um movimento grande e ousado para Adobe também. Sua parte no "Flash vs HTML5" toda batalha é que há espaço para ambas as tecnologias para existir. E com o lançamento de uma ferramenta fantástica como Wallaby, parece que eles estão tendo essa postura a sério.

Interessados ​​em aprender mais sobre o Flash? Confira o

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