Deck for the presentation at General Assembly Santa Monica https://generalassemb.ly/education/so-you-want-to-be-a-virtual-reality-developer/los-angeles/45839

1. SO YOU WANT TO BE
A VIRTUAL REALITY
DEVELOPER?

2. HELLO!
My name is Yoni Binstock
Today we’re going talk about becoming a
VR Developer.
You can find me at @YoniBinstock

3. My Path

4. Virtual Reality
VR is a tool that allows users to experience
things through our computers and headsets that
don't really exist.
They must be interactive and immersive giving
the user the illusion of an environment that
doesn’t exist in reality.
They can be used for training and education or for entertainment and
games.
In a research study by the Goldman Sachs Group, they predicted that
by 2025, the virtual reality industry will be worth $80 billion dollars.
Just in the past 2 years, there has $3.5 billion dollars of investment
into the industry and over 5 million Google Cardboard headsets have
been shipped out to consumers.
Virtual reality is projected to is set to completely reshape gaming, live
events, video, healthcare, education, and the real estate industry.

5. Greater Empathy
VR - so what?

6. Amazing Storytelling
VR - so what?

7. Immersive Education
VR - so what?

8. Connecting with People Around the World
VR - so what?

9. Overcoming fears and phobias
VR - so what?

10. Healthcare
VR - so what?

11. Gaming
VR - so what?

12. Travel
VR - so what?

13. What is WebVR?
WebVR is an amazing way to experience
immersive 3D Virtual Reality in a web
browser
Platform agnostic - desktop, phone,
dedicated VR headset
No installation or app store
Creating content for WebVR can be much
easier than for 3D engine technologies.

14. Example: Puzzle Rain

15. Example: A-Painter

16. Example: Access Mars

17. Example: A-blast

18. WebGL - Three.js - A-Frame

19. What is A-Frame? A
wrapper around the
webVR API
A-Frame can turn a
regular HTML website
into one with special 3D
powers!
Introduction to A-Frame

20. Steps to become a WebVR
Developer
See examples Learn HTML,
jQuery, A-Frame
Attend events
(like this one) in
real life
Build Projects Share

22. Tip 1
22
Tip 1: Audio Matters (a lot)

23. Tip 1
23
Tip 2: Use pen and paper

24. Tip 1
24
Tip 3: Get Emotional

25. Workshop
Glitch
Go to aframe.io,
click “Hello World”
scene.
Click on “View
Source”.
Click the green
“Remix” button
To view the scene,
click “Show Live”.
Attributes
Each primitive
element also
has “attributes”
inside of its
opening tag.
For example,
<a-box> has
position,
rotation, and
color
attributes.
Experiment
Try changing
the position.
What do you
think the x, y,
and z do?
Try changing
the scale or
rotation or
color values.
Inspector
Using the
Inspector while
clicking CTRL,
ALT and I.
Changes to
your scene
made in the
inspector will
not be saved
Save the values
somewhere
else and paste
them in the
code
Advanced
Try adding a 360
sky image from
bit.ly/360-photos
Try adding a gltf
model from
Sketchfab
Documentation at
aframe.io
Save and publish
Test on your phone

26. Resources
Assets
SketchFab:
https://sketchfab.com/
360 Photos Flickr:
https://www.flickr.com/groups/equirectangular/
Google Plus Photo Sphere Community:
https://plus.google.com/u/0/communities/11597
0110085205516914
3D Warehouse:
https://3dwarehouse.sketchup.com/
360 video:
http://360s.tv/index.php
Communities
Slack for WebVR:
https://webvr.slack.com/messages/general/
Subreddit for WebVR:
https://www.reddit.com/r/WebVR/
Slack for A-Frame:
https://aframevr.slack.com/messages/general/
Other
Resources
A-Frame Examples and Documentation:
https://aframe.io/
Things made with A-Frame:
https://aframevr.tumblr.com/

27. Thanks for
staying till the
end!
Any questions?
You can find me at
╺ @YoniBinstock
╺ ybinstock@gmail.com
╺ “What is Virtual Reality?” ebook
╺ Clarity for 1:1
╺ www.vrdev.yonibinstock.com