WebVR Workshop #1

Topics you will need to cover to gain the required knowledge to complete the final Challenge (see details at page bottom).

What Is A-Frame?

Documentation: Introduction
Miscellaneous: Vladimir Vukicevic, Mozilla VR, WebGL, three.js

Installation And Testing

Documentation: Installation
Documentation: Background
Apps: Glitch, Brackets


  • Install A-Frame
  • Create your first empty scene
  • Set the scene background to display a basic white color in VR Mode*

* Click on the goggles icon at the bottom right of the screen or press the F key on your keyboard.


Check the final version here
Download the source code here

More Workshops Resources

Please join the WebXR Workshops Scotland group on Meetup and sign up to the WXRWS Slack to get access to the Members Area.

WXRWS Members Area