Realidade Virtual Realidade aumentada na Web Anderson Fernandes
Realidade Virtual: Realidade aumentada na Web Anderson Fernandes (Burnes) Mestre em Informática (UTFPR) – Desenvolvedor Web desde 1999 Professor de Graduação (2002) e Pós na Área de Web (2007) Globalcode – Open 4 education
Agenda Realidade Aumentada Objetivo Aplicações Ferramentas Frameworks Bibliotecas Exemplo prático Globalcode – Open 4 education
Realidade Aumentada Projeto de Mestrado Suda. RA – C++ Game – Quiz Sensibilizar jovens e adolescentes quanto ao uso de drogas HTML + JS + Bootstrap + j. Query + My. SQL + PHP Globalcode – Open 4 education
Realidade Aumentada Globalcode – Open 4 education
Realidade Aumentada Integra objetos virtuais em ambientes reais Globalcode – Open 4 education
Realidade Aumentada Integra objetos virtuais em ambientes reais Globalcode – Open 4 education
Realidade Aumentada Com a ajuda ou sem de marcadores Globalcode – Open 4 education
Realidade Aumentada Em tempo real Pode ser interativo 3 dimensões Globalcode – Open 4 education
Realidade Aumentada Em tempo real Pode ser interativo 3 dimensões Globalcode – Open 4 education
Realidade Aumentada Em tempo real Pode ser interativo 3 dimensões Globalcode – Open 4 education
Realidade Aumentada Globalcode – Open 4 education
Realidade Aumentada https: //www. youtube. com/watch? v=yym 4 DGf. ZDt 8 Globalcode – Open 4 education
Realidade Aumentada Globalcode – Open 4 education
Realidade Aumentada Globalcode – Open 4 education
Realidade Aumentada na Web Projeção mapeada Globalcode – Open 4 education
Realidade Aumentada na Web https: //goo. gl/2 Kq. Nf 3 Globalcode – Open 4 education
Realidade Aumentada na Web Globalcode – Open 4 education
JSARTool. Kit Port do FLARTool. Kit Globalcode – Open 4 education
JSARTool. Kit Port do FLARTool. Kit Port do Ny. ARTool. Kit Globalcode – Open 4 education
JSARTool. Kit Port do FLARTool. Kit Port do Ny. ARTool. Kit Port do ARTool. Kit Globalcode – Open 4 education
JSARTool. Kit Port do FLARTool. Kit Port do Ny. ARTool. Kit Port do ARTool. Kit Globalcode – Open 4 education
ARTool. Kit Biblioteca Open source Detecta os marcadores Possibilita detecção, ajustes e orientação para adicionar objetos virtuais Manipular os objetos Globalcode – Open 4 education
JSARTool. Kit Editor de HTML Conhecimento em HTML e Javascript Navegador Web. RTC (Real Time Communications) com suporte para som e vídeo Web. GL Webcam Globalcode – Open 4 education
Web. GL Web Graphic Library Baseado no Open. GL > HTML 5 Escrito em Javascript 2 D ou 3 D Permite a utilização de gráficos no fundo ou em outra parte de uma página web Processado na GPU Globalcode – Open 4 education
Magi Biblioteca para gerar gráficos 3 D Baseado no Web. GL Globalcode – Open 4 education
three. js Biblioteca javascript para gerar elementos 3 D de maneira fácil e leve Cria uma cena dentro de um objeto HTML Adicionar elementos JSON Globalcode – Open 4 education
three. js Geometria utilizando JSON: https: //threejs. org/examples/webgl_geometr y_colors_json. html Oat The Goat: http: //oatthegoat. co. nz/ Globalcode – Open 4 education
JSARTool. Kit Vantagens: Maioria dos programadores Web conhecem Javascript Utilização de outras APIs do HTML 5 Possibilidade de troca de dados com outras linguagens de programação Pode ser utilizar outras bibliotecas ou frameworks Javascript Globalcode – Open 4 education
JSARTool. Kit Vantagens: Imagens Utilização de Objetos 3 D three. js magi Interagir com outros objetos HTML Globalcode – Open 4 education
JSARTool. Kit Desvantagens: Permissão de uso Webcam Se utilizar a internet demora para carregamento Objetos 3 D Blender -> JSON Globalcode – Open 4 education
JSARTool. Kit Utiliza marcadores fiduciais Globalcode – Open 4 education
JSARTool. Kit Globalcode – Open 4 education
JSARTool. Kit Globalcode – Open 4 education
JSARTool. Kit Globalcode – Open 4 education
ARCore Google Samsung LG Pixel Asus Huawei Globalcode – Open 4 education
ARCore Google Samsung LG Pixel Asus Huawei Globalcode – Open 4 education
Apple ARKIT Globalcode – Open 4 education
Links AR. js: https: //github. com/jeromeetienne/AR. js ARKit 2 (Apple): https: //developer. apple. com/arkit/ https: //www. apple. com/br/ios/augmented-reality/ ARTool. Kit. JS: https: //github. com/artoolkit/jsartoolkit 5 Globalcode – Open 4 education
Links JSARTool. Kit: https: //github. com/kig/JSARTool. Kit Ny. ARToolkit: http: //nyatla. jp/nyartoolkit/wp/ FLARTool. Kit: http: //www. libspark. org/wiki/saqoosha/FLARTool Kit/en ARTool. Kit: http: //www. hitl. washington. edu/artoolkit/ Globalcode – Open 4 education
Links three. js: https: //threejs. org/ Tutorial: https: //www. html 5 rocks. com/pt/tutorials/webgl/js artoolkit_webrtc/ Magi: https: //github. com/kig/magi Globalcode – Open 4 education
www. professorburnes. com burnes@professorburnes. com facebook. com/oburnes
- Slides: 41