Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
2.6k
0

Getting Started with WebVR

Deck for the talk at Philly Google Developers conference

Avatar for Arpit Mathur

Arpit Mathur

December 01, 2017

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
79
The Humane Machine: Building AI systems with Emotional Intelligence
Avatar for Arpit Mathur arpit
0
2.7k
Building Ethereum powered DApps
Avatar for Arpit Mathur arpit
0
76
Firebase For Mobile Developers
Avatar for Arpit Mathur arpit
1
70
Towards a Decentralized Web
Avatar for Arpit Mathur arpit
0
84
The State of Blockchain Technology
Avatar for Arpit Mathur arpit
0
4.4k
Coding Different
Avatar for Arpit Mathur arpit
0
2k
Going (React) Native
Avatar for Arpit Mathur arpit
0
4.2k
SXSW 2017
Avatar for Arpit Mathur arpit
0
79

Featured

See All Featured
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2.2k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
23k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
1.1k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
41k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
1
400
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
520
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
1k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
380
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
7.1k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
630

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