Desenvolvendo Aplicações de Realidade Aumentada para Web 2010-P1.pdf · Ainda faz uso de...

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

RA/RV

INTRODUÇÃO

Primeira parte:

Flash

Aplicações


Realidade Virtual

Fonte: http://www.alexandre.eletrica.ufu.br/


Realidade Aumentada

Fonte: saqoosha.net


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


• Engine para desenvolvimento de ambientes 3D;

• Surgiu em 2005;

• Grande comunidade de desenvolvedores;

• Ótimo desempenho.

Papervision3D

• Ótimo desempenho.


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


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.


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.


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.


AplicaçõesCampanha VectraGT Remix

http://www.gtremix.com.br/


AplicaçõesCampanha GE – Plug in to the Smart Grid

http://ge.ecomagination.com/smartgrid/#/augmented_reality


FlexSDK

AS3 Libs

AMBIENTE DE DESENVOLVIMENTO

Segunda parte:

RV e RA


Hardware:

� Webcam.

Software:

Pré-requisitos

Software:

� SO: Windows XP ou superior;

� Java 1.6+;

� Microsoft.NET 2.0 Runtime;

� Flash Player 9+ Debugger.


�Flex SDK 3.0+;

�FlashDevelop 3.0.4+;

�PapervisionTM e FLARToolkit;

Outros programas e bibliotecas


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.


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.


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:\


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


FlexSDK

REALIDADE AUMENTADA

Terceira Parte

AS3

FLAR


�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.


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


• Criação do ambiente de RA para o PV3D.

Classe MultipleARApp


� Acesse:

http://flash.tarotaro.org/blog/2009/07/12/mgo2/

Criando um Marcador


FlexSDK

AS3

Modelos

UTILIZANDO MODELOS 3D EXTERNOS

Quarta Parte

Modelos 3D


�Carregar modelos Collada(DAE);

�Executar animações.

Objetivo


Obrigado!Contatos: Contatos:

[email protected] [email protected] [email protected] [email protected] [email protected]


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.


Desenvolvendo Aplicações de Realidade Aumentada para Web 2010-P1.pdf · Ainda faz uso de...

Documents

Transcript of Desenvolvendo Aplicações de Realidade Aumentada para Web 2010-P1.pdf · Ainda faz uso de...