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

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
40
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
55
Firebase For Mobile Developers
Avatar for Arpit Mathur arpit
1
43
Towards a Decentralized Web
Avatar for Arpit Mathur arpit
0
59
The State of Blockchain Technology
Avatar for Arpit Mathur arpit
0
4k
Coding Different
Avatar for Arpit Mathur arpit
0
1.8k
Going (React) Native
Avatar for Arpit Mathur arpit
0
3.8k
SXSW 2017
Avatar for Arpit Mathur arpit
0
59

Featured

See All Featured
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
35
6.8k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
72
4.9k
It's Worth the Effort
Avatar for 3n 3n
185
28k

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