MS14 Capstone I Virtual Reality Game

Middle School – Wizard Level I – Capstone Class

About Capstone I Virtual Reality Game

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.

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
Capstone I Virtual Reality GameExpand All Lessons
  • 1. Introduction to Virtual Reality
    Virtual reality is the next evolution in user interfaces.

    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.

  • 2. Giving Life to Virtual World Using Animations
    Scale 3D models in a VR scene.

    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.

  • 3. Getting Started with the Class Project
    Set up custom A-Frame events to initiate the start of a game.

    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.

  • 4. Let’s Discuss the Capstone Project
    Learn how to plan a successful 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.

  • 5. Animating 3D Models
    Use a variety of 3D models in a scene.

    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.

  • 6. Create Clone of Existing VR Elements
    Learn how to create clones of 3D models.

    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.

  • 7. Adding a Custom Camera and Click Event
    Custom cameras can be added to override the default camera.

    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.

  • 8. Collision Detection
    Collision detection allows for keeping score.

    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.

  • 9. It’s time to start wrapping up the capstone project.
    Fix VR elements onto a camera for cool effects.

    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.

  • 10. Adding Scores
    Add text to your VR scenes for messages and 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.

  • 11. Adding Sound Effects
    Background music and sound effects enhance a VR game.

    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.

  • 12. Creating a Game Menu
    Add the final touches to make the VR game great!

    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.

Banner for fall coding classes

#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
Complimentary 1×1 Office Hours

Weekly Progress Report & Alerts
Daily Homework Help

Individual Course Certification
Highly Qualified and Experienced Teachers

Direct Messaging with Teachers
Supportive Online Student Community

24/7 Access to Proprietary Coding Platform
Hands-on, Project Based Learning

Path to Real-World Internship

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. 1 hour of class time, plus 1-2 hours of practice time, with instructors 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.

Get Your Wizard Started

Pin It on Pinterest

[[</span><a href="https://www.facebook.com/groups/KidsCodingHQ/" rel="noopener noreferrer" target="_blank"><span style="font-family: Roboto; color: rgb(255
255
255
255);">Click Here 255);">Click Here</span></a><span style="font-family: Roboto; color: rgb(255
255
255
255);">]
255);">]