Conheci, através do excelente blog do Erick Souza a ferramenta Papervision 3D e descobri como ela é genial. Trata-se de um software open-source que, junto ao Flash CS3, gera interatividade 3D do mais alto nível, tudo através de código Action Script. Dá uma olhada nestes sites pra você entender do que eu estou falando:
O site do Papervision 3D traz um monte de exemplos e também mostra todo o desenvolvimento da ferramenta, inclusive um Wiki para ajudar o pessoal a usá-la. Contudo, a explicação da instalação é meio confusa. Tive que quebrar a cabeça um pouquinho até conseguir. Segue abaixo o caminho das pedras:
1 – Faça o download e instale um cliente SVN. Este é um programinha pra baixar os diversos arquivos do software e mantê-los atualizados. Eles recomendam o Tortoise. Faça o download aqui.
2 – Crie uma pasta onde você vai colocar os arquivos do Papervision3D, clique com o botão direito nesta pasta e clique de novo em “SVN checkout”. No box que abriu, cole este endereço: http://papervision3d.googlecode.com/svn/trunk/
3 – Aguarde o Tortoise fazer o download dos arquivos. São muitos, inclusive com vários exemplos bacanas.
4 – Abra o Flash CS3, vá em Edit>Preferences>Actionscript e clique no botão “Actionscript 3.0 settings”.
5 – No box chamado “class path”, clique no sinal de “+” e depois no alvo para escolher o diretório.
6 – Vá no diretório que você criou para fazer o download do Papervision3D e escolha a pasta “as3\trunk\src” (atualizado para a versão 2.0 Great White Final)
7 – Está pronto e instalado. Abra um dos exemplos (na pasta “\as3\trunk\examples” há alguns) e tente publicá-lo. Se der tudo certo, é porque a instalação está OK.
Abaixo, o primeiro resultado dos meus iniciais estudos com a ferramenta. Cabanudos 3D.
Adendo 02-07-2008: Já saiu segundo resultado: aqui e aqui.
Pablo Cabana
abril 30th, 2008 at 17:30
Qué isso fera!!
Esse muleque tá explanando no flash.
Boa, mulato!!
maio 5th, 2008 at 16:35
Adorei…ficou mto legal a imagem em 3D…bj
junho 19th, 2008 at 16:37
Muito bom esse PaperVision 3D, porém vocês sabe se ele funciona com o AS 2.0?
junho 19th, 2008 at 17:06
Oi Fernando, funciona sim. Funciona até com AS 1.0. Mas obviamente o verdadeiro “filé” está no AS 3.0. No wiki do Papervision3D há uma explicação: http://wiki.papervision3d.org/index.php?title=Getting_Started_FAQ
junho 20th, 2008 at 16:34
[...] As galerias são construídas utilizando os RSSs gerado pelo Flickr mais as maravilhas 3D do Papervision 3D, do qual eu já falei aqui. [...]
junho 26th, 2008 at 6:37
Oi Pablo!
Adorei a explicação, segui os passos e juro que nunca descobriria sozinha =)
Muito Obrigado!
Estou querendo criar algo como o site: http://www.whitevoid.com/application
Revirei a internet…consegui algumas coisas…mas estou com dúvida em relação a disposição de cada objeto na tela e como transformá-los em botão…enfim.(o que no código as faz isso? mudei um monte de numeros..testei milhões de vezes…não deu certo…)
Consegui um fla que tem o exemplo deste site, mas o arquivo está com erro e eu não sei onde é o erro.
Gostaria de saber se você já tem algum conhecimento em relação a isso e se poderia me ajudar!
Mto obrigado!
julho 2nd, 2008 at 17:10
[...] pode baixar os arquivos fonte na página do Cubo Bacana e começar a fuçar tudo (é preciso ter o Papervision 3D instalado, veja como faze-lo aqui) para fazer uma customização completa. Só peço que em algum lugar haja um link pra página do [...]
julho 2nd, 2008 at 17:16
Oi Danielle. Publiquei o Cubo Bacana. Acho que os arquivos fonte podem te dar uma luz: http://www.cabanacriacao.com/blog/archives/papervision3d-actionscript-30-xml-cubo-bacana/
agosto 2nd, 2008 at 17:32
Gostaria de saber se o PaperVision3D aceita modelos 3D, como esses feitos pelo FreeSpin3D –> http://www.freespin3d.com/freespin3d/www/Models.aspx
agosto 3rd, 2008 at 16:39
Oi sk2ck, o Papervision trabalha com modelos no formato collada (*.dae). Inclusive o Swift3D novo traz uma integração com o Papervision3D. Esses modelos do freespin3D parecem bastante com os modelos exportados pelo Swift3D.
agosto 19th, 2008 at 11:18
[...] das minhas maiores diversões ultimamente tem sido explorar as possibilidades do Papervision3D (como essa brincadeira com o aquário da Cabana aí de cima). Já está no forno até o primeiro [...]
setembro 24th, 2008 at 14:20
[...] Primeiro de tudo, será necessário instalar o Papervision 3D. Baixe o componente para o Flash em: [...]
outubro 2nd, 2008 at 18:41
[...] fonte: http://www.cabanacriacao.com/blog/archives/papervision-3d-a-ferramenta-flash-do-momento/ [...]
outubro 7th, 2008 at 19:18
Caro Pablo Cabana;
voce vai estranhar; vê se pode me ajudar com esta: onde consigo adquirir uma apostila ou livro sobre o “papervision 3D”; é muito importante pra mim; ou como baixar o material fisicamente para printar .
um abraço Eus
outubro 7th, 2008 at 19:55
Neste link estão todas as minhas referências.
http://www.cabanacriacao.com/blog/archives/papervision3d-links-para-desvendar-o-caminho-das-pedras/
outubro 17th, 2008 at 11:11
[...] tutoriais de Lee Brimelow no GoToAndLearn. No link “Sobre”, colocamos um pouquinho de Papervision3D só pra fazer uma [...]
outubro 28th, 2008 at 13:06
[...] Daqui pra frente, nenhum site nosso usará mais AS2, assim espero. Também utilizamos o Papervision3D pra fazer um “photoflow” show de bola. Fácil navegação, usabilidade e estética, [...]
outubro 30th, 2008 at 10:47
[...] o site da Luciane Denys em seu Daily Papervision3D, um blog que mostra os trabalhos feitos com Papervision3D pelo mundo e um excelente lugar para se inspirar. Um dos sites postados lá que mais me chamaram a [...]
novembro 3rd, 2008 at 10:55
Fiz tudo igualzinho, mas qdo tento abrir os exemplos (na pasta “branches\GreatWhite\examples” ), não consigo!!!!
Pois a pasta não existe no diretorio que fiz o SVN checkout.
Alguem sabe explicar????
novembro 3rd, 2008 at 13:32
Repita o processo Cintia. Alguma coisa você fez errado.
novembro 10th, 2008 at 15:31
Tive o mesmo problema da Cintia…
novembro 10th, 2008 at 16:15
Sigo todos os passos da instalação mas não aparece o diretorio/ branches/GreatWhite/examples.
Aparece apenas o arquivo Mouse3D.fla em Papervision3d/as3/trunk/examples/FlashCS3/helloMouse3D
Outras questões:
1. O diretorio para o Papervision3D, tem de ficar dentro do diretorio de instalação do Flash CS3?
2. Após a Instalação devo encontar algum item novo nos menus do programa?Aonde?
Algém pode me ajudar? Obrigado.
novembro 10th, 2008 at 16:28
O diretorio /branches/GreatWhite/examples foi mudado para as3/trunk/examples.
Há poucos exemplos nesta nova versão do PPV3D. Mas no google você encontra muita coisa.
Respostas
1 – Não
2 – Não
novembro 11th, 2008 at 9:25
Ola! Fiz mtas pesquisas e acabei conseguindo, mas valeu mesmo pela ajuda! Abraços
novembro 11th, 2008 at 9:27
Gostaria de saber se alguem sabe como faço pra salvar a view port ou todo o stage como Jpeg ou PNG.
Se alguem puder ajudar acgradeço…
Abraços Cintia
novembro 19th, 2008 at 15:44
ahuhahauua
olha eu pondo lenha na fogueira !!
sou muito mais Away3D
não sei se eh soh comigo mais papervision da muito erro de conflito
aff
tentei o sandy tb naum deu muito certo
porisso fiquei mesmo no Away3D
mais pelo que vi o codigo de ambos eh bem parecido !!
talvez volte a fazer algo em PV3D
fukhaos.com
novembro 19th, 2008 at 16:03
Ainda não testei o Away3D mas sei que junto com o PPV3D são as principais engines 3D para Flash.
novembro 27th, 2008 at 11:51
[...] 1 – Instalar o Papervision3D. Eu ensino como aqui. [...]
dezembro 11th, 2008 at 16:55
Eae rapaz, parabens pelo trabalho. Ouvi falar sobre paparvision 3D hoje, logo, estou pesquisando a respeito. Encontrei este blog, no processo de instalação, iniciei e logo me perdi no 2º passo.
“Crie um pasta onde você vai colocar os arquivos do Papervision3D, entre nesta pasta, clique com o botão direito e clique de novo em “SVN checkout”. No box que abriu, cole este endereço: http://papervision3d.googlecode.com/svn/trunk/
”
crio uma pasta em qualquer lugar, clico com botão direito onde? cliquei no centro da tela onde me aparece as opções padrões do windows, não achei nada relacionado a SVN CHECKOUT. poderia me explicar um pouco melhor esse processo? valeu cara
dezembro 11th, 2008 at 17:18
Allan, clique com o botão direito na pasta que você criou. A instrução tava meio confusa mesmo. Já corrigi.
janeiro 23rd, 2009 at 10:47
fala ai muito legal esse papervisin 3D!
bom o PapervisionD ele so funciona com o flash CS3 ou funciona com o flash CS4????? vlw abraço ai aguardo respostas ^.^
janeiro 27th, 2009 at 18:29
Agora eu gostaria de saber se esse programa faz estarmos dentro do cupo e visualizar as imagens como se estivessemos em um quarto e as fotos nas quatro paredes e mostrando o teto e o chal… se alguem que essa resposta aguardo recebe-la. valeu.
janeiro 28th, 2009 at 9:39
Alan, isso é totalmente possível. Inclusive já existem uma serie de projetos OpenSource que nos ajudam a fazê-lo.
Dê uma olhada neste: http://www.flashpanos.com/content/open-source-flash-panorama-viewer-based-papervision-3d
Um exemplo: http://www.cheathamlane.net/index.php?section=open%20source
fevereiro 19th, 2009 at 18:39
Muito boa matéria, até agora não consegui achar um tutorial que explique como criar o código em flash apontando para o nome da placa que ira mostrar a animação 3d na webcam, como setar essas posições e se tem alguma maneira especial de criar a animação 3d para o papervision….Todo mundo mostra video de outras pessoas fazendo a Realidade aumentada.
Ta dificil…
fevereiro 19th, 2009 at 19:19
Renato,
A marca: private static const PATTERN_FILE:String = “Data/patt.hiro”;
Papervision utiliza MD2 e DAE como arquivos 3D.
Dê uma olhada nos foruns do Papervision3D.
março 22nd, 2009 at 4:22
[...] Resultado muito legal, confira [site] [post no blog do site falando sobre PaperVision 3D] 3D, Adobe Flex, Ambiente, Internet, PaperVision 3D, VRML, Web [...]
maio 6th, 2009 at 14:07
Fiz como voce falou no tutorial mas deu o seguinte erro
private override function clone():DisplayObject3D
maio 6th, 2009 at 15:39
mas exatamente em que momento isso acontece Jorge?
maio 11th, 2009 at 12:26
Olá, Pablo.
No 2º passo ocorre o erro abaixo:
“Command: Checkout from http://papervision3d.googlecode.com/svn/trunk, revision HEAD, Fully recursive, Externals included
Error: OPTIONS of ‘http://papervision3d.googlecode.com/svn/trunk’: could not connect
Error: to server (http://papervision3d.googlecode.com)
Finished!: ”
O que pode ser?
Obrigada,
Carla.
maio 11th, 2009 at 12:49
Carla, isso parece um erro no servidor da Google Code. Tente de novo em outro horário. Além disso, não esqueça da / final:
http://papervision3d.googlecode.com/svn/trunk/
junho 14th, 2009 at 15:04
O tortoise pega no vista?????
Se eu instalar td certinho dá pra fazer “Uns marcadores” e imprimir para colocar em frente a câmera e aparecer uma imagem na tela?
junho 14th, 2009 at 15:10
tentei instala e ele fala: “este pacote de instalação não pode ser aberto.entre me contato com o fornecedor do aplicativo para verificar se este é um pacote válido do Windows Installer”
o q façooo?????
Obs. tenho windows vista
junho 14th, 2009 at 18:44
Action Script = codigo macarronico. Silverlight/.NET que é o bicho.
junho 15th, 2009 at 10:44
Fernanda, não faço idéia.
.net: está certo disso? Pode me mostrar bom exemplos de Silverlight bem aplicado na web?
julho 20th, 2009 at 18:12
Cara muito bom o tuto. Parabéns.
Mas deixa eu compartilhar uma dúvida.
Após a instalação do Tortoise, eu criei a pasta
C:\Arquivos de Programa\Papervison3D
para baixar/instalar o Papervision mas quando fui efetuar
essa ação, percebi que ele tem que criar uma subpasta
“.snv” automaticamente. O problema é que o windows não
permite esse tipo de pasta.
Já conteceu com você?
julho 20th, 2009 at 19:13
Nunca aconteceu Thiago.
Não sei qual é o problema.
julho 20th, 2009 at 21:20
Ok Pablo. Eu vi que no blog do erick souza tem gente com o mesmo
problema, então vou continuar tentando.
De qualquer forma baixei um .mpx do papervision3d 1.5.
Com o Adobe Extension Manager, tem jeito de instalar esse .mpx
e fazer tudo dar certo?
Valeu!
julho 21st, 2009 at 11:37
Thiago, eu não gosto muito de usar o .mpx.
Além disso, o PPV3D já está na versão 2.0, o que torna este mpx desatualizado.
agosto 19th, 2009 at 22:00
nao ta dando pra instala nenhum dos 2 programas o de 64 fica dando que o processador nao oferece suporte pra esse pacote de intalação. e o de 32 fica falando que o pacote de instalação nao pode ser aberto?
o que eh isso?
eu queria fazer meu tcc sobre isso mais ja vi que noa vai dar :S :(
agosto 20th, 2009 at 17:12
Wender, realmente não sei como te ajudar.
agosto 27th, 2009 at 8:02
[...] Tutorial de instalação do Papervision 3D em português [...]
setembro 10th, 2009 at 9:50
Error: OPTIONS of ‘http://papervision3d.googlecode.com/svn/trunk’: could not connect.
Precisa configurar a conexao proxy caso vc esteja acessando de uma rede que possua, senão ele nao consegue chegar ao link requisitado!
outubro 5th, 2009 at 12:40
[...] sendo postado, ganhamos centenas de links de outros sites apontando pra nós. Publicamos um dos primeiros tutoriais sobre Papervision3D no brasil. Fomos pioneiros também com o primeiro tutorial em português sobre o Flartoolkit, e há pouco [...]
novembro 3rd, 2009 at 10:35
Saudações.
Estou trabalhando em um GRANDE projeto de FLAR que está sendo capitaneado por uma nova empresa de publicidade de São Paulo e um grupo de desenvolvedores aqui do Rio.
Gostei do trabalho do blog – se algum de vocês estiver interessado em participar da seleção quando precisarmos de mais programadores, favor me envie um e-mail.
Grato!
janeiro 13th, 2010 at 15:19
Olá Pablo Cabana, tudo bem? Eu tenho o Flash CS4 (não o CS3). Já baixei e instalei o Tortoise SVN.
Aí vou em Flash CS4 – Edit – Preferenses – Actionscript – Actionscript 3.0 Settings e não encontro o “class path”. Só encontro o seguinte: “Source Path”, “Library path”, e “External Library path”
O “Class path” só encontro no botão Actionscript 2.0 Settings!
Será que no Flash CS4 é diferente? Poderia me ajudar?
Grande Abraço!
janeiro 13th, 2010 at 16:47
Rubem, no CS4 é “Source Path”.
janeiro 13th, 2010 at 20:04
Pablo Cabana, muito obrigado!
fevereiro 20th, 2010 at 17:56
Por favor amigo eu agradeceria muito se um dia vc colocasse um video no youtube encinando a fazer a sua propria realidade aumentada….
aguardo sua resposta ..
obg!
março 30th, 2010 at 13:32
Oi amigo tudo bem eu gostaria de saber se conhece algum site legal para que eu possa baixar o Papervision por que eu ja baixei mas não erra o programa e ai nesse site diz que tem para baixar mas eu não acho eu agradeceria se você puder me mandar o link do download no meu email.
Gostei muito desse site.Obrigado
Att:Cauê Adriano
março 31st, 2010 at 8:13
vao aqui: http://www.papervision3d.org/
abril 13th, 2010 at 12:23
Muito bacana o site e o tuto mas….
eu nao consigo istalar o papervision
tipo eu crio a pasta e clico com o botao direito mais so aparece as opçoes padrão do windowns nao aparece nada de “SVN checkout”, desculpe a ignorância, mas alguem poderia me ajudar detalhando áo máximo como faço isso??
ja instalei o Tortoise mas nao resolveu nada
obrigado
abril 13th, 2010 at 14:10
Filipe, provavelmente você não instalou o tortoise corretamente.
abril 13th, 2010 at 17:53
desculpe mas ainda nao estou conseguindo eu uso o windowns 7 vc acha que eu tenho que usar o tortoise 64bts?
abril 13th, 2010 at 18:04
consegui
era isso mesmo
junho 26th, 2010 at 7:28
esse programa funciona do flash cs4 ?
junho 28th, 2010 at 10:56
Flavio, sim.
julho 8th, 2010 at 22:13
Olá, isso aí vale pra Flash CS4?
ObrigadoBruno.
julho 8th, 2010 at 22:13
Olá, isso aí vale pra Flash CS4?
Obrigado
Bruno.
julho 9th, 2010 at 11:28
Sim, Bruno.