VIRTUAL
REALITY
Somos infinitas possibilidades
Lucas Nogueira
Bruna Ermel
Raul Medeiros
Lucas Oliveira
“Abaixo da parte superficial da máquina, o
programa se movimenta. Sem esforço, ele se
expande e se contrai. Com grande harmonia,
os elétrons se espalham e se reagrupam. As
formas no monitor são como ondulações na
água. A essência permanece invisível por
baixo.”
— Master Yuan-Ma, The Book of
Programming
O que é VR
Áreas de
atuação
Hardware
Web
WebGL
WebVR
O que é Realidade Virtual
EFEITOS VISUAIS
EFEITOS SONOROS
EFEITOS
TÁTEIS
source
sourcesource
source
source
source
sourcesource
source
source
● Dois OLED displays
com uma resolução
combinada de 2160
x 1200.
● 90 Hz de taxa de
atualização.
● Acelerômetro,
giroscópio e
magnetômetro.
● Headset com
movimento de 360º
através da câmera
infravermelha
Constellation.
● Campo de visão
horizontal maior que
100º.
Pontos infravermelhos para o
rastreamento.
source
Dois displays Galaxy Note 3
montados diretamente nas
lentes.
source
source
Toshiba TC358870XBG 4K
HDMI to MIPI Dual-DSI
Converter
Cypress CYUSB3304
USB 3.0 Hub Controller
ST Microelectronics
STM32F072VB ARM Cortex-
M0 32-bit RISC Core
Microcontroller
Winbond W25Q64FVIG
64 Mb Serial Flash
Memory
Nordic Semiconductor
nRF51822 Bluetooth
Smart and 2.4GHz
proprietary SoC
CMedia CM119BN
USB Audio
Controller
Bosch Sensortec
BMI055 6-axis Inertial
Sensor
Esses OLEDs medem 90
mm cada, para uma
densidade de pixels
resultante de ~ 456 ppi. Em
contraste, a tela em um
iPhone 6s Plus chega a
401 ppi, enquanto o Galaxy
S7 é um corte acima de
576 ppi.
source
Lente Fresnel - produz o
mesmo grande ângulo de
visão e curta distância focal,
mas com uma fração do
material
source
Amplia a exibição para que não
se possa ver as bordas e focaliza
a exibição no infinito óptico. Esse
último significa que os objetos na
tela precisam aparecer longe. A
lente realinha a luz de entrada em
raios paralelos, para que não se
precise fazer nenhum trabalho
para focar, evitando o cansaço
visual.
source
O Oculus Rift possui lentes
híbridas. Essas lentes são
compostas de prismas
concêntricos de espessura
uniforme (como qualquer
outra lente de Fresnel). Mas
uma camada extra inclinada é
adicionada à parte de trás da
lente, criando uma forma que
imita uma lente curva
tradicional e permitindo que o
foco varie ao longo do eixo
vertical da lente.
source
Oculus
Touch
Oculus
Touch
22 IR LED
Molas para os
botões XY/AB
Analog Devices AD7147 single-electrode capacitance sensors controller
Nordic Semiconductor nRF51822 Bluetooth Smart and 2.4 GHz proprietary SoC
Invensense MP651 6-axis combo
gyroscope and accelerometer
Mais 2 IR LEDs
Total: 24
Contato de mola
p/ botão
Luz LED
Brilha no topo do
controle
Interruptor para o Oculus/
Botão menu
HTML5
Viewport
Posicionamento
WebVR
source
especificação aberta
sem distinção de hardware
source
source
source
source
2D mode lets users surf the classic 2D web
@joshcarpenter, Google
Oct 19 2016, W3C WebVR
Workshop
2D Interactions
One possible window movement
scheme: point reticle at the window
edge to engage a mode. The
window highlights. Press-and-hold
trackpad button and drag the
window with controller movement.
The window moves in an arc around
the user, preserving distance.
Release to disengage mode.
Move window closer/further by
scrolling while pressing trackpad?
Or map to pitch, instead of up/down
movement?
Click into empty space at any time
to move the window to that position.
Could be fixed to left/right only? Or
to XY radial grid around the user?
VR Browser for GearVR – VR-first browser
Laszlo Gombos, Web
Platform, Samsung
@laszlogombos
Integration with mobile browser
Continuous experience when switching to and from Samsung Internet for
Android, and synchronized Video History.
VR experiences
Easy Content Access Video History Text Input
• Quick Access*
• Bookmarks (synced)
• Tab Manager
• Synced
• Viewing mode is saved
• Watch video directly
without going to webpage
• Voice input
• On-screen keyboard
Skybox (JavaScript API)
• Progressive enhancement
• Set the mood/theme for your page using JavaScript API that changes the theme you assign.
https://medium.com/samsung-internet-dev/control-the-world-with-the-skybox-api-6e8ca213f171
Demo - CAD from Autodesk
Virtual walk through in a office
From Michael Beale, Autodesk
(using A-Frame)
Demo - Quake
Load Quake and enter VR mode
demonstrates locomotion with
physical keyboard input
http://media.tojicode.com/q3bsp/
from Brandon Jones, Google
Fontes
<https://www.ifixit.com/Teardown/Oculus+Rift+CV1+Teardown/60612>
<https://www.oculus.com/>
<https://webvr.info/>
<https://developers.google.com/web/fundamentals/vr/?hl=pt-br>
<https://developers.google.com/web/fundamentals/vr/getting-started-with-
webvr/?hl=pt-br>
<https://www.w3.org/2016/06/vr-workshop/>
Fontes
ROBLES-DE-LA-TORRE, Gabriel. Vincent Hayward Oliver R. Astley Manuel
Cruz-Hernandez Danny Grant and. Sensor Review, v. 24, n. 1, p. 16-29, 2004.
NODARI, Christine Tessele et al. AVALIAÇÃO DO REALISMO E DA SENSAÇÃO
DE MAL-ESTAR (SIMULATOR SICKNESS) NO USO DE SIMULADOR
IMERSIVO DE DIREÇÃO.
<https://immersive-web.github.io/webxr/#intro>
<https://playcanvas.com/>
<https://medium.com/samsung-internet-dev/eleven-examples-of-how-webvr-is-
being-used-today-cbcb214b816c>
Fontes
<https://www.visgraf.impa.br/sibgrapi97/cursos/rvirtual/disp.htm>
<https://www.reddit.com/r/engineering/comments/3rmh08/oculus_rift_2016_explod
ed_view/>
<http://lucas-lab-com-br.umbler.net/>
Fontes
PARISI, Toni. WebGL: Up an Runnign. "O'Reilly Media, Inc.", 15 de ago de 2012.
<https://www.khronos.org/webgl/>
<https://developer.oculus.com/documentation/pcsdk/1.9/concepts/dg-input-
touch/>
<https://www.html5rocks.com/en/tutorials/webgl/webgl_fundamentals/>
<https://developer.oculus.com/documentation/pcsdk/1.9/concepts/dg-input-
touch/>

Realidade Virtual e sua Utilização na Web

Notas do Editor

  • #6 É uma tecnologia de interface criada a partir de um sistema computacional; Induz efeitos visuais, sonoros e táteis, deixando o usuário imerso em um ambiente virtual;
  • #7 Entretenimento, pesquisa e informação..
  • #10 A idéia foi colocar um medidor de resistência elétrica nos extremos de uma tira pintada com tinta condutora sobre um substrato flexível. Quando este substrato é então colocado sobre o dorso da mão (dentro de uma luva de lycra) pode-se realizar a leitura dos movimentos dos dedos. Devido ao seu baixo preço(aproximadamente U$ 50,00) muitas pessoas interessaram-se em usá-la no ligado a um PC. Em 1990 a revista Byte publicou um artigo apresentando as alterações necessárias para ligá-la à porta paralela de um PC [31]. Outra adaptação foi feita em 1993 para ligá-la à porta serial através da "PGSI - Power Glove Serial Interface" [80] o que permitiu seu uso em Mac e Amiga, além de PCs. Atualmente se pode comprar uma Power Glove, já modificada para o uso em PC, através da INTERNET em endereços como [73], por aproximadamente U$100,00. Atualmente a luva "CyberGlove" da empresa Virtual Technologies [106], também usa este sistema.
  • #26 Processo: Vértices>Polígonos>Malhas>Shaders
  • #27 Aplicação Texturas Efeitos de Luz
  • #28 Câmera Viewport Posicionamento e imersão do usuário
  • #29 Movimento dos gráficos
  • #30 Interatividade