Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Getting Started with WebVR

Avatar for Arpit Mathur Arpit Mathur
December 01, 2017
0
2.4k

Getting Started with WebVR

Deck for the talk at Philly Google Developers conference

Avatar for Arpit Mathur

Arpit Mathur

December 01, 2017
Tweet

More Decks by Arpit Mathur

See All by Arpit Mathur
Living at the Intersection of Blockchains and Machine Learning
Avatar for Arpit Mathur arpit
0
53
The Humane Machine: Building AI systems with Emotional Intelligence
Avatar for Arpit Mathur arpit
0
2.6k
Building Ethereum powered DApps
Avatar for Arpit Mathur arpit
0
61
Firebase For Mobile Developers
Avatar for Arpit Mathur arpit
1
56
Towards a Decentralized Web
Avatar for Arpit Mathur arpit
0
68
The State of Blockchain Technology
Avatar for Arpit Mathur arpit
0
4.2k
Coding Different
Avatar for Arpit Mathur arpit
0
1.8k
Going (React) Native
Avatar for Arpit Mathur arpit
0
3.9k
SXSW 2017
Avatar for Arpit Mathur arpit
0
64

Featured

See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.2k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
130
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
2
3.8k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
1
37
Done Done
Avatar for chrislema chrislema
186
16k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
320
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
830
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
6.8k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
65
35k
KATA
Avatar for Megan Lloyd mclloyd
PRO
33
15k

Transcript

  1. Getting Started with WebVR Arpit Mathur

  2. VR Hardware: 6 DoF vs 3 DoF

  3. Design Challenges • Keep framerate high • Comfortable motion DESIGN

    A UNIVERSE

  4. Native vs. WebVR

  5. Current Support

  6. WebVR Apis

  7. Building WebVR Experiences ... JavaScript + HTML WebGL

  8. … Easily WebGL WebVR APIs ThreeJS AFrame

  9. WebGL

  10. ThreeJS https://threejs.org/

  11. AFrame APIs https://aframe.io

  12. Key concepts • Vertices • Mesh (Geometry) • Textures •

    Shaders • Materials • Lights • Models
  13. None

  14. Hello World

  15. None

  16. Select with Laser Controls

  17. Code

  18. Adding models https://poly.google.com/view/cw4xlvbKzWF • Obj • GLTF 2

  19. None

  20. Creating custom components https://github.com/ngokevin/aframe-component-bo ilerplate/blob/master/index.js

  21. Other useful libraries • Teleport controls • Aframe Extras ◦

    Look-at ◦ Superhands • MR-social

  22. Links • AFrame.io • Glitch.com ◦ https://glitch.com/aframe • poly.google.com •

    vr.google.com • https://speakerdeck.com/arpit/bringing-cable-tv-to-virtual-reality