Workshop de Realidade Virtual e Aumentada

WRVA’2010
Mini-curso:

Desenvolvendo Aplicações de
Realidade Aumentada para Web

Cláudio Kirner
Alexandre Cardoso
Edgard Lamounier
Fábio Henrique
Pedro Cacique
10/11/2010 – São Paulo - SP
 Roteiro
Ambiente
Modelos
Realidade
de
Introdução
Collada e
Aumentada
Virtual
Desenvolvi-
MD2
mento

WRVA’2010 – São Paulo /SP

 RA/RV

Flash
Primeira parte:
Aplicações
INTRODUÇÃO

WRVA’2010 – São Paulo /SP

 Realidade Virtual

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

WRVA’2010 – São Paulo /SP

 Realidade Aumentada

Fonte: saqoosha.net

WRVA’2010 – São Paulo /SP

 FLARToolKit
• 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;
• 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

 Papervision3D
• Engine para desenvolvimento de ambientes 3D;
• Surgiu em 2005;
• Grande comunidade de desenvolvedores;
• Ótimo desempenho.

WRVA’2010 – São Paulo /SP

 ActionScript - Evolução
ActionScript 1.0 (2000 - 2003):

Incremento das actions do Flash 4;

Influenciado pelo JavaScript e ECMA-262 (4ª ed.).

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() ao invés de new MovieClip()

onPress
ao invés de addEventListener
onRelease

WRVA’2010 – São Paulo /SP

 ActionScript - Evolução
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;

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

 Flash Player
Máquina virtual usada para executar arquivos SWF;

Suporta a linguagem ActionScript (AVM);

No inicio:
– Desenvolvido para exibir animações bi-dimensionais;

Hoje:
– RIA;
– Aplicações 3D  RV e RA.

WRVA’2010 – São Paulo /SP

 Flash Player - Compatibilidade
Disponível como plugin para diversos navegadores:
– Firefox, Konqueror, Opera, Safari e Internet Explorer.

Cada versão possui compatibilidade reversa;

É bastante difundido:
– 99% dos browsers dos
países desenvolvidos;
– 97% dos browsers dos
países em desenv.

WRVA’2010 – São Paulo /SP Fonte: http://www.adobe.com/products/player_census/flashplayer/

 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ções
Campanha VectraGT Remix

http://www.gtremix.com.br/
WRVA’2010 – São Paulo /SP
 Aplicações
Campanha GE – Plug in to the Smart Grid

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

WRVA’2010 – São Paulo /SP

 Flex
SDK

AS3
Libs
RV e
RA
Segunda parte:

AMBIENTE DE DESENVOLVIMENTO

WRVA’2010 – São Paulo /SP

 Pré-requisitos
Hardware:

Webcam.

Software:

SO: Windows XP ou superior;

Java 1.6+;

Microsoft.NET 2.0 Runtime;

Flash Player 9+ Debugger.

WRVA’2010 – São Paulo /SP

 Outros programas e bibliotecas

Flex SDK 3.0+;

FlashDevelop 3.0.4+;

PapervisionTM e FLARToolkit;

WRVA’2010 – São Paulo /SP

 Configurando o Ambiente
Flex SDK 3.0

Disponível em:

http://opensource.adobe.com/wiki/display/flexsdk/

Instalação:

Copiar a pasta Flex3 para C:\Flex3.

WRVA’2010 – São Paulo /SP

 Configurando o Ambiente
FlashDevelop 3.0.4+

Disponível em:

http://www.flashdevelop.org/

Instalação:

Execute o instalador com as opções padrão.

WRVA’2010 – São Paulo /SP

 Configurando o Ambiente
Papervision3D e FLARToolkit

Disponível via svn em:

http://papervision3d.googlecode.com/svn/trunk/

http://www.libspark.org/svn/as3/FLARToolKit/

Instalação:

Copiar a pasta AS3Libs para c:\

WRVA’2010 – São Paulo /SP

 Configurando o Ambiente
Configurando o FlashDevelop
Acesse o menu “Tools”:
 Program Setings/AS3Context:

Flex SDK Location: C:\Flex3;
 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

 Flex
SDK

AS3
Terceira Parte
FLAR
REALIDADE AUMENTADA

WRVA’2010 – São Paulo /SP

 Objetivos

Entender as classes base para uma aplicação de
Realidade Aumentada;

Criar um marcador;

Criar a primeira aplicação utilizando formas
básicas.
Link para o projeto base:

HTTP://WWW.GRVA.ELETRICA.UFU.BR/WRVA2010/

WRVA’2010 – São Paulo /SP

 Classe PV3D_Multiple_ARApp
• Leitura dos arquivos dos marcadores e câmera;
• Configuração do Flartoolkit;
• Configuração da Webcam.

WRVA’2010 – São Paulo /SP

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

WRVA’2010 – São Paulo /SP

 Criando um Marcador

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

WRVA’2010 – São Paulo /SP

 Flex
SDK

AS3

Modelos
3D
Quarta Parte

UTILIZANDO MODELOS 3D EXTERNOS

WRVA’2010 – São Paulo /SP

 Objetivo

Carregar modelos Collada(DAE);

Executar animações.

WRVA’2010 – São Paulo /SP

 Obrigado!
Contatos:
ckirner@gmail.com
alexandre@ufu.br
lamounier@ufu.br
ufu.oliveira@gmail.com
phcacique@gmail.com

WRVA’2010 – São Paulo /SP

 Referências
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.

Moock, C. (2007), Essential ActionScript 3.0, O'Reilly.

Tondeur, P. & Winder, J. (2009), Papervision3D Essentials, Packt Publications.

WRVA’2010 – São Paulo /SP