Please enable JavaScript to use CodeHS

Introduction to Virtual Reality

In this short course, students learn how to build their very own virtual reality worlds using HTML and the A-Frame library. Students can view their VR creations on the computer, through phones, or through a VR device such as an Oculus.

Overview & Highlights

Level
Middle School, High School
Contact Hours
20
Timeframe
Unit

Course Overview

To view the entire syllabus, click here or click to explore the full course.

Getting Started
This unit introduces students to virtual reality and the A-Frame library. Students create their first virtual reality world!
Advanced Shapes
In this unit, students are introduced to boxes, cones, and cylinders. Students also learn where to find out more information about the shapes that A-Frame provides.
Animation
In this unit, students learn how to add animations to the objects in their VR worlds. They learn how to program shapes to move, change color, rotate, and disappear.
Interaction
In this unit students learn how to add interactions so that viewers can interact with objects in virtual reality.
360˚ Images
In this unit, students learn to work with 360˚ images and videos in their VR worlds. Students learn the steps to add an image from a 360˚ camera, as well as an image or video sourced online. Students create their own worlds using 360˚ images, and will gain practice citing their sources when using images captured by others.
Next Steps
This unit discusses next steps students can take to further explore virtual reality development with a A-Frame. Topics include viewing your creation in a VR device, using the A-Frame documentation and inspector to keep learning, as well as links to more tutorials and training.
Final Project
In this unit, students combine the skills they've learned to brainstorm and create their own virtual reality final project.

21
Lessons
24
Videos
54
Exercises
8
Challenges

Demo Programs

Explore programs that your students will build throughout this course!

Customizable Assignments

Create and organize Assignments in any CodeHS course that you're teaching. You can even add custom assignments to pre-existing CodeHS courses.

Learn More

Actions for Teachers

Didn’t find what you were looking for? Here are a few links that might be useful to you.