Para os que gostaram do vídeo mostrando algumas das novidades do Photoshop CS5, mais um vídeo publicado na web no final do mês passado, mostra algumas das novidades do que virá a ser o Flash CS5. O vídeo foi gravado por um usuário do Flash que visitou a conferência Flash on the Beach 2009, realizada no final de setembro. Mesmo tendo sido gravado usando um celular, podemos acompanhar várias das novidades para a próxima versão do Flash no curto período em que uma pessoa da Adobe faz a demonstração.

O Flash é uma aplicação extremamente importanta para quem está interessado em trabalhar com 3d para web, usando classes personalizadas como o Papervision 3d. Ele funciona muito bem com o Blender 3D, produzindo modelos 3d no formato COLLADA e criando interfaces 3d com o Papervision no Flash. Bem, vamos aos vídeos:

Logo no início do vídeo o apresentador mostra algumas das novidades do Flash em termos de interface, com um enorme painel de opções para formatação de texto no stage. Para as pessoas que precisam trabalhar com grandes documentos de texto na web, isso será uma excelente adição. Mas, o principal fica para depois que é a interação e desenvolvimento usando ActionScript.

Apesar de ser conhecida como uma ferramenta para designers, ficando o Flex voltado para programadores, muitas pessoas acabam escolhendo o Flash para criar aplicativos multimídia, pois a interface gráfica para ilustração e desenho, deixa o processo criativo mais interativo. Um dos problemas disso é que a ferramenta se torna mais voltada para design do que desenvolvimento. A conseqüência disso é a ausência das facilidades de um framework para criar aplicativos mais complexos no Flash de maneira rápida.

A primeira ferramenta demonstrada no vídeo é uma espécie de template que pode ser criado e adicionado em aplicativos, para acelerar o desenvolvimento de jogos e outros elementos. Logo depois, podemos visualizar algo realmente útil, que é a declaração de classes personalizadas com a opção de autocompletar.

Outra coisa interessante no Flash CS5 é a integração com o Flash Builder, que é a versão atualizada do que antigamente se chamada Flex Builder. Isso é demonstrado próximo do final no primeiro vídeo, em que um bloco inteiro de código é enviado para o Flash Builder. Assim podemos usar um aplicativo especializado em códigos para o ActionScript e o Flash apenas para o design.

Os vídeos ainda mostram apenas alguns dos novos recursos do Flash CS5, mas já podemos ter uma boa idéia do que está por vir em abril de 2010, quando a suíte CS5 deve ser lançada.

Os profissionais que trabalham com computação gráfica 3d acabam direcionando a sua atuação profissional para a área publicitária, ou produção de conteúdo visual para cinema e TV. Mas, ainda existe um campo vasto e praticamente inexplorado para artistas 3d que é a internet. A produção de conteúdo 3d para internet ainda está apenas começando e pode apresentar diversas oportunidades em termos de projetos e criação. O Blender 3d até tentou se estabelecer como plataforma de criação 3d para a web com o seu plugin que permitia executar conteúdo 3d, diretamente no navegador. Mas, a aposta na tecnologia acabou levando a NaN a falência, pois ainda era cedo para basear a sua produção nesse tipo de tecnologia. Isso já tem mais de dez anos!

Hoje o cenário em termos tecnológicos e velocidade de banda na internet são completamente diferentes e um dos grandes responsáveis pela disseminação da web 3d é o Flash Player. Já existem diversas bibliotecas de classes e ferramentas que permitem criar conteúdo 3D compatível com o ambiente do Flash Player, que está presente em praticamente todos os computadores com acesso a internet. Um desses módulos mais famosos é o Papervision 3D que é um conjunto de classes personalizadas, capaz de manipular objetos em 3D e até mesmo animar modelos complexos modelados no Blender 3D ou outro software capaz de exportar objetos no formato COLLADA.

Nesse semestre, comecei a ministrar aulas sobre o Papervision para criação de conteúdo 3D para web integrado em aplicativos multimídia. No curso foi possível perceber um dos principais problemas relacionados ao Papervision que é o conhecimento e configuração das classes. Se você quiser fazer um teste com um ambiente de configuração visual do Papervision, recomendo consultar o SourceBinder que trabalha com um sistema de nós para configurar bibliotecas externas para o Flash. O software é capaz de fazer animações e simulações usando diversas bibliotecas para web, inclusive com simulações físicas!

Quer ver um exemplo? O vídeo abaixo mostra o software criando um ambiente 3d que simula o comportamento de Rigid Bodies com a aplicação do Papervision 3D e do JiglibFlash. O resultado é um ambiente interativo que é semelhante a um jogo 3d, mas que pode ser associado a qualquer navegador que suporte o Flash Player.

Physics made with SourceBinder using JiglibFlash and Papervision from Balazs Serenyi on Vimeo.

Quem conhece o funcionamento de um sistema baseado em nós, vai encontrar muita facilidade em usar o SourceBinder. Todo o processo de criação é visual e não requer conhecimentos em programação ou ActionScript para aplicar os comportamentos nos objetos.

No vídeo é possível acompanhar a criação de um pequeno muro formado por vários cubos. Esses cubos recebem propriedades de Rigid Body para reagir com colisões e também com a gravidade. No final do vídeo podemos acompanhar a criação de um objeto de maior massa, que acaba deslocando todos os objetos no cenário.

Para quem ainda está com dúvidas sobre a área de atuação no mercado de computação gráfica 3d, esse é um excelente caminho a seguir.

Para qualquer artista envolvido com a criação de conteúdos ou apresentações para a internet, um dos maiores desafios é mesclar a sua formação direcionada com as artes visuais e o ambiente técnico e cheio de códigos da web. Sempre que ministro cursos sobre o Flash ou ActionScript percebo isso de maneira bem evidente, pois quando o público do curso é formado por pessoas interessadas na parte visual, o ActionScript fica meio de lado e quando o público é de desenvolvedores, a parte visual dos aplicativos sempre deixa a desejar. A Adobe está tentando minimizar essas diferenças para o lado dos artistas com o lançamento do Adobe Flash Catalyst. Esse é um aplicativo ainda em estágio beta no Adobe Labs que tem como objetivo criar interfaces para internet, sem o uso de nenhum tipo de código.

O processo de criação no Flash Catalyst funciona com base na importação de arquivos produzidos no Photoshop, Illustrator ou Fireworks. Assim que os arquivos são importados é possível converter os mesmos para elementos interativos como botões. O vídeo abaixo mostra uma demonstração do software em ação:

Se você produz material gráfico e gostaria de testar o Catalyst para criar apresentações, o software pode ser copiado de maneira gratuita no web site da Adobe, enquanto ainda estiver em fase beta. O apelo de criar apresentações interativas sem a necessidade de usar uma linha de código é muito interessante para artistas, que não tenham interesse em estudar linguagens de programação. Para promover o uso do software, existe um treinamento gratuito sobre o Adobe Catalyst disponível nesse endereço, ainda que seja básico é uma ótima introdução ao software.

Essa opção não é tecnicamente a melhor escolha, pois softwares que criam esse tipo de comportamento de maneira automática geralmente adicionam muitos blocos de código desnecessários ao aplicativo.

Ainda acredito que a melhor solução, pelo menos para quem precisa apresentar material em 3d é usar engines 3d para o Flash, caso o trabalho seja apresentado na web. Entre as diversas opções de engines 3d a que mais me agrada é o Papervision 3D, que é totalmente gratuito e de pode criar efeitos muito interessantes para apresentar interfaces e modelos 3d direto no navegador. O ponto negativo do Papervision 3D é que você precisa de conhecimentos intermediários em ActionScript para conseguir elaborar alguma interface interativa em 3D.

No final do último ano comentei aqui no Blog que havia aceitado um grande desafio para esse semestre, que era ministrar uma disciplina que envolvesse multimídia para web com a introdução de conteúdos em 3d. O meu plano é usar o Blender 3D junto com o Adobe Flash para criar animações em 3d interativas para a web, com intermédio de uma engine 3d de código aberto para o Flash chamada de Papervision 3d. O uso dessas ferramentas requer conhecimentos intermediários em todos os níveis do projeto, desde a modelagem 3d até a programação em ActionScript no Flash, usando os módulos e códigos próprios do Papervision 3D. Mas, o resultado para uma animação 3d integrada em web sites e simplesmente fantástico, o que faz valer o esforço empregado no projeto.

Como parte dos preparativos para ministrar da melhor maneira possível a disciplina, estou fazendo muitas pesquisas e anotações na documentação oficial do Papervision 3d e também nos tutoriais que encontro pela web. Um desses tutoriais pode ajudar a explicar melhor o processo de criação com essas ferramentas, ele mostra como é possível integrar o 3ds max com o Papervision 3d na animação de um avião em lowpoly.

Esse tutorial é composto por vários vídeos e apresenta um tempo considerável, portanto recomendo que você assista quando tiver um tempo razoável de sobra, algo em torno de uma hora e meia.

A primeira parte é totalmente dedicada a modelagem 3d por subdivisão no 3ds Max de um avisão simples, para que depois de terminado o processo o modelo seja exportado no formato COLLADA, para o Flash. No final do tutorial o autor mostra o processo de configuração de animação no Flash, com o uso de ActionScript.

Esse é apenas um dos vídeos do tutorial, para que você tenha uma idéia do produto final.

Mesmo que você não esteja interessado na parte de interação de objetos 3d com o Flash e Papervision 3D, recomendo que assista apenas a primeira parte, em que o autor dá ótimas dicas de modelagem por subdivisão, usando as ferramentas do 3ds Max.

No meu caso o tutorial será muito útil até como forma de exercício, mas claro que a parte de modelagem 3d será substituída pelo uso do Blender 3D. Depois que a disciplina estiver terminada, posso reunir material suficiente para ministrar essas disciplina com mais facilidade em outros semestres, pois a demanda por uso de 3d na web com o Flash deve crescer muito ainda, pois isso abre novas possibilidades de integração com as interfaces criadas para web sites.

Esse tema é um dos que está na minha lista de interesses, para um provável título de livro no futuro. Mas, o desafio será muito grande, pois o mesmo irá abordar três tecnologias diferentes em um único título. O desafio será fazer algo voltado para pessoas com conhecimentos básicos em cada uma das áreas, e conseguir ensinar tudo sem usar muitas páginas e imagens.

Se der certo, no final do ano aviso aqui no Blog!

A integração entre os ambientes 3d e a internet, nunca foi tarefa fácil para os artistas 3d que recebiam como tarefa a criação de web sites baseados em 3d. A melhor solução sempre foi um web site híbrido, que usava o Adobe Flash como base para apresentar imagens renderizadas em seqüência, para simular a apresentação de um vídeo. Com o advento do vídeo em Flash, muita coisa melhorou, mas mesmo assim ainda é necessária uma conexão de internet razoável, para que o acesso ao web site seja feito em velocidade razoável.

Ainda hoje recebo muitos e-mails, aqui pelo formulário de contato, de artistas que precisam criar algum tipo de projeto ou trabalho, que faça a integração de material criado em softwares como o Blender 3D, 3ds Max ou Maya com o Flash.

A boa notícia para esses artistas é que o recém lançado Flash CS4, apresenta varias melhorias e ferramentas que começam a permitir o uso nativo de opções 3D.

Assim como já mostrei aqui no Blog na última semana, os softwares da Adobe começam a mostrar cada vez mais uma tendência natural a adotar ferramentas e opções voltadas a ambientes 3d. Um dos exemplos mais notórios disso é o Adobe Photoshop CS4 Extended.

Bem, para demonstrar algumas dessas novidades e ferramentas do Flash CS4, encontrei um vídeo de demonstração criado pela equipe do Lynda.com, que mostra as opções para editar vetores em 3D.

Como você pode perceber no vídeo, agora temos eixos de edição para Movieclips que premitem manipular os objetos nos eixos X, Y e Z. Acho que com isso, podemos começar a chamar o Flash CS4 de uma ferramenta 2.5D, assim como o After Effects.

Outra opção que vai fazer a alegria de quem trabalha com animação de personagens é a opção de adicionar bones, em objetos. Isso mesmo! Agora existe uma opção muito semelhante ao que existe em softwares 3d, para deformar modelos 3d e criar animação.

Já tinha falado sobre essa ferramenta aqui no Blog também, mas não havia nenhuma confirmação até o lançamento da versão CS4 que ela seria realmente disponibilizada.

Quer ver como funciona? Esse vídeo demonstra muito bem o funcionamento dessa nova ferramenta:

Ainda tem mais, para que você tenha uma idéia da sofisticação do sistema, ele aceita até mesmo cinemática inversa. Se você trabalha com animação de personagens ou charges, essas novas opções devem facilitar em muito os eu trabalho.

Caso você queira saber mais sobre o Adobe Flash CS4, visite esse endereço no web site da própria Adobe para conhecer mais sobre as novas ferramentas, com vídeos de demonstração produzidos pela própria Adobe.

Em minha opinião, essa é uma atualização fantástica para todos que trabalham com animação, muito diferente do Flash CS3, em que um dos maiores destaques era a programação em ActionScript.