Some notes/walkthroughs for students learning to use the webVR framework AFrame
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

Teaching Students How to Build Virtuality Reality Content for the Web


WebVR is still in its early stages and provides access to Virtual Reality devices, such as the Oculus Rift, HTC Vive, Samsug Gear VR, or Google Cardboard, in your browser.

A-Frame is an open-source web framework for building virtual reality experiences for the browser. We can build VR web pages that users can walk into with just HTML.

Why Use A-Frame

A-Frame makes VR more accessible since you can develop and render VR experiences in the browser as opposed to needing resource heavy platforms such as Unity. This is especially important for schools with limited technology where student devices have limited graphics capabilities or inexpensive devices, like Chromebooks, are not only more common but necessary to fit budget constraints (you can't install Unity on Chromebooks).

A-Frame is also an easy leap for students who have already been introduced to basic HTML. There are definitely a number of other WebVR frameworks and tools to use, but my teacher personal preference is to get kids to write code and A-Frame currently fits that need.

Course Outline

Getting Started

Creating Shapes

Animating Shapes

Importing Models/Objects

Camera and Lighting

Interactivity (Cursor/Onclick)

Embedding Media (Audio/Video)

Adding Physics

A-Frame 3rd Party Extras