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
2.5k
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
71
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
67
Firebase For Mobile Developers
Avatar for Arpit Mathur arpit
1
70
Towards a Decentralized Web
Avatar for Arpit Mathur arpit
0
80
The State of Blockchain Technology
Avatar for Arpit Mathur arpit
0
4.3k
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
75

Featured

See All Featured
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.2k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
1
340
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
210
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
240
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.1k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.4k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.2k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
410

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