quarta-feira, 17 de março de 2010

Aprendendo a instalar o Papervision 3d no Flex

Olá pessoal!

Hoje explicarei como instalar o Papervision 3D no Adobe Flex 3.0. Antes, farei uma prévia do que é Papervision 3D.

O Papervision 3D é uma ferramenta de desenvolvimento de animações em 3D e/ou realidade virtual que foi desenvolvido em action script 3.0 e que pode ser usado tanto no Adobe Flash CS3, CS4 quanto no Adobe Flex 3.

O Papervision 3D é um pacote de desenvolvimento de objetos 3D, cameras, materiais, cenários, iluminação e renderização. Em outras palavras, o Papervision 3D é uma biblioteca de classes para desenvolvimento de mundos virtuais. Veja alguns exemplos interessantes no blog do Papervision

Muitos dizem que o Adobe Flex 3.0 é o Adobe Flash CS3 voltado para programadores pois utiliza-se muito mais formulários e programação action script. Em contrapartida, o Flash CS3 trabalha-se mais na parte visual com timelines, movieclips e alguns comandos actionscript.

Obviamente que tudo que se faz no Flex pode-se fazer no Flash e vice-versa. Porém dependendo da aplicação pode-se tornar mais fácil ou mais difícil de se implementar.

Enfim, vamos iniciar com as instalações. Basicamente, iremos utilizar os seguintes softwares:

Para quem não tem o Adobe Flex 3, pode-se fazer o download neste link. Infelizmente o Flex não é gratuito mas pode-se usar a versão trial.

O Tortoise é um software de controle de versão gratuito, prático e eficaz. O controle de versão é importante para o desenvolvimento de sistemas onde existe mais de um programador desenvolvendo. O Tortoise permite que cada programador bloqueie uma parte do código para a edição impedindo que os demais programadores alterem o código ao mesmo tempo. Com isso evita-se transtornos.

Pois bem, o Tortoise será importante para nós para baixar a última versão do Papervision 3D. Após a instalação do Tortoise, crie uma pasta chamada Papervision. Clique com o botão direito do mouse em cima da pasta e clique em "SVN Checkout". Na barra de endereço que se abriu, cole o seguinte endereço: http://papervision3d.googlecode.com/svn/trunk/ e clique em OK. Com isso, o Tortoise irá fazer o download de todo o projeto do Papervision 3D.

OBS: De tempos em tempos, o Papervision é atualizado. Portanto, fique "antenado" com as atualizações. Para fazer as atualizações, clique com o botão direito do mouse em cima da pasta Papervision e clique em "SVN Update"

Concluído o download, vamos importar o Papervision para o nosso projeto no Adobe Flex. Para isso, abra o Flex 3, clique em "File/New/MXML Application". Adicione um nome ao teu projeto e clique em "Finish".

Em seguida, clique em cima do projeto com o botão direito do mouse e selecione "properties". Na janela que foi aberta selecione "Flex Build Path". Na aba "Source path", clique em "Add". Encontre a pasta no qual você fez o download do papervision, vá em as3/trunk/src. Clique em Ok.

Pronto! O papervision já foi configurado para o ambiente de desenvolvimento.



... jogo do timão.... depois eu termino esse tutorial!

Nenhum comentário: