Set 24

Olá amigos! Ultimamente tenho procurado um jeito de integrar 3D com o Flash.
Há algumas formas de fazer isso: Gerando o objeto 3D no Maya e exportando com o plugin que já vem com ele, o VectorRender.mll ; no 3D Studio MAX com o pluguin da Eletric Rain, ou no próprio Swift 3D.

Essas maneiras são carregadas, mas existe um projeto open source conhecido como Papervision3D, que visa integrar 3D no Flash, e também possibilitar adicionar interatividade através do action script (2.0 e 3.0).

No Papervisio3D é necessário muita linha de código para você fazer qualquer coisa na mão. É aí que entra o Maya ou outras ferramentas 3D para facilitar o processo. Fiz um pequeno tutorial para demonstrar como fazer um cubo com uma textura e com interação do usuário para movimentar o mesmo. É necessário conhecimentos básicos em Flash e Maya para acompanhar. (Clique nas imagens para visualizá-las em um tamanho maior)

____________

1) Primeiro de tudo, será necessário instalar o Papervision 3D.
Baixe o componente para o Flash em: http://papervision3d.googlecode.com/files/PV3DComponents_v1.5.1.mxp

2) Instalar o COLLADA, um pluguin para o Maya poder exportar o objeto no formato . DAE (que o Papervision lê no Flash). Selecione o ColladaMaya 3.05B (Win32 + Source).
Não esqueça de habilitar o COLLADA.mll no Plug-in Manager do Maya.

plugin.jpg

3) Dentro do Maya, crie um cubo e aplique uma textura através de um arquivo. A textura deve estar na mesma pasta que o projeto foi feito.

cubo.jpg

4) Selecione o cubo e vá em: File > Export Selection…  Clique na options box que aparece na imagem. Irá aparecer essas opções, em File type selecione o COLLADA exporter. Salve o seu arquivo.DAE .

export.jpg

5) Vamos para o Flash. Crie um novo arquivo actionscript 3.0.

6) Arraste o componente do Papervision COLLADA para o palco:

arratar_comp.jpg

7) Abra o painel do Papervision:

flashpapervision.jpg

8 ) Selecione o componente que você arrastou, e no painel do Papervision selecione em Local Directory a pasta onde está o seu arquivo .DAE e a textura.
Em Collada File coloque o seu .DAE.

p3dconfig.jpg

9) Está praticamente pronto, você pode mexer no painel do  Papervision para fazer modificações do zoom da câmera, rotacionar o objeto, o tamanho, etc.

Abra o Component Inspector e coloque True em Scene Rotation para que você possa rotacionar quando exportado.

Veja como ficou: cubo.swf
Faça o download dos arquivos utilizados no tutorial.

Qualquer dúvida, deixem um comentário!

Abraços,

Franco B Andrade