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

Getting Started with WebVR

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
56
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
62
Towards a Decentralized Web
Avatar for Arpit Mathur arpit
0
71
The State of Blockchain Technology
Avatar for Arpit Mathur arpit
0
4.2k
Coding Different
Avatar for Arpit Mathur arpit
0
1.9k
Going (React) Native
Avatar for Arpit Mathur arpit
0
4k
SXSW 2017
Avatar for Arpit Mathur arpit
0
64

Featured

See All Featured
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
2.7k
HDC tutorial
Avatar for Michiel Stock michielstock
1
360
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k
KATA
Avatar for Megan Lloyd mclloyd
PRO
34
15k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
46
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
300
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
0
53

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