Nos últimos meses, 2 novos trabalhos meus com o Pedro Frot.a foram ao ar. Monkey Radio é um hotsite de uma rádio super bacana montada pelo Planeta dos Macacos, de Belo Horizonte.
Recentemente saiu o update do site da grife is®, com a coleção Free time is® not for sale.
A cada trabalho que volto ao Actionscript, me deparo com soluções interessantíssimas para problemas comuns. Esse post falar sobre classes de transição
A classe Tween é responsável por fazer transições de objetos do Flash. Entre essas transições estão mudanças nos eixos, na largura, na altura e na opacidade de objetos, não existindo transições entre cores. Existem alguns protótipos para isso, mas a melhor solução que encontrei foi usar a classe TweenColor, que extende a classe padrão encontrada no Flash.
Para usá-la, basta copiar o pacote, instalar (via Extension Manager) e começar a usar. Um rápido exemplo funcional:
var container:MovieClip = this.createEmptyMovieClip("container", this.getNextHighestDepth());
var label:TextField = container.createTextField("label", 1, 0, 0, 150, 20);
label.text = "Hello World";
container.onRollOver = function():Void {
var mytween = new TweenRGB(this, "", Regular.easeInOut, 0x000000, 0xff0000, 3, true);
}
A classe Tween Extended multiplica as possibilidades de se usar a classe Tween padrão. Como a Color Tween, ela também permite a transição entre cores e além disso, possibilita passar de uma só vez, múltiplos parâmetros (_x, _y, _alpha, _width, _height, _xscale, _yscale e _rotation) para um Tween de um objeto.
O Leonardo França e o Erick Sousa já explicaram o funcionamento dessa classe.
Antes de surgir a classe Tween (Flash 2004 - Actionscript 2), surgiram outras classes interessantes para transição. Uma é a MC Tween 2, do brasileiro Zeh Fernando e a outra é lazo. Para ambas, basta copiar e instalar a extensão e começar a usar.
Nos últimos meses, estive desenvolvendo o hotsite da coleção de inverno da grife mineira is®. Já é o meu terceiro trabalho com o designer Pedro Frot.a e enfim, é uma grife fantástica, cool, contemporânea e que traz o encontro das artes com a moda.
P.S.: Durante a navegação, curta o som de artistas do mundo todo que se identificam com o espírito da marca.
Se você tivesse uma tecnologia web que pretende ser um Flash-killer nada mais inteligente do que fazer seu próprio site com ela, certo? É isso que a Microsoft está fazendo com seu novo website de downloads, disponível em http://www.microsoft.com/beta/downloads/.
Fiz um grande esforço para baixar os 4,7 MB do plugin, digitar a senha de administrador (e se fosse não fosse meu computador?) e reiniciar o browser. Após toda via crucis, fui verificar a URI e fazer meu mini-review.
A instalação do plugin foi rápida e simples e segue a mesma interface bonita das aplicações do Mac OS. O site de downloads simplesmente não deve ter sido testado. Clico no link "Browse Downloads". A partir daí, ele fica ativo, não aparece nenhuma lista de downloads e, estranhamente, nenhum link da página funciona mais. Os botões do slideshow do topo também possuem comportamento estranho, devido ao preloader das imagens. Transições nada suaves. Ao recarregar a página pela terceira vez, funciona.
Segundo o Firebug, são 37 scripts, 100 KB. Até dll foi requisitado. Faço um View > Source e vejo Javascript obstrusivo, código bagunçado e até hack para background PNG transparente no Internet Explorer 6.
É assim que o Silverlight chega na Microsoft. Bem vindo.
A experiência mostra que a Microsoft sempre chegou atrasada em inovações, seja em software ou hardware. Zune que o diga. Na área de Web, Tio Bill e sua equipe nunca foi muito criativa. O FrontPage sempre foi tido como software amador, talvez por sua qualidade, seja em inserir botões Java que tinham uma alta capacidade em travar browser ou gerar códigos-fonte monstruosamente bizarros. Em 2006 o FrontPage subiu no telhado. Já foi tarde. Mas tudo isso é passado.
Esse mês será lançado o Silverlight, que promete travar uma briga com o Adobe Flash. O Silverlight não conta nada de novo: criação de jogos, vídeos e animações que podem ser distribuídos pela web dinamicamente. A novidade está na compatibilidade com Windows Media. Será que esta compatibilidade ameaça o formato FLV do Flash? No creo, já que o Flash cumpre bem essa missão de distribuição de conteúdo multimídia. Além de tudo isso, o Flash já possui uma linguagem de scripting bastante estruturada e uma comunidade bem organizada em grupos pelo mundo afora.
O site do Silverlight não traz maiores informações. Quem quiser já pode instalar o plugin e aguardar o lançamento, no dia 30.
Hoje a Adobe lançou sua suite de aplicativos CS3. É o lançamento simultâneo de 13 softwares, integrados em várias mini-suites, variando de ferramentas de edição de vídeo e som a edição vetorial e de projetos gráficos.
A primeira novidade são as mini-suites, que reúnem softwares da falecida Macromedia a Adobe. Os pacotes se dividem em Design Gráfico - do qual participa o Fireworks (que não subiu no telhado), Web, Production Premium - que reúne ferramentas de edição de vídeo e som - e Master Collection - que é o pacote all-in-one e que custa meros US$2499.
Outra novidade interessante para quem trabalha com web é o Device Central, que é um emulador de dispositivos móveis. São mais de 200 perfis de dispositivos, que são atualizados periodicamente. O emulador faz inclusive simulações de memória e processamento.
Para quem trabalha com Flash (área de meu interesse) os destaques são bem interessantes. Vamos lá:
1) Suporte a importação de arquivos PSD e AI (muitooo importante)
2) Suporte a QuickTime e edição sofisticada de vídeo
3) Suporte completo a AS3
4) Melhorias no painel de edição de código, como autocompletar
5) Possibilidade de converter animações de timeline em código(!)
Um dos efeitos mais bacanas que fiz no site da is® é o Motion Blur nos textos. Para gerar o efeito abaixo, montei a seguinte função (com a a consultoria do Lucas Ferreira :)):
function blur(mcBola:MovieClip):Void {
mcBola.filters = new Array(fBlur);
mcBola.mov = new Tween(mcBola, [fBlur.blurX, fBlur.blurY], [0, 0], 400);
mcBola.onTweenUpdate = function(vf:Array):Void {
var tempFilters:Array = this.filters;
tempFilters[0].blurX = vf[0];
tempFilters[0].blurY = vf[1];
this.filters = tempFilters;
}
mcBola.onTweenEnd = function():Void { this.filters = new Array(); }
}
blur(mcBola);
Uma das coisas bacanas da marca é o Gallery, um projeto que reúne ilustradores do mundo todo. Com ilustrações de diversos tipos, a is® consegue um público contemporâneo, que curte horas a fio uma rave mas que não esquece de uma boa conversa de bar entre amigos.
A trilha sonora do site é marcada com diversos artistas independentes, de variados estilos.
Definitivamente é um dos meus trabalhos mais prazerosos. Vale a visita.
Como estou trabalhando muito nessas últimas semanas, venho estudando uma forma rápida e eficiente de fazer streaming de áudio. O Flash possui uma classe Sound bastante eficiente para manipulação de áudio, entretanto, conexões discadas de países subdesenvolvidos pode sofrer com isso.
A solução que encontrei e que outras pessoas também utilizam é importar o MP3 para um SWF e manipular o SWF como item da playlist de uma rádio. O streaming do formato SWF é mais bacana do que o do MP3.
Importar um MP3 para Flash e gerar uma timeline com 3000, 4000 quadros não é algo que o software da Macromedia faz nativamente (faz isso somente para vídeos). A solução, então, é usar softwares de terceiros. Vou deixar quatro programas:
1) MP3 Stream Creator: software que eu utilizei. A versão demo permite a conversão de dois em dois arquivos. É uma limitação chata, mas suportável.
2) Hootech MP3 to SWF Converter: software bem bacaninha também.
3) Hootech SWF to MP3 Converter: faz o inverso do software acima.
4) SwiftMP3: converte MP3 para SWF e tem versão para Mac (!)