A presente apresentação visa informar o espectador sobre o que é realidade virtual, seus principais componentes e técnicas. Também, é apresentado através deste, como funciona a realidade virtual no navegador, do lado do usuário. [APRESENTAÇÃO ORIGINAL: < https://docs.google.com/presentation/d/e/2PACX-1vQGjnHJyeCh49un5OPIg7A51sk9lF3wpxm9hbzBatmzyNISifWUUnEpFGJAYHSVn8qie8Mwn94e4tI8/pub?start=false&loop=false&delayms=3000 >] Autores da apresentação: Bruna Ermel, Lucas Nogueira, Lucas Oliveira, Raul Medeiros.

1. VIRTUAL
REALITY
Somos infinitas possibilidades

2. Lucas Nogueira
Bruna Ermel
Raul Medeiros
Lucas Oliveira

3. “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

4. O que é VR
Áreas de
atuação
Hardware
Web
WebGL
WebVR

5. O que é Realidade Virtual
EFEITOS VISUAIS
EFEITOS SONOROS
EFEITOS
TÁTEIS
source

6. sourcesource

7. source
source
source

8. sourcesource

9. source

11. 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º.

12. Pontos infravermelhos para o
rastreamento.
source

13. Dois displays Galaxy Note 3
montados diretamente nas
lentes.
source

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

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

16. Lente Fresnel - produz o
mesmo grande ângulo de
visão e curta distância focal,
mas com uma fração do
material
source

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

18. source

19. Oculus
Touch
Oculus
Touch

20. 22 IR LED

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

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

23. HTML5

27. Viewport
Posicionamento

30. WebVR
source

31. especificação aberta
sem distinção de hardware

34. source

36. source
source
source

37. 2D mode lets users surf the classic 2D web
@joshcarpenter, Google
Oct 19 2016, W3C WebVR
Workshop

39. 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?

40. VR Browser for GearVR – VR-first browser
Laszlo Gombos, Web
Platform, Samsung
@laszlogombos

41. Integration with mobile browser
Continuous experience when switching to and from Samsung Internet for
Android, and synchronized Video History.

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

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

44. Demo - CAD from Autodesk
Virtual walk through in a office
From Michael Beale, Autodesk
(using A-Frame)

45. Demo - Quake
Load Quake and enter VR mode
demonstrates locomotion with
physical keyboard input
http://media.tojicode.com/q3bsp/
from Brandon Jones, Google

46. 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/>

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

48. 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/>

49. 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/>