Desenvolvendo Aplicações de Realidade Aumentada para Web
Workshop de Realidade Virtual e Aumentada
WRVA’2010Mini-curso:
Cláudio Kirner
Alexandre Cardoso
Edgard Lamounier
Fábio Henrique
Pedro Cacique10/11/2010 – São Paulo - SP
Ambiente de
Desenvolvi-mento
Roteiro
IntroduçãoRealidade
VirtualRealidade
Aumentada
Modelos Collada e
MD2
WRVA’2010 – São Paulo /SP
• Versão em AS3 do ARToolkit;
• Reconhece o marcador na imagem de entrada;
• Calcula a orientação e a posição do mundo 3D baseado na posição do marcador;
FLARToolKit
baseado na posição do marcador;
• Não desenha o mundo 3D;
• Mas é compativel com a maioria das engines 3D para flash (Papervision3D, Away3D, Sandy, Alternativa3D).
WRVA’2010 – São Paulo /SP
• Engine para desenvolvimento de ambientes 3D;
• Surgiu em 2005;
• Grande comunidade de desenvolvedores;
• Ótimo desempenho.
Papervision3D
• Ótimo desempenho.
WRVA’2010 – São Paulo /SP
ActionScript 1.0 (2000 - 2003):
� Incremento das actions do Flash 4;
� Influenciado pelo JavaScript e ECMA-262 (4ª ed.).
ActionScript 2.0 (2003 - 2006):
ActionScript - Evolução
ActionScript 2.0 (2003 - 2006):
� Verificação de tipos, classes, herança, polimorfismo;
� Segue o padrão ECMAScript (4ª ed.);
� Ainda faz uso de invocações de técnicas e métodos legados (POO).
this.createEmptyMovieClip() new MovieClip()ao invés de
onPressonRelease
addEventListenerao invés de
WRVA’2010 – São Paulo /SP
ActionScript 3.0 (2006 - hoje):
� A linguagem é reestruturada;
� Nova máquina virtual (AVM2);
� Flash Player 9 e ambiente de execução Flex 2.0;
� Suporte a packages, namespaces e expressões regulares;
ActionScript - Evolução
� Suporte a packages, namespaces e expressões regulares;
� Sistema de manipulação de eventos unificado;
� Parecida com Java e C++;
� Melhor performance em relação às versões anteriores.
WRVA’2010 – São Paulo /SP
Máquina virtual usada para executar arquivos SWF;
Suporta a linguagem ActionScript (AVM);
No inicio:
Flash Player
– Desenvolvido para exibir animações bi-dimensionais;
Hoje:
– RIA;
– Aplicações 3D � RV e RA.
WRVA’2010 – São Paulo /SP
Disponível como plugin para diversos navegadores:
– Firefox, Konqueror, Opera, Safari e Internet Explorer.
Cada versão possui compatibilidade reversa;
Flash Player - Compatibilidade
É bastante difundido:
– 99% dos browsers dos
países desenvolvidos;
– 97% dos browsers dos
países em desenv.
Fonte: http://www.adobe.com/products/player_census/flashplayer/WRVA’2010 – São Paulo /SP
Flash Player - Aplicações 3D
Lançamento do Flash Player 9 (Junho de 2006):
� Suporte ao AS3;
� Sem APIs para simulação do eixo Z;
� Surgem as bibliotecas para renderização de
objetos 3D (Ex.: Papervision3DTM).
Lançamento do Flash Player 10 (2008):
� Efeitos 3D nativos;
� Melhoramentos na performance;
� (2009) Plugin para SO Linux x64;
� Mas... as bibliotecas para renderização de
objetos 3D ainda são preferidas.
WRVA’2010 – São Paulo /SP
AplicaçõesCampanha GE – Plug in to the Smart Grid
http://ge.ecomagination.com/smartgrid/#/augmented_reality
WRVA’2010 – São Paulo /SP
Hardware:
� Webcam.
Software:
Pré-requisitos
Software:
� SO: Windows XP ou superior;
� Java 1.6+;
� Microsoft.NET 2.0 Runtime;
� Flash Player 9+ Debugger.
WRVA’2010 – São Paulo /SP
�Flex SDK 3.0+;
�FlashDevelop 3.0.4+;
�PapervisionTM e FLARToolkit;
Outros programas e bibliotecas
WRVA’2010 – São Paulo /SP
Disponível em:� http://opensource.adobe.com/wiki/display/flexsdk/
Flex SDK 3.0Configurando o Ambiente
Instalação:� Copiar a pasta Flex3 para C:\Flex3.
WRVA’2010 – São Paulo /SP
FlashDevelop 3.0.4+Configurando o Ambiente
Disponível em:
� http://www.flashdevelop.org/
Instalação:
� Execute o instalador com as opções padrão.
WRVA’2010 – São Paulo /SP
Disponível via svn em:
� http://papervision3d.googlecode.com/svn/trunk/
� http://www.libspark.org/svn/as3/FLARToolKit/
Papervision3D e FLARToolkitConfigurando o Ambiente
� http://www.libspark.org/svn/as3/FLARToolKit/
Instalação:
� Copiar a pasta AS3Libs para c:\
WRVA’2010 – São Paulo /SP
Acesse o menu “Tools”:� Program Setings/AS3Context:
�Flex SDK Location: C:\Flex3;
� Program Setings/FlashViewer:
Configurando o FlashDevelop
Configurando o Ambiente
� Program Setings/FlashViewer:�External Player Path:
C:\Flex3\runtimes\player\10\win\FlashPlayer.exe;
� Global Classpaths (AS3 Context):�Add Classpath:
�C:\AS3Libs\PV3D
�C:\AS3Libs\Flartoolkit
WRVA’2010 – São Paulo /SP
�Entender as classes base para uma aplicação de Realidade Aumentada;
�Criar um marcador;
�Criar a primeira aplicação utilizando formas
Objetivos
�Criar a primeira aplicação utilizando formas básicas.
WRVA’2010 – São Paulo /SP
Link para o projeto base:
HTTP://WWW.GRVA.ELETRICA.UFU.BR/WRVA2010/
• Leitura dos arquivos dos marcadores e câmera;
• Configuração do Flartoolkit;
• Configuração da Webcam.
Classe PV3D_Multiple_ARApp
WRVA’2010 – São Paulo /SP
� Acesse:
http://flash.tarotaro.org/blog/2009/07/12/mgo2/
Criando um Marcador
WRVA’2010 – São Paulo /SP
FlexSDK
AS3
Modelos
UTILIZANDO MODELOS 3D EXTERNOS
Quarta Parte
Modelos 3D
WRVA’2010 – São Paulo /SP
Obrigado!Contatos: Contatos:
[email protected] [email protected] [email protected] [email protected] [email protected]
WRVA’2010 – São Paulo /SP
Adobe (2009), Flash Player Penetration, Disponível em: <http://www.adobe.com/products/player-census/\flashplayer/>. Acesso em: 13 de agosto. 2009.
Greene, J. (2007), The Road to Actionscript 3, Web site article, Disponível em: <http://www.digital-web.com/articles/the-road-to-actionscript-3/>. Acesso em: 21 de agosto. 2009.
Referências
de agosto. 2009.
Moock, C. (2007), Essential ActionScript 3.0, O'Reilly.
Tondeur, P. & Winder, J. (2009), Papervision3D Essentials, Packt Publications.
WRVA’2010 – São Paulo /SP