Summer Camps for Session 3 starting July 29th | Summer Classes for Session 3 starting Aug 8th. Enroll Now
Student Login Parent Login
elementary school boy in coding class

Course Description

Students in Capstone I Virtual Reality Game learn the fundamentals of VR game design by building a portfolio quality game complete with scorekeeping and sound effects. A-Frame, an open-source web framework for building VR experiences, is the main technology used in this class. Students learn how to use 3D models, complex positioning, and camera techniques and collision detection to build a game that showcases their knowledge and is fun to play.

elementary school girl in coding class

Learning Objectives

When students complete Capstone I Virtual Reality Game, they will be able to:

  •  Understand VR fundamentals and 3D modeling
  •  Write A-Frame and JavaScript interactions
  •  Add sound effects, text effects, and scorekeeping
Level I


These courses must be completed before Capstone I Virtual Reality Game:

Capstone I Virtual Reality GameExpand All Lessons
  • VR Coding Class Lesson 1
    1. Introduction to Virtual Reality

    In this lesson, students are introduced to Virtual Reality concepts. The A-Frame JavaScript library is introduced as a tool to create VR apps that run within an HTML framework. Students learn how to view their 3D world and element rotations to create their first VR scene.

  • VR Coding Class Lesson 2
    2. Giving Life to Virtual World Using Animations

    In this lesson, students build a 3D model of a ship and add it to a VR ocean scene. Students scale the model and animate the boat to move from left to right. Details like wave motion are added to make a realistic ocean scene.

  • VR Coding Class Lesson 3
    3. Getting Started with the Class Project

    In this lesson, students use A-Frame and JavaScript to create an engaging game of “plants vs zombies”. Students create custom A-Frame components for the first time and use jQuery to link them to different 3D environments. Dressings are used to add interest to the game.

  • VR Coding Class Lesson 4
    4. Let’s Discuss the Capstone Project

    In this lesson, students begin planning their capstone project using the MVP (Minimum Viable Product) concept. They will think through steps to completing a basic project, later more features and complexity will be added to it. Students break down the capstone project into milestones based on skills learned in future lessons.

  • VR Coding Class Lesson 5
    5. Animating 3D Models

    In this lesson, students add 3D models for their characters. New attributes are used to scale and position models and create characters so they fit in the scene. Students learn how to render the obj model and animate them.

  • VR Coding Class Lesson 6
    6. Create Clone of Existing VR Elements

    In this lesson, students use the jQuery clone function to create duplicate zombies for the zombie army. Students learn how to show and hide models as needed in the capstone project. Students use jQuery to position elements in random places in the scene.

  • VR Coding Class Lesson 7
    7. Adding a Custom Camera and Click Event

    In this lesson, students create their own custom camera that overrides the default camera. Students create an A-Frame click event for the cursor to add shooting action for the plants. They learn to add WASD controls and messages are used to verify and troubleshoot code.

  • VR Coding Class Lesson 8
    8. Collision Detection

    In this lesson, students add class names to cloned plants and zombies. Collision detection is added to kill zombies and keep score. Custom camera settings are implemented to improve the weapon’s (the flower’s) aims and control. Additional logic is added to determine when the game is over.

  • VR Coding Class Lesson 9
    9. It’s time to start wrapping up the capstone project.

    In this lesson, students learn about Google’s Poly 3D models and how to fix VR elements to a camera so the elements are always in view. Students learn basic 3D shapes such as boxes, cones, and rings to enhance their scenes. They also create additional animations for each element.

  • VR Coding Class Lesson 10
    10. Adding Scores

    In this lesson, students keep track of their score. They learn to add text to their 3D scene to show the score and let the player know when the game is over. A ticker handler with a custom rotation reader is added to rotate the zombie with the camera.

  • VR Coding Class Lesson 11
    11. Adding Sound Effects

    In this lesson, students learn how to use the A-Frame asset management system to add sound effects. In this lesson, students learn how to use the A-Frame asset management system to add sound effects. Students learn the advantages of using the sound attribute with any A-Frame element and sound control options.

  • VR Coding Class Lesson 12
    12. Creating a Game Menu

    In this final lesson, students add the finishing touches to their VR capstone project. A title page is added along with a game menu. Additional logic prompts the game to start after the first click. Finally, students will complete this portfolio-quality project.

Class Schedule

All students start in Introduction to Programming at Wizard Level I. If you have previous coding experience, take the Advanced Placement test. Returning students can continue with the class where they left off.

  • loading icon

#1 Most Comprehensive Program for Your Student’s Success!

The CodeWizardsHQ program comes with everything your child needs to be successful in learning to code.

All of the below are included at no extra cost.

Interactive Live Classes
Structured and Comprehensive Curriculum
Video Recordings of Every Class
Downloadable Slides for Every Class
1×1 Office Hours (Advanced Courses)
Weekly Progress Report & Alerts
Daily Homework Help
Individual Course Certification
Highly Qualified and Experienced Teachers
24/7 Access to Proprietary Coding Platform
Supportive Online Student Community
Path to Real-World Internship
Hands-on, Project Based Learning

Course Duration & Time Commitment
All courses are 12 weeks long. A Wizard will receive a certification for their achievement at the end of the course.

Expect a weekly time commitment of 2-3 hours. 55 minutes of class time, plus 1-2 hours of practice time, with instructor support throughout, including weekends.

100% Guarantee

Our goal is to make all our students successful. If your child is not happy with our program, please notify us within the first four class sessions and you will receive a full refund. See refund details.

Get Your Wizard Started

Start coding with our experienced teachers today.
Enroll risk-free with our 4 session money-back guarantee. Full guarantee details.