jul/09 20

tutorialw_topo

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:

tutorialw_autor

Pablo Cabana

Tags: , , , , , ,

137 Respostas para “Tutorial Cabanudo sobre Realidade Aumentada na Revista W”

  1. Homenagem a Michael Jackson com Realidade Aumentada | Cabanoblog Diz:

    [...] 4 – Quer fazer um igual? Clique aqui e veja como. [...]

  2. Papervision3D + Augmented Reality: Ligue sua webcam e curta a realidade aumentada pelo FLARToolKit 2.0 | Cabanoblog Diz:

    [...] Update: Um novo tutorial sobre realidade aumentada foi publicado. Clique e veja. [...]

  3. Philippe Diz:

    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!!

  4. Pablo Cabana Diz:

    Philippe, provavelmente é porque você não tem uma webcam! ;)

  5. Philippe Diz:

    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!

  6. Pablo Cabana Diz:

    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.

  7. Notax Diz:

    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

  8. Pablo Cabana Diz:

    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.

  9. Notax Diz:

    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!

  10. Pablo Cabana Diz:

    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.

  11. Leandro Diz:

    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

  12. Tárin Aurora Diz:

    Adorei a matéria…quero ver a revista! A foto ficou lindaaaaa! rsrs ;)

  13. MarceloNS Diz:

    Olá Pablo… parabéns pelo artigo, muito interessante mesmo…

    Eu posso adapatar esse artigo no flash CS4 ou somente no CS3?

    Abrass

  14. Pablo Cabana Diz:

    Pode sim Marcelo, ainda não testei, mas acho que você não precisará mudar nada.

  15. Jonathan Diz:

    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.

  16. MarceloNS Diz:

    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

  17. Pablo Cabana Diz:

    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.

  18. Fábio Alves Diz:

    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.

  19. Pablo Cabana Diz:

    Fábio, quais são as mensagens de erro?

  20. Fábio Alves Diz:

    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

  21. Pablo Cabana Diz:

    Fábio, você está tentando publicar com exatamente a mesma estrutura de pastas que você baixou nos arquivos fonte?

  22. Fábio Alves Diz:

    Pablo, é, eu estava errando nisso.. putz, que burro.. haha.. obrigado cara, mesmo.

  23. Anderson Borges Diz:

    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

  24. Pablo Cabana Diz:

    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…

  25. Guilherme Diz:

    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.

  26. Pablo Cabana Diz:

    Guilherme, é possível sim. O formato de exportação mais interessante é o utilizado neste tutorial. O Collada, com a terminação .DAE.

  27. Guilherme Diz:

    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.

  28. Aline Diz:

    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!

  29. Pablo Cabana Diz:

    É exatamente isso o que a Aline disse Guilherme.

    Aline, provavelmente é um problema no caminho das texturas (Materials) do seu DAE.

  30. Guilherme Diz:

    caramba…que bacana… o pessoal por aqui ajuda mesmo hein.. =)))
    Pablo muito obrigado pela ajuda…
    Aline obrigadao.. deu certo =)))

    uhullllll

  31. Guilherme Diz:

    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

  32. Pablo Cabana Diz:

    Guilherme, nem todas as funcionalidades 3D são suportadas pelo Collada.
    Além disso, muitas vezes as texturas precisam ser refeitas no Papervision 3D.

  33. Aline Diz:

    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

  34. Pablo Cabana Diz:

    Aline, procure bem e achará!

  35. Notax Diz:

    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?

  36. Pablo Cabana Diz:

    Oi Notax,

    Procure por VideoMaterial e VideoStreamMaterial.

  37. Felipe Miranda Diz:

    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!

  38. Martins Diz:

    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.

  39. Pablo Cabana Diz:

    Felipe, dá uma olhada na documentação do Papervision3D.

    Martins, sim, isso é totalmente possível, mas tem que saber programar o Papervision3D.

  40. Martins Diz:

    Pablo existe algum maetrial que possa me ajudar (de preferencia em PT-BR)?
    Obrigado.

  41. Felipe Miranda Diz:

    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!

  42. Pablo Cabana Diz:

    Martins, você não viu meu tutorial?????????

    Felipe, você pode me contratar!! ;) Entre em contato em pvt pelo site da Cabana.

  43. Martins Diz:

    VisualPV3D

    http://www.allanbrito.com/2009/05/15/vizualpv3d-interface-visual-para-criar-flash-3d-com-papervision/

  44. Cassiano Diz:

    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!

  45. Pablo Cabana Diz:

    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.

  46. Cassiano Diz:

    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…

  47. Pablo Cabana Diz:

    Cassiano, mas é exatamente isso que deve acontecer!!! :)

    Esta mensagem de erro é normal. Não significa nenhum problema.

  48. Cassiano Diz:

    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!

  49. Pablo Cabana Diz:

    Poxa Cassiano, deixa de ser preguiçoso e lê o tutorial com calma.

  50. Daniel Diz:

    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!

  51. Pablo Cabana Diz:

    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.

  52. DANIEL Diz:

    pablo!!!!! desculpa mesmo!! foi erro de digitacao! eu sabia que era pablo!!! brigadaaaaao pelo link!!! e desculpa!!
    abrazzz

  53. DANIEL Diz:

    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?

  54. Pablo Cabana Diz:

    Claro que pode! Basta dar uma estudadinha no Papervision3D!

  55. rafa Diz:

    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

  56. Pablo Cabana Diz:

    rafa, não faço idéia! também fiquei curioso em saber o que está acontecendo.

  57. rafa Diz:

    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 ;)

  58. Juanicco Diz:

    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

  59. Pablo Cabana Diz:

    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.

  60. Juanicco Diz:

    putz cara valeu mesmo eu testei todas as camera e encontrei a certa valeu brigadao!!!!

  61. Juanicco Diz:

    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!!!!

  62. Pablo Cabana Diz:

    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ê. :)

  63. Juanicco Diz:

    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!

  64. Marcelo Cosme Diz:

    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…

  65. dimitrios k Diz:

    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

  66. Pablo Cabana Diz:

    Dimitrios,

    Take a look at the comments in the AS code.

  67. Jeferson Diz:

    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?

  68. Pablo Cabana Diz:

    Jeferson, a resposta é sim. Mas isso seria simplificar MUITO as coisas.

  69. Jeferson Diz:

    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

  70. Pablo Cabana Diz:

    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ê! ;)

  71. Jeferson Diz:

    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?

  72. Pablo Cabana Diz:

    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.

  73. Jeferson Diz:

    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???

  74. Pablo Cabana Diz:

    O processo de exportação para DAE é a maior dificuldade da RA. E a única forma de entender isso é tentativa e erro.

  75. Érico Netto Diz:

    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

  76. Pablo Cabana Diz:

    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.

  77. Jeferson Diz:

    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

  78. Pablo Cabana Diz:

    Estou me referindo a problemas. Você não estava tendo problemas?

  79. Fábio Alves Diz:

    Pablo é um santo.. haha

  80. Jeferson Diz:

    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%…..

  81. Pablo Cabana Diz:

    Fábio, que bom que alguém me entende… ;)

    Jeferson, releia meus comentários e tente ligar A com B.

  82. Jeferson Diz:

    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??

  83. Pablo Cabana Diz:

    Entendi. Provavelmente seu computador não suporta aplicativos com essa robustez. Troque sua máquina.

  84. Jeferson Diz:

    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

  85. Pablo Cabana Diz:

    Cara, então não faço idéia.

  86. Cabana está entre as mais relevantes quando se procura por publicidade em Niterói | Cabanoblog Diz:

    [...] 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 [...]

  87. MarceloNS Diz:

    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

  88. Pablo Cabana Diz:

    Marcelo, Flartoolkit só funciona em AS3.
    Qual mensagem de erro é exibida?

  89. MarceloNS Diz:

    Esse exemplo que está para download, roda no flash cs4?

  90. MarceloNS Diz:

    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?

  91. Pablo Cabana Diz:

    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

  92. MarceloNS Diz:

    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?

  93. Pablo Cabana Diz:

    Totalmente possível Marcelo. Tem que estudar um pouquinho de Papervision3D.

  94. mauro Diz:

    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?

  95. Pablo Cabana Diz:

    Mas mauro, isso é exatamente o que o aplicativo deve fazer!

  96. Mauro Diz:

    Uaehaehae… viajei, mas vou dar uma fuçada aqui. Valeu!

  97. Mauro Diz:

    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?

  98. Pablo Cabana Diz:

    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.

  99. Gabriel Diz:

    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

  100. Realidade aumentada. « TI DEVELOPER Diz:

    [...] Neste link o Pablo Cabana mostra como usar modelos 3D animados com o Flartoolkit para fazer a realidade aumentada. (aqui)    [...]

  101. Pablo Cabana Diz:

    Gabriel, não entendi a sua dúvida.

  102. Renan Diz:

    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!?

  103. Pablo Cabana Diz:

    Tem sim Renan. As possibilidades são inúmeras. Dá uma googlada que você acha.

  104. Gabriel Diz:

    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???

  105. Pablo Cabana Diz:

    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.

  106. Renan Diz:

    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?

  107. Pablo Cabana Diz:

    Renan, tem que estudar um pouquinho de AS3.

  108. Jefferson Diz:

    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

  109. Felipe Diz:

    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.

  110. Pablo Cabana Diz:

    Felipe, tem que estudar um pouco de AS3 e PPV3D…

  111. MAX Diz:

    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

  112. Pablo Cabana Diz:

    Max, a melhor soulção é mapear as texturas dentro do PPV3D.

  113. Leonardo Diz:

    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.

  114. Pablo Cabana Diz:

    Leonardo, não faço idéia do que está acontecendo.

  115. Felipe Acioli || Design and Animation Freelancer Diz:

    [...] 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. [...]

  116. DOUGLAS ANATOLY Diz:

    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!!

  117. Pablo Cabana Diz:

    Douglas, provavelmente seu servidor não suporta arquivos .dae . Mude o nome do arquivo para .txt (e mude o caminho no Flash).

  118. DOUGLAS ANATOLY Diz:

    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

  119. DOUGLAS ANATOLY Diz:

    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Á!

  120. Pablo Cabana Diz:

    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!

  121. Tyepoe Diz:

    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!

  122. Pablo Cabana Diz:

    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.

  123. Tyepoe Diz:

    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?

  124. Pablo Cabana Diz:

    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. ;)

  125. Tyepoe Diz:

    kool kool, I’ll try that. Thanks for the quick replies too! much appreciated

  126. Eduardo Diz:

    Pablo, boa tarde.

    Preciso fazer alguma configuração especial no servidor para aceitar os arquivos, .dat, .pat e .DAE?

  127. Pablo Cabana Diz:

    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.

  128. Eduardo Diz:

    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?

  129. Pablo Cabana Diz:

    Não há um tipo de servidor especial pra isso. Apenas pergunte a eles se tem como suportar esses arquivos.

  130. Lucas X. Diz:

    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!

  131. DOUGLAS ANATOLY Diz:

    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!!!

  132. O MEU nome é sebastiao das mendigas. Diz:

    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.

  133. Fred Diz:

    Ola tudo bem?
    cara no tutorial nao explica detalhadamento como mudar a marca voce poderia me explicar? grato

  134. curioso Diz:

    domingo espetacular ^^
    Ola tudo bem? ae faiz uma video aula manow se for por video aula nao da erro nenhum to falando serio att

  135. Realidade Aumentada « ALIEVI – Dicas e downloads Diz:

    [...] Tutorial Realidade Aumentada no Flash [...]

  136. Pablo Cabana Diz:

    Pessoal, no momento estou sem tempo algum de publicar novos tutoriais. Google!

  137. Alisson Diz:

    alguem que tenha feito com flex poderia me mandar um exemplo funcionando, pq não estou conseguindo fazer aki.

 Deixe um comentário.