Workshop - AR/VR apps using React
Niranjan Janardhana
@niranjan-j007
AR/VR development is a must know skill for 2019. Facebook is very active in the field of AR/VR. Games like PUB G, Pokemon Go has made AR/VR very popular. React-VR is the react based solution from Facebook for VR development.
In this workshop, we will create a VR application for desktop, mobile, and VR devices using webVR from scratch using React. We will look at the various pieces of WebVR architecture and leverage ReactVR for developing VR apps. We will look at Layout, Surfaces, 3D objects, playing audio and input handling.
We will then get hands dirty with live coding VR app. Finally, we will round up the app advanced APIs like AsyncStorage and discuss various best practices and get a glimpse into the future of the AR/VR/MR.
Outline
=== Introduction ===
AR/VR - Intro
MR - the future
Approaches to VR development
-WebVR
-Native SDK
=== React-VR for WebVR ===
Components
- View
- Image
- Entity
- VrButton
Concepts
- Layout
- Surfaces
- 3D objects
- Playing audio
- Input handling
=== Publishing ===
Device ecosystem
Production build
Static assets
=== Wrapping up ===
Comparison with A-Frame
Challenges
Learnings
Best practices
Requirements
Skills
React basics
Node, npm basics (optional)
Software
Install
- An IDE
- NodeJS 8.11 or above
- react 360
Hardware
Laptop (Mandatory - this is a hands on coding workshop)
VR device - Google cardboard, day dream etc
Optional Skills
Graphics design skill - will help in making VR environment graphic intensive
Speaker bio
Niranjan Janardhana is an IT professional working on front end technologies. He is a frequent speaker in national and international conferences. In his spare time, he likes to trek, travel and contribute to open source projects.
https://www.youtube.com/watch?v=0d-jEOfilys&t=3s
https://www.youtube.com/watch?v=Kb9sYqZmR50
Links
- https://www.pwc.co.uk/intelligent-digital/vr/growing-vr-ar-companies-in-the-uk.pdf
- https://www.linkedin.com/in/niranjan-janardhana-1913393/
{{ errorMsg }}