
A Revista Www.com.br, ou apenas “W”, me convocou pra escrever um tutorial sobre Realidade Aumentada e eu aproveitei o convite para finalmente mostrar como utilizar modelos 3D animados com o Flartoolkit, que eu já havia prometido e muitos me cobravam faz tempo, como você pode ver aqui.
O download do PDF do tutorial você faz clicando aqui.
Os arquivos fonte você baixa aqui.
___________________________________________
Foreign visitors: A lot of people asked me to write a english version of a Tutorial about Flartoolkit (Augmented Reality + Papervision3D). So, here is it. Big thanks to Bryan Lennon, from Framestore, for his revision on my poor english. Dowload the files and tell me if it is understandable.
Download the PDF tutorial here.
Download the source files here.
___________________________________________
Neste artigo você aprenderá como montar um aplicativo igual à homenagem póstuma que fizemos a Michael Jackson (clique e veja). Quem modelou e animou o Michael Cabanudo foi nosso amigo Felipe Acioli. A classe para controlar o DAE foi escrita por Pablo Bandin (classe que não é mais necessária na versão atual do Papervision3D) e o método de detecção melhorado foi escrito por Seb Lee. E o Flartoolkit, obviamente, foi portado para o Flash pelo genial japa Saqoosha.
Olha a fotinho fanfa que lancei:

Pablo Cabana
Tags: aumentada, FLARToolKit, Papervision3D, realidade, revista, tutorial, w
julho 20th, 2009 at 12:04
[...] 4 – Quer fazer um igual? Clique aqui e veja como. [...]
julho 20th, 2009 at 12:05
[...] Update: Um novo tutorial sobre realidade aumentada foi publicado. Clique e veja. [...]
julho 21st, 2009 at 21:06
Olá Pablo,
Parabénsss, realmente fantástico o seu tutorial!!
Só gostaria de perguntar…quando eu rodo os seus arquivos .fla + .as ele só fica na tela de carregando arquivo e não avança, nem dá erro…você sabe o que pode estar acontecendo?? O .swf que veio funciona normalmente mas quando tento exportat novamente nao consigo.
Abraços
Parabénsss mais uma vez!!
julho 21st, 2009 at 22:38
Philippe, provavelmente é porque você não tem uma webcam! ;)
julho 21st, 2009 at 23:01
Hahah Você é mto bom no seu trabalho mas também não precisa humilhar heheh tenho sim, já tenho mexido no FLARToolkit há um tempo(1 mês =P), estou tentando avançar na parte de utilizar objetos animados. Vou tentar mexer mais aqui, seu código tá mto bom, bem explicado mas não consigui rodá-lo ainda.
Valeus Pablo!
julho 22nd, 2009 at 10:51
Foi mal Philippe! :) É que por aqui as coisas funcionam perfeitamente. O que diz o painel do Trace? Você mudou as pastas de lugar? É preciso que todas as pastas do zip estejam com a organização correta.
julho 22nd, 2009 at 17:55
Pablo, parabéns… ficou fantástico… to tentando me aprimorar nisso e to com duas dificuldades aqui e queria ver se vc pode dar uma forcinha:
1)meu flash 8.0 professional não abre o seu fla do tuto… qual versão devo usar?
2)quando tentei subir seus arquivos pra testalos on-line no meu servidor eles não funcionam… o que posso estar fazendo de errado? O servidor precisa ter alguma permissão ou aplicativo especial?
Tomara que possa dar uma forcinha… to querendo me aprofundar nesse assunto…
Abraçsss
julho 22nd, 2009 at 19:25
Valeu Notax!
1 – Você deve usar o Flash CS3 ou superior.
2 – Alguns servidores não dão suporte à arquivos DAE. Caso seja o seu caso, renomeie a terminação do arquivo para .txt e mude o endereço na classe.
julho 23rd, 2009 at 8:24
Pô… brigadaço Pablo… Não querendo abusar… Chequei com o server e era exatamente isso que acontecia… daí fiz o que sugeriu mas local conitnua funcionando e no server passou a dar esse erro:
Error #2044: Unhandled ioError:. text=Error #2032: Stream Error. URL: Data/camera_para.dat
at TutorialFlarToolkit$iinit()
devo fazer mais alguma coisa pra esse tuto funcionar on-line? Tomara que possa me dar mais uma forcinha aí? Local funciona perfeitão mesmo!
julho 23rd, 2009 at 12:13
Notax, acho que você mudou o nome do arquivo errado. Você deve mudar o arquivo .DAE. Além disso, deve mudar o caminho para este arquivo na classe principal.
julho 27th, 2009 at 10:58
Puts grila! Show de bola essa iniciativa.
Parabéns cara, são pessoas assim que o Brasil precisa.
Obrigado.
Ps: pra agregar – link do Lee Brimelow (esse cara dibuia!!) – http://www.gotoandlearn.com/play?id=105
julho 28th, 2009 at 21:47
Adorei a matéria…quero ver a revista! A foto ficou lindaaaaa! rsrs ;)
julho 29th, 2009 at 11:18
Olá Pablo… parabéns pelo artigo, muito interessante mesmo…
Eu posso adapatar esse artigo no flash CS4 ou somente no CS3?
Abrass
julho 29th, 2009 at 11:20
Pode sim Marcelo, ainda não testei, mas acho que você não precisará mudar nada.
julho 29th, 2009 at 19:07
Parabéns, Pablo, muito mais fácil que aprender com o próprio Saqoosha, mas estou quebrando minha cabeça com outra questão : O arquivo collada (.dae). sempre dá erro de leitura, já exportei de mil formas (com poser 8 e 3ds Max), mas sempre dá erro, putz… Tem algum macete? que programa você usa para gerar o objeto 3d collada ?? Obrigado de antemão, cara.
julho 29th, 2009 at 19:19
Então, eu tive esse problema. O que eu fiz foi abrir a animação no 3D Max e exportar como OBJ e pelo Maya, importar e exportar como DAE. Não sei qual outro modo de fazer. Tem um programa chamado 3DWin, mas não exportou legal, deu falha. O problema que eu tive foi que ao importar para o Maya, ficou muito grande e depois tive q redimensionar, de resto funcionou.
Pablo, parabéns mesmo, já fiz a minha primeira animação graças ao seu tutorial. Valeu mesmo, sucessos pra você aí…
Abrass
julho 30th, 2009 at 9:54
Jonathan e Marcelo, realmente a exportação dos modelos 3D é a parte mais complexa do processo, pois o padrão COLLADA ainda está engatinhando e muitas melhorias ainda são necessárias. Muitas vezes é necessário dar várias voltas com softwares diferentes até conseguir um resultado decente. No tutorial indico o site de Pablo Bandin, onde ele explica o processo no 3DMax. Mas não tem muito jeito, é tentativa e erro mesmo, pois cada modelo pode requerer um procedimento diferente.
agosto 1st, 2009 at 0:25
Pablo,
parabéns pelo seus tutoriais, são muito bem feitos e esclarecedores. só uma ajuda: mesmo com esse tutorial, só abrindo os arquivos fonte e publicando eu não consigo fazer rodar (no flash cs3).. sempre dá erro nas linhas 1, 43 e 349. você tem alguma idéia do porque isso acontece?
obrigado.
agosto 3rd, 2009 at 10:19
Fábio, quais são as mensagens de erro?
agosto 3rd, 2009 at 13:53
Pablo,
os erros são:
linha 1 || 5000: The class ‘TutorialFlarToolkit’ must subclass ‘flash.display.MovieClip’ since it is linked to a library symbol of that type.
linha 43 || 1017: The definition of base class BasicView was not found.
linha 349 || 1020: Method marked override must override another method.
onde será o problema?
obrigado
agosto 3rd, 2009 at 13:59
Fábio, você está tentando publicar com exatamente a mesma estrutura de pastas que você baixou nos arquivos fonte?
agosto 3rd, 2009 at 21:09
Pablo, é, eu estava errando nisso.. putz, que burro.. haha.. obrigado cara, mesmo.
agosto 4th, 2009 at 11:49
Pablo muito bom o tutorial,
Gostaria de saber se é possivel substituir a animação 3D por um filme em flv ou qualquer outro formato.
Se sim, quais são os passos para fazer a subistituição.
Obrigado
agosto 4th, 2009 at 11:53
Anderson, é possível incluir qulquer tipo de objeto que possa ser renderizado pelo Papervision3D, ou pel engine que você estiver utilizando. O que inclui vídeos, swfs, etc. O caminho para fazer isso é estudar o Papervision3D…
agosto 11th, 2009 at 10:56
Eu trabalho na área modelagem em 3D a algum tempo.Gostaria de saber se é possivel eu exportar um objeto do 3D studio max para poder usar no papervision.
agosto 11th, 2009 at 11:10
Guilherme, é possível sim. O formato de exportação mais interessante é o utilizado neste tutorial. O Collada, com a terminação .DAE.
agosto 11th, 2009 at 11:47
Pablo, obrigado por responder.. nossa muito legal… já baixei o plugin e vou fazer uns testes…Gostaria de saber inclusive se algum de vcs ja tiveram esse problema e saibam como resolver.
No meu macbook nao consigo visualizar a imagem da webcam. quando compilo o projeto pelo Flex e vou executar ele mostra a telinha de permitir a webcam mais depois nao aparece nada.. =/ estou baixando outras versoes do flash player 10, acredito que seje esse o problema.
Abraços..
Obrigado.
agosto 11th, 2009 at 16:17
Guilherme, pode ser a configuração da sua webcam! =]
Dps de permitir o acesso à sua webcam, clique com o botão direito e nas Configurações selecione o tipo de câmera “USB Video Class Video”.
Em 2 MacBooks que testei, isso funcionou! rs
Pablo, estou com problemas em um projeto que fiz.
Quando exporto o arquivo pra swf no Flash, funciona corretamente.
Se tento acessar esse mesmo swf direto de um navegador, ou depois de colocá-lo no ar, o objeto 3D aparece todo preto, como uma sombra.
Queria saber se há a possibilidade de o erro estar na hora de gerar o arquivo Collada.
Obrigada!
agosto 11th, 2009 at 16:56
É exatamente isso o que a Aline disse Guilherme.
Aline, provavelmente é um problema no caminho das texturas (Materials) do seu DAE.
agosto 12th, 2009 at 9:56
caramba…que bacana… o pessoal por aqui ajuda mesmo hein.. =)))
Pablo muito obrigado pela ajuda…
Aline obrigadao.. deu certo =)))
uhullllll
agosto 13th, 2009 at 14:11
Pablo, quando esporto com o collada um arquivo do max para DAE, ele ate aparece na aplicação mais sem sombras sem nada.. fika uma coisa tudu de uma cor so ! o que tenho que fazer ?? tem alguma configuração?
abraços
agosto 13th, 2009 at 14:42
Guilherme, nem todas as funcionalidades 3D são suportadas pelo Collada.
Além disso, muitas vezes as texturas precisam ser refeitas no Papervision 3D.
agosto 14th, 2009 at 8:39
Pablo, obrigada pela ajuda!
Era o mapeamento da textura ainda no Blender..
Outra dúvida…
No tutorial mais antigo q vc postou tem uma função pra inverter a camera qnd o usuário clica na caixa de diálogo..
Teria como eu já carregar o flash com a câmera invertida?
Procurei, mas ainda não consegui encontrar uma função pra isso..
Se alguém souber, please help me! rs
[]‘s
agosto 14th, 2009 at 10:58
Aline, procure bem e achará!
agosto 14th, 2009 at 18:23
Pablo, td bem? Continuei estudando aqui e agora me surgiu mais uma dúvida… se vc puder e não for incomodo responder… Tenho um “filme” criado no after effects que eu posso facilmente importar pro flash e etc… Esse filme por exemplo o objeto em questão pode se mover “girar” em todos os eixos… e é exatamente esses movimentos que eu queria integrar com a WebCam, por isso pergunto: Conheces algum tuto pra indicar que ensine como renderizar esse “filme” do after no PaperVision 3D?
agosto 14th, 2009 at 18:32
Oi Notax,
Procure por VideoMaterial e VideoStreamMaterial.
agosto 18th, 2009 at 14:31
Olá Pablo! Muito obrigado pelo seu tutorial! O código todo comentado em português realmente ajudou muito.
Só tou com uma dúvida, não encontrei uma forma de inserir os materiais no código. Tentei seguir o tutorial do vídeo do Pablo Bandin, mas parece que ele tá usando um código diferente do que você usa.
Meu objeto está aprecendo bonitinho, mas os materiais não. :(
Mais uma vez obrigado!
agosto 18th, 2009 at 14:34
Boa tarde Pablo, estou fazendo minha monografia(TCC) em Realidade Aumentada, e achei muito interessante o uso do Papervision3D+FLARToolkit, pois iria implementar a aplicação no ARToolKit, usando como base o collideTest, pois basicamente minha aplicação seria colocar dois objetos distintos (um em cada marcador) e fazer com que quando os dois marcadores chegassem próximos um do outro aconteceria uma outra animação, e os dois primeiros objetos desapareceriam, ficando apenas a animação.
Isso é possível no flartoolkit?
Obrigado.
agosto 18th, 2009 at 14:52
Felipe, dá uma olhada na documentação do Papervision3D.
Martins, sim, isso é totalmente possível, mas tem que saber programar o Papervision3D.
agosto 19th, 2009 at 9:23
Pablo existe algum maetrial que possa me ajudar (de preferencia em PT-BR)?
Obrigado.
agosto 19th, 2009 at 10:38
Olá Pablo passei a tarde e a noite todas ontem tentando entender a documentação ou arranjar alguma outra solução.
Em actionscript eu entendo o código e consigo mudar alguns valores, mas quando se trata de inserir uma nova variável ou função, me complico muito.
Pelo que eu entendi, deveria usar a função BitmapFileMaterial, mas não tou sabendo “onde e como” devo inserí-la.
Gostaria que se possível você me ajudasse com isso, se não puder, me indique uma pessoa que eu possa contratar só para resolver esse problema do material.
Nomais, desculpa por estar incomodando e obrigado pela ajuda!
agosto 19th, 2009 at 14:14
Martins, você não viu meu tutorial?????????
Felipe, você pode me contratar!! ;) Entre em contato em pvt pelo site da Cabana.
agosto 20th, 2009 at 16:37
VisualPV3D
http://www.allanbrito.com/2009/05/15/vizualpv3d-interface-visual-para-criar-flash-3d-com-papervision/
agosto 27th, 2009 at 13:55
Pablo,
Em primeiro lugar parabéns pela iniciativa, to acompanhando essa história de RA desde o ano passado e vc conseguiu evoluir muito no material!
Estou tentando rodar o tutorial, só que dá erro na linha 97 do DAEMC.as:
override public function get fps():uint { return __fps; }
o erro é: 1020: Method marked override must override another method.
Não estou entendendo onde pode estar o problema.
Abs!
agosto 27th, 2009 at 14:36
Cassiano, você está usando os mesmos arquivos do tutorial? Muito estranho. Você não baixou as classes do DAEMC2 em outro lugar? O tutorial uso o DAEMC1. Lembrando que a versão mais novo do PPV3D não precisa do DAEMC. A própria classe DAE dá conta do recado.
agosto 27th, 2009 at 16:03
Consegui fazer funcionar… nem sei como… porém, quando está no final da publicação dá três msgs de erro:
WARNING: Couldn’t find the targeted object’s transform: twist
WARNING: Could not find a transform with SID=heelRotX
WARNING: Could not find a transform with SID=heelRotZ
Quando coloco a marca na frente da webcam rola normal, porém quando tiro a musica para, mas a figura fica na tela… estranho…
agosto 27th, 2009 at 16:09
Cassiano, mas é exatamente isso que deve acontecer!!! :)
Esta mensagem de erro é normal. Não significa nenhum problema.
agosto 27th, 2009 at 18:04
Ok. Funcionou! Fiz no Blender um cubo, e estou conseguindo trocar o bonequinho, só que a música para.. isso é porque está acionando a música a partir de algum frame da animação? Não estou vendo onde isso está configurado…
PS: desculpe a amolação!
agosto 27th, 2009 at 22:20
Poxa Cassiano, deixa de ser preguiçoso e lê o tutorial com calma.
setembro 8th, 2009 at 23:38
Plabo! antes de mais nada! esse com certeza foi o melhor tut em pt que ja li! parabens! mas uma pergunta, to me quebrando pra conseguir exportar do blender um boneco, ele sempre fica sem textura e nunca se mexe como deveria! :S conhece algum tutorial bom?? abraz!
setembro 9th, 2009 at 10:49
Daniel, meu nome é Pablo e não Plabo! Com a exceção dos menores de 4 anos que não conseguem pronunciar meu nome (eles sempre dizem Plabo!), todos devem pronunciar meu nome corretamente!! heheheeheheh
Cara, lá no http://www.gotoandlearn.com tem um tutorial legal sobre collada no blender.
setembro 9th, 2009 at 12:09
pablo!!!!! desculpa mesmo!! foi erro de digitacao! eu sabia que era pablo!!! brigadaaaaao pelo link!!! e desculpa!!
abrazzz
setembro 10th, 2009 at 16:02
Pablo, se eu quiser colocar uma imagem (um png ou jpg inves de um dae, eu posso?
como eu faria isso? importar o jpg invez do dae ou criar um movieclip?
setembro 10th, 2009 at 16:27
Claro que pode! Basta dar uma estudadinha no Papervision3D!
setembro 13th, 2009 at 13:03
ola!!!!
estou com o seguinte problema:
Estou tentando abrir o projeto no flex, ai eu importo as classes do papervision 3d e do flartoolkit, mas ainda sim o flex nao reconhece duas classes:
import org.libspark.flartoolkit.pv3d.FLARBaseNode;
import org.libspark.flartoolkit.pv3d.FLARCamera3D;
mesmo essas classses estando la no endereço citado ai no import!!
alguem ai sabe pq isso acontece??
vlwx
setembro 13th, 2009 at 14:33
rafa, não faço idéia! também fiquei curioso em saber o que está acontecendo.
setembro 13th, 2009 at 17:36
achu q ja deu certo aki….
eu estava importando o pacote do endereço:
…/FLARToolKit/trunk/starter-kit/org
e o correto era:
…/FLARToolKit/trunk/starter-kit
vlws ae!!! logo logo eu volto com mais duvidas ;)
setembro 14th, 2009 at 17:32
entao pablera curti bastante seu tutorial eu q n manjo mto de action script consegui entender tudo mto bem detalhado…..mas ai vai a questao q nem me deixa dormir de noite….qndo eu clico em allow misteriosamente nada acontece a web cam n aparece e fica soh um fundo cinza…. sera q eu tenho q fazer alguma outra coisa??
c n for incomodo eu agradeço desde jah pela atençao!!! valeu
setembro 14th, 2009 at 17:55
Juanicco, provavelmente é algum problema de conexão com a sua webcam. Você usa mac?
Experimente clicar com o botão direito do mouse em cima do aplicativo e mexa nas configurações do flash para selecionar a webcam correta.
setembro 14th, 2009 at 18:29
putz cara valeu mesmo eu testei todas as camera e encontrei a certa valeu brigadao!!!!
setembro 15th, 2009 at 15:02
fala pablo, entao cah estou eu dinovo com uma questao….queria saber uma coisa, eu posso exportar do after effects um mov para o flatoolkit???
valeu!!!!
setembro 15th, 2009 at 15:45
Juanicco, veja bem. Nós estamos falando de Flash, e com Flash, QUASE tudo é possível. Basta estudar a ferramenta. Ou contratar a Cabana pra fazer pra você. :)
setembro 15th, 2009 at 15:55
valeu eu vou continuar estudando aki, mas caso eu n consiga entro em contato com vcs!!!
valeu por tudo e parabens dinovo pelo trampo e dedicaçao!
setembro 20th, 2009 at 22:07
Fala Pablo, cara estou com o mesmo problema do Fábio Alves…
Aqui no blog é a mensagem 20.
linha 1 || 5000: The class ‘TutorialFlarToolkit’ must subclass ‘flash.display.MovieClip’ since it is linked to a library symbol of that type.
linha 43 || 1017: The definition of base class BasicView was not found.
linha 349 || 1020: Method marked override must override another method.
Pablo Cabana Diz:
agosto 3rd, 2009 at 13:59
Fábio, você está tentando publicar com exatamente a mesma estrutura de pastas que você baixou nos arquivos fonte?
Você respondeu isso para ele mas eu não entendi…
Desculpe pentelhar você mas já quebrei bastante a cabeça!
Parabens pelo tutorial e aguardo uma solução… já que o erro é meu….
Abs…
setembro 25th, 2009 at 8:21
Hello there!
I have a question!
How can i do this that if the marker is not on the screen the model disappears!??
Thanks for this great work!
thanks
setembro 25th, 2009 at 14:54
Dimitrios,
Take a look at the comments in the AS code.
setembro 29th, 2009 at 14:32
Fala Pablo!!
Cara, o Papervision3D é aquele que cria e renderiza os o Cenário e objetos em 3D??
e a Função do FlartoolKit é “achar” a área do código?
setembro 29th, 2009 at 19:00
Jeferson, a resposta é sim. Mas isso seria simplificar MUITO as coisas.
setembro 30th, 2009 at 8:37
Bom meu amigo, no caso de realidade aumentada, no Código-Fonte da Classe em AS3, o papervision3d quase nem existe estou certo?
e em relacao ao FlartoolKit, é só dar Extends é uma classe “PV3DARApp.as” que dela chama a “ARAppBase.as” que dái vem as do Flartoolkit….também estou correto?
Vlwww
setembro 30th, 2009 at 11:11
Está errado! Papervision3D é uma parte fundamental do Flar. Contudo, você pode trocar a engine por Sandy3D ou Away3D.
Errado de novo. Flartoolkit é toda a engine, com centenas de classes. Como configurá-las é com você! ;)
setembro 30th, 2009 at 11:15
oO
Nota Zero!! rsrsrs
Vc poderia me dar as definições de:
ARToolKit;
FlartoolKit;
Papervision3D;
eu vou trabalhar usando o 3Ds Max 2009 e exportando via Plugin Collada com extensão .DAE….estou no caminho certo?
setembro 30th, 2009 at 11:36
Artoolkit: Engine de Realidade Aumentada em C++ (se não me engano)
Flartoolkit: Engine de Realidade Aumentada portada para ActionScript3 pelo japa Saqoosha
Pepervision3D: Engine que cria o ambiente 3D.
Sim, Max2009 é um dos inúmeros caminhos possíveis.
setembro 30th, 2009 at 11:40
Blzzzz….
Então, entre os “toolkits”, no meu caso, devo ficar com o Flartoolkit por causa que uso o Flash CS4 com AS3…..correto?
agora meu amigo…..não sei se é algo que estou fazendo errado…
mas montei um cenário no Max e exportei para Collada….quando faço rodar no Flash(mesmo sem ser RA) fica muitooooo lento…..
é normal???
setembro 30th, 2009 at 11:44
O processo de exportação para DAE é a maior dificuldade da RA. E a única forma de entender isso é tentativa e erro.
outubro 1st, 2009 at 15:10
Olá Pablo, excelente tutorial e site.
Você será referência.
Uma dúvida, exportei para o meu servidor o seu tutorial, só para testar, mas quando entrei na página o flash não mostra a imagem da minha câmera, em vez disto mostra um quadro cinza e os frames por segundo ficam meio malucos oscilando ente 60fps.
O que fiz de errado?
Aqui no meu computador local funcionou bonito.
Abraços
outubro 1st, 2009 at 17:56
Valeu Érico!
Cara, talvez você tenha feito o upload erroneamente. Ou seu servidor talvez não aceite o formato DAE. Se for isso, renomeie a terminação para XML e modifique o nome do arquivo no código-fonte actionscript.
outubro 2nd, 2009 at 14:34
Aoo Pablo!!!
Olha só, vc havia dito que a maior dificuldade era exportar o DAE….eu não vi nenhuma(por enquanto)…
Eu gostaria de saber, a que vc está se referindo?
Abraçoss
outubro 2nd, 2009 at 14:59
Estou me referindo a problemas. Você não estava tendo problemas?
outubro 2nd, 2009 at 15:05
Pablo é um santo.. haha
outubro 2nd, 2009 at 15:06
o que lhe falei é o seguinte…
Esquece o FlartoolKit…ou seja, esquece a WebCam + RA….
vamos somente a Flash + Objetos 3D….
Eu fiz uma cena, com Bancos, um tapete e uma Luminária….
Exportei normal pelo Max atravéz de um Plug-in que instalei para exportar para o DAE….
Quando faço o código do flash para carregar esse DAE, ele carrega, mas a CPU vai a 99% com o FlashPlayer….ai quando rotaciono o Objeto(Cena) fica mais lento aida…
Entendeu??
Outro exemplo(só que já com WebCam + RA)….
O seu próprio exemplo aqui do site….eu ligo a web….coloco o papel em frente a Web, o Firefox(no meu caso) vai a 99% por causa do seu projeto, do flash….
Não sei se é Bug do flash, ou sei lá…só sei que se envolve DAE(ou objetos 3d), minha CPU vai a 99%…..
outubro 2nd, 2009 at 15:37
Fábio, que bom que alguém me entende… ;)
Jeferson, releia meus comentários e tente ligar A com B.
outubro 3rd, 2009 at 9:34
Pablo, vc deve estar achando que é na hora de Exportar o DAE do Max para arquivo….mas não é….
é na Aplicação Final….
o seu exemplo acontece isso comigo, minha CPU fica sobrecarregada por causa do Flash…..
Entendeu agora??
outubro 5th, 2009 at 10:26
Entendi. Provavelmente seu computador não suporta aplicativos com essa robustez. Troque sua máquina.
outubro 5th, 2009 at 10:29
Eita….ta brincando….
Processador AMD Athlon 64 3500+ sock AM2
4GB Memória Corsair DDR2 800Mhz 4-4-4-12
HD 80GB Samsung Sata2
Acho que não seje isso não…..ou é?
rsrssrrs
outubro 5th, 2009 at 10:33
Cara, então não faço idéia.
outubro 5th, 2009 at 12:40
[...] com o primeiro tutorial em português sobre o Flartoolkit, e há pouco tempo publiquei um novo tutorial completo sobre Realidade Aumentada que escrevi para a Revista W. Além de diversos artigos interessantes, mostrando o que há de Bacana no universo da [...]
outubro 19th, 2009 at 11:41
Pablo, você sabe me dizer se a realidade aumentada já suporta action script 3.0? Eu acompanhei durante algum tempo seu tutorial e consegui fazer diversas aplicações mas quando migrei pro flalsh cs4 não consegui mais rodar. Há alguma atualização pra essa nova versão do flash/action script 3.0? Se tiver algum exemplo, tem algum local onde posso baixar algum doc, pdf, exemplos, …??
Abrasss
outubro 19th, 2009 at 12:37
Marcelo, Flartoolkit só funciona em AS3.
Qual mensagem de erro é exibida?
outubro 19th, 2009 at 13:55
Esse exemplo que está para download, roda no flash cs4?
outubro 19th, 2009 at 14:24
Pablo, peguei o exemplo deixado pra download e rodei normalmente. Renomei o arquivo swf gerado e gerei um novo com com o flash CS4 e deu os seguintes erros abaixo:
TutorialFlarToolkit.as, Line:43
1017: The definition of base class BasicView was not found.
public class TutorialFlarToolkit extends BasicView
TutorialFlarToolkit.as, Line:349
1020: Method marked override must override another method.
override protected function onRenderTick(event:Event = null):void
TutorialFlarToolkit.as, Line:1
5000: The class ‘TutorialFlarToolkit’ must subclass ‘flash.display.MovieClip’ since it is linked to a library symbol of that type.
Conferi as blibiotecas e elas estão inseridas no corpo do arquivo fla como mostra o exemplo. Mas ao compilar, apareceu os erros acima. Será que ele não é compatível com o CS4 ou mudou muito entre as versões do CS3 e CS4?
outubro 20th, 2009 at 12:34
Marcelo, baixei os arquivos e compilei do CS4. Perfeito. Sem problemas. Não sei o que pode estar havendo. Você já instalou o Patch de atualização do Flash CS4? Se não, faça-o.
O link é esse: http://theflashblog.com/?p=986
outubro 21st, 2009 at 11:16
Você é o cara Pablo… hehe
Fiz a atualização e funcionou a compilação do CS4…
Eu baixei um complemento pro ilustrator que gera o arquivo mapeado da imagem.
Agora é só fazer as animações e aplicar na web. A minha grande dúvida é: Essa animação da dança do Sr. Palito, você fez no maia, correto?
Tem como chamar uma animação em flash? Tipo, um swf ao invés de uma animação no formato dae? é preciso mudar algo?
outubro 21st, 2009 at 11:25
Totalmente possível Marcelo. Tem que estudar um pouquinho de Papervision3D.
dezembro 3rd, 2009 at 20:14
Pablo obrigado pelo tutorial.
Lí todos os comentários e não achei nada parecido com um erro que está acontecendo comigo.
A animação está carregando, mas quando e tiro o foco da camera do marcador o som pára, mas o boneco fica estático na tela. Dei uma fuçada, mas não acho o problema…alguma dica?
dezembro 7th, 2009 at 10:20
Mas mauro, isso é exatamente o que o aplicativo deve fazer!
dezembro 8th, 2009 at 13:20
Uaehaehae… viajei, mas vou dar uma fuçada aqui. Valeu!
dezembro 16th, 2009 at 18:17
Galera, o leitor está interpretando meu 3D criado no Max. Mas a animação não carrega de jeito nenhum…já fiz 1001 testes. Ele trava no “CARREGANDO ANIMAÇÕES 3D”. Estou esquencedo de alterar algum arquivo?
dezembro 16th, 2009 at 20:53
Mauro, não basta simplesmente substituir o 3D por outro. É necessário exportar em formato DAE de uma forma específica para ser utilizado pelo PaperVision3D.
janeiro 9th, 2010 at 14:58
HELP-ME! tô tentando botar no meu blog mas não consigo upar o arquivo “camera_para.dat” para a minha conta ftp (apesar do blog estar no blogger, eu tenho uma conta ftp no http://www.xpg.com.br). Sabe me dizer como posso resolver isso? ou algum endereço deste arquivo para eu relinkar-lo no “*.as”? Desde já agradeço, JGabriel
janeiro 11th, 2010 at 0:06
[...] Neste link o Pablo Cabana mostra como usar modelos 3D animados com o Flartoolkit para fazer a realidade aumentada. (aqui) [...]
janeiro 11th, 2010 at 12:50
Gabriel, não entendi a sua dúvida.
janeiro 11th, 2010 at 15:34
E ai Pablo! Muito bacana seu tutorial, excelente mesmo, estou estudando a parte de as3 dele e surgiu a seguinte dúvida, é possivel reconhecer duas marcas distintas, por exemplo, se for uma marca mostrar um 3D se for outra mostrar outro… como se fosse algo promocional, bilhete premiado ou algo do genero!?
janeiro 11th, 2010 at 16:27
Tem sim Renan. As possibilidades são inúmeras. Dá uma googlada que você acha.
janeiro 13th, 2010 at 9:51
Olá Pablo, bom… como eu faço para botar a realidade aumentada no meu blog (ele está no blogger mas possuo uma conta ftp no XPG)? Fiz alguns testes no meu computador e funcionou direitinho (embora eu ainda não saiba como animar). Tentei jogar os arquivos via ftp mas o arquivo “camera_para.dat” não vai de jeito nenhum… ¬¬ Como eu faria para rodar no meu blog???
janeiro 13th, 2010 at 10:01
Gabriel, alguns hosts não suportam .dat . Talvez mudando o nome do arquivo para camera_para.txt (e alterando o caminho para este arquivo no AS) possa funcionar.
janeiro 15th, 2010 at 10:08
Então Pablo, estou fazendo uma demostração em que roda um video projetado na RA, minha aplicação roda da seguinte maneira, tenho a principal que carrega 2 swfs, uma da realidade e outro para gerar foto e enviar por e-mail, pois bem, como faço uso da camera nas duas, mesmo limpando os loaders o funcionamento da RA não é retirado da memória. Qndo abro a aplicação “foto” e aponto a marca ela continua reconhecendo e rodando o video por trás, mesmo eu ja tendo limpado e carregado outro swf, no caso o de foto. Tem ideia de como posso limpar?
janeiro 15th, 2010 at 10:12
Renan, tem que estudar um pouquinho de AS3.
janeiro 21st, 2010 at 10:32
Salve salve galera eu queria saber se tem como criar uma animação em flash e transferir para a realidade aumentada?
obs: sem usar papervision só flash mesmo
agradeço desde ja
fevereiro 17th, 2010 at 10:48
Ola Pablo.
Parabéns pelo trabalho cara! Estou com algumas duvidas: Trabalho com 3D e fiquei curioso em realidade aumentada. Pelo tutorial deu tudo certo. Inclusive ja criei novos modelos e animações e todas rodaram perfeitamente como RA. Mas acontece que eu não consigo carregar a textura do modelo. Vi no video “Control DAE animation in Papervision3d do Youtube” que existem umas linhas a mais no AS referentes aos materiais como o endereçamento da textura, mas ao inserir as mesmas linhas no AS do tutorial ocorre um erro de sintaxe. (PS não entendo nada de AS, papervision e DAEMC além do que esta no tutorial ). Poderia me ajudar ou pelo menos me direcionar? Valew cara e mais uma vez parabens pelo trabalho.
fevereiro 17th, 2010 at 13:15
Felipe, tem que estudar um pouco de AS3 e PPV3D…
março 24th, 2010 at 10:27
pablo blz fera? muito legal isso. minha questao é a mesma do felipe.. faço tudo certinho e nada de textura, shader :( vi tb os 4 videos do Control DAE. mas fuçando na net descobri esse prog http://blog.anthony-scavarelli.com/?p=77 ele testa o file dae pra ver se esta correto.. e os meus exportados do maya 2009 ou 3ds max 2010 vaum sem as texturas.. e no proprio site tem uns dae sample. e qnd vc os abre ta certinho.. fiz ate o teste de colocar os dae no seu projeto e funfou legal foi com textura e tudo. coloco tudo na mesma mesma pasta dae e textua e nada de funfar.. sera q eh o jeito de exportar? obrigado pela atencao
março 24th, 2010 at 10:52
Max, a melhor soulção é mapear as texturas dentro do PPV3D.
março 24th, 2010 at 21:52
Pablo,
Primeiramente… Gosto muito do seu trabalho já o acompanho faz algum tempo, está de parabéns…
Gostaria de tirar uma duvida…
Quando vou publicar(compilar) o arquivo no flash, ele encontra o seguinte erro:
1017: The definition of base class NyARParam was not found.
Ai eu fui caçar na net e achei o pacote do Nyartools, fiz o download e adicionei a pasta jp/nyatla/…..
Agr o erro mudou, aparece o seguinte:
1020: Method marked override must override another method. public override function pickFromRaster(image:INyARRgbRaster ,i_vertexs:Vector.):Boolean
Saberia me auxiliar nesse problema?
Estou utilizando o Flash CS4, com as bibliotecas que vem junto com tutorial que vc disponibilizou acima.
OBS: Já testei com as bibliotecas atualizadas mais tbm não funcionou. E não alterei nada dos arquivos que estão aqui para download.
março 25th, 2010 at 10:41
Leonardo, não faço idéia do que está acontecendo.
abril 15th, 2010 at 7:57
[...] Even so, we found some problems to set the Collada DAE export. After a lot of exporting tests and animation versions, finding and trying to solve several problems regarding compatible deforms, types of keyframes and other compatibility problems, we finally found a way to create a file and you can check the result on the Cabanoblog. [...]
abril 18th, 2010 at 13:33
OLA, USO O HDFREE.COM.BR PARA HOSPEDAGEM GRATUITA VIA FTP, CONSIGO ENVIAR TUDO POR COMPLETO, MAS NAO TA ABRINDO O SWF Q PEDE A CAM, TEM ALGUMA IDÉIA DO QUE SEJA? JA HOSPEDEI VARIOS SWF, MAS ESSE NAO TA ABRINDO…
VALEW DESDE JÁ E PARABÉNS PELOS ÓTIMOS TUTORIAIS!!
abril 19th, 2010 at 10:45
Douglas, provavelmente seu servidor não suporta arquivos .dae . Mude o nome do arquivo para .txt (e mude o caminho no Flash).
abril 20th, 2010 at 21:18
VALEU PABLO, VOU TENTAR AQUI, INCLUSIVE TEM UM SITE COM OPENSOURCE BASTANTE INTERESSANTE, PODENDO ADMINISTRAR NÃO SÓ ARQUIVOS .DAE, MAS .JPEG, .PNG, .FLV E .MP3, >>> http://www.ezflar.com/home/show_download
abril 20th, 2010 at 23:22
OUTRA DÚVIDA TAMBÉM: QUAIS OS ARQUIVOS INDISPENSÁVEIS PARA A HOSPEDAGEM VIA FTP, TENHO Q MANDAR TODOS OS ARQUIVOS DO TUTORIAL? QUAIS SÃO OS QUE JÁ FAZEM FUNCIONAR ONLINE?? GRATO DESDE JÁ!
abril 21st, 2010 at 11:38
Douglas, são vários os arquivos “indispensáveis”, mas os arquivos de script “.as” não precisam ser colocados no servidor.
Sim , o Ezflar é bem bacana mesmo!
maio 14th, 2010 at 8:10
I get the same error as Leonardo:
1017: The definition of base class NyARParam Was not found.
This is before I set markers, when I first try to test to see if the camera is working, I get nothing but this error. The only external sources I have is an actionscript folder with secondary folders “com” and “org.” The only libraries I set are from the tutorial being the FLASHManager org and com folders. Do I need to set up papervision seperately or isn’t it included with FLARManager?
Its obvious that it is not locating the file correctly. Please help, no one has resolved this issue that I can find!
maio 14th, 2010 at 10:53
Tyepoe,
My tutorial does not use Flarmanager.
In fact, this tutorial is kind of out to date.
NyARParam is a quite strange script and sometimes, even in a perfect application, it throws errors.
Flarmanager has attached a lot of 3D libraries, including Papervision3D, but it is all in the SWC format. So you should configure in the correct way.
maio 14th, 2010 at 11:17
wow I wasn’t expecting a reply so fast from such an old tutorial. I was searching for my error and came across your site, thats why I said I got the same error as Leonardo. Anyways thats great information about both the libraries being in SWC format. I saw that file type on the tutorial I was watching and didn’t know anything about it. Do you know how to make flash builder or flash cs4 point to / use that format?
maio 14th, 2010 at 11:20
I just dont have time to update the tutorial, but I will do it some day! :)
I am not much used to SWC files, so I think Google will offer a better answer. ;)
maio 14th, 2010 at 11:50
kool kool, I’ll try that. Thanks for the quick replies too! much appreciated
maio 14th, 2010 at 14:02
Pablo, boa tarde.
Preciso fazer alguma configuração especial no servidor para aceitar os arquivos, .dat, .pat e .DAE?
maio 14th, 2010 at 17:41
Não. Alguns servidores não aceitam estes arquivos.
Uma possível saída é renomear os arquivos para .txt
E, claro, renomear a chamada no actionscript.
maio 14th, 2010 at 17:57
Certo, mas para rodar os arquivos em sua forma original, como devo solicitar par que o pessoal configure o servidor? ou qual o tipo de servidor que tenho que usar?
maio 17th, 2010 at 10:27
Não há um tipo de servidor especial pra isso. Apenas pergunte a eles se tem como suportar esses arquivos.
maio 19th, 2010 at 17:29
Tenho um Tcc para apresentar no meio do ano sobre realidade aumentada… Pablo, se você conseguir me ajudar… acho que seria muito bom, conversar com alguem que manja mais e além de divulgar seu trabalho, posso aprimorar o “Meu!”
por favor, add no msn.
abraços!
junho 4th, 2010 at 14:20
LUCAS EU TAMBÉM APRESENTEI UM PROJETO NA FACUL NUM TRABALHO SEMESTRAL, ONDE INCLUIA REALIDADE AUMENTADA NO MEU SITE. É MUITO SIMPLES CRIAR UMA DEMOSTRAÇÃO OFFLINE. CONSEGUI CRIAR UM CÓDIGO PRETO E BRANCO COM O DESENHO DO LOGOTIPO DO SITE (.PAT) E ATRAVÉS DESSE CÓDIGO CONSEGUI REPRODUZIR NA WEBCAM ANIMAÇÕES .SWF, IMAGENS .JPEG E .PNG e SONS MP3. TENHO OS ARQUIVOS FONTES TUDO SIMPLES, OQ VC PRECISA É SÓ SABER Q IMAGEM QUER MOSTRAR NA WEBCAM. QUALQUER COISA ME DÊ UM TOQUE POR E-MAIL: douglasanatoly@hotmail.com QUE TE DOU UMAS DICAS. FALOW!!!
junho 27th, 2010 at 20:15
O importante é saber que você que apeendeu a ver figura ou desfolear o livro ,ou a revista que mesmo seja o jornal.Eu sou como o esqueleto sem alimentação de informação de lombo de burro,porque se caregar não se monta ouviu abestado.Mas a verdade é saber ter mulher gostosa e ter que comer fora como os famosos do mundo aida bem que o que eu como é o que o restaurante dispensa no lixo sem deixar o paparaso tirar foto ou filmar. O paparaso se acha esperto em buscar atores que so quer ser famoso e ai cai nos clik dos abobados +s também profisionais de se xugeitar em até levar porradas de alguém como eu sabe porque eles não se interesa por mendingos que com fome não da ibope a tv de uma repetição de pogramas em todo o mes sobre varios horarios sempre repitindo a mesma materias e o público não se enchergar para ver as diferensea a informações continuas e sem despesa de produção para a tv isto é incopetencia ou falta de verbas para se auto produzir com novas materias para ser realmente pioneira no mercado da informação.com o ibop de novas materias .A TV mete o pau nos politicos e se esquece que o seu púbrico fica com o controle mudando de canal a pós canal e sempre ve as mesmas coisas isto é fazer do púplico o ibop do aposentado.Eu quero programas que seja diferenciado de uma tv para outra sem repetir materias vamos investir nas buscas das novas infomações mesmo que busque atraves da internete mas tem que ter apetidão de busca no mundo ai é a minha xugestão a todas tv do brasil em sinal aberto,se não so sky.
julho 29th, 2010 at 19:52
Ola tudo bem?
cara no tutorial nao explica detalhadamento como mudar a marca voce poderia me explicar? grato
julho 30th, 2010 at 16:39
domingo espetacular ^^
Ola tudo bem? ae faiz uma video aula manow se for por video aula nao da erro nenhum to falando serio att
julho 31st, 2010 at 18:09
[...] Tutorial Realidade Aumentada no Flash [...]
agosto 3rd, 2010 at 12:28
Pessoal, no momento estou sem tempo algum de publicar novos tutoriais. Google!
agosto 6th, 2010 at 3:36
alguem que tenha feito com flex poderia me mandar um exemplo funcionando, pq não estou conseguindo fazer aki.