Embedded Files
Virtual Reality H&S Warning
Virtual Reality H&S Warning
Please be careful and safe when developing for a virtual/augmented reality platform and using hardware such as a headset and/or handheld controllers.
We want to teach and watch you create awesome virtual/augmented reality games and applications, but we also want you to keep safe while doing so.
Clear a safe room-size area where you’ll be using your virtual reality equipment
Ensure any furniture, lamps, vases, and obstructive items are out of your active vicinity
Take steady and frequent breaks as needed,
Choose your Learning Styles:
Choose your Learning Styles:
1) Interactive & Video
1) Interactive & Video
2) Text based
2) Text based
1) webVR Interactive Online Course
1) webVR Interactive Online Course
Frame Academy
Frame Academy
(this course offers video, text & interactive code windows)
(this course offers video, text & interactive code windows)
Level 1: (Essential)
Level 1: (Essential)
Part 1 - Shapes & HTML
Level 2: (Essential)
Level 2: (Essential)
Level 2 & 3 (Nice to Have)
Level 2 & 3 (Nice to Have)
Project 6 - Coming Soon!
2a) webVR Slides & Video Course
2a) webVR Slides & Video Course
Add to Your Chrome Browser:
Chrome Web Server Extension plugin
Video Testing
If you want to record your webVR game testing try Screencastify
This is another A-Frame skills course by Sonar Learning , which has a different presenter with an English accent, it is in less detail and the videos are shorter, you may prefer it:
Course Videos on Youtube: https://sonarlearning.co.uk/coursepage.php?topic=web&course=aframe
Course Code on GitHUb: https://github.com/SonarSystems/A-Frame-WebVR-Tutorials
2) Text based Guides
2) Text based Guides
A-Frame.io Documentation GUIDES
A-Frame.io Documentation GUIDES
Glitch.con - Web VR Starter Kit
Glitch.con - Web VR Starter Kit
Make your own Planetarium (4 parts)
Make your own Planetarium (4 parts)
You should focus on working through pages in the first half, e.g. pages 1 to 7 (of 14). Remember to click the down arrows too.
Next Make your own Voxels >>
Next Make your own Voxels >>
Other Cool Stuff...
Other Cool Stuff...
Converting .wav to .mp3
Converting .wav to .mp3
I will use https://online-audio-converter.com/ to change from .WAV to .mp3
Download and 3D Models and convert .glTF to binary .GLB files
Download and 3D Models and convert .glTF to binary .GLB files
SketchFab.com: link to downloadable, animated with sound
TurboSquid.com: Free Models
Add materials and textures to primitive shapes and 360 photosphere
Add materials and textures to primitive shapes and 360 photosphere
2:1 Equirectangular Photospheres - Flicker 360 images
2:1 Equirectangular Photospheres - Flicker 360 images
More Animation in A-Frame
More Animation in A-Frame
Examples for Level 2 & 3
Examples for Level 2 & 3
Want to go deeper to Level 3?
Want to go deeper to Level 3?
Page updated
Report abuse