Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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
50
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
60
Firebase For Mobile Developers
Avatar for Arpit Mathur arpit
1
52
Towards a Decentralized Web
Avatar for Arpit Mathur arpit
0
67
The State of Blockchain Technology
Avatar for Arpit Mathur arpit
0
4.1k
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
61

Featured

See All Featured
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.8k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.2k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.6k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k

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