Please enable JavaScript to use CodeHS

Introduction to Virtual Reality - Outline

  1. Getting Started

    1. 1.1 What is VR?

    2. Video 1.1.1 Intro to A-Frame
    3. Check for Understanding 1.1.2 Intro to A-Frame
    4. Connection 1.1.3 A-Frame Examples
    5. Example 1.1.4 Hello, A-Frame
    6. Connection 1.1.5 Connection: Professional VR Uses
    7. Connection 1.1.6 VR in Healthcare
    8. Free Response 1.1.7 Using VR Professionally
    9. Free Response 1.1.8 What are uses of VR?

    10. 1.2 Your First VR World

    11. Video 1.2.1 Modifying a Sphere
    12. Check for Understanding 1.2.2 Sphere Quiz
    13. Example 1.2.3 Example: Sphere
    14. Exercise 1.2.4 Transform Your Sphere
    15. Video 1.2.5 Your First A-Frame World
    16. Check for Understanding 1.2.6 Your First A-Frame World
    17. Example 1.2.7 Example: Planes
    18. Exercise 1.2.8 Create the Floor
    19. Exercise 1.2.9 Create a Wall
    20. Exercise 1.2.10 Snowflakes
    21. Exercise 1.2.11 Ring a Ring o' Roses
    22. Challenge 1.2.12 Make a Scene
    23. Badge 1.2.13 Learning VR Badge

  2. Advanced Shapes

    1. 2.1 Advanced Shapes

    2. Video 2.1.1 Boxes in Detail
    3. Check for Understanding 2.1.2 Boxes Quiz
    4. Example 2.1.3 Boxes
    5. Example 2.1.4 Stairs
    6. Exercise 2.1.5 Put the Box on the Floor
    7. Video 2.1.6 Even More Shapes
    8. Check for Understanding 2.1.7 Shapes in A-Frame Quiz
    9. Example 2.1.8 Watermelon Patch
    10. Example 2.1.9 Balancing Act
    11. Exercise 2.1.10 Make a City
    12. Exercise 2.1.11 Comfy Chair
    13. Exercise 2.1.12 Great Pyramids of Egypt
    14. Exercise 2.1.13 Garden Sculpture
    15. Notes 2.1.14 Endless Supply of Shapes
    16. Challenge 2.1.15 Create A New World
    17. Badge 2.1.16 Advanced Shapes Badge

  3. Animation

    1. 3.1 Animation

    2. Check for Understanding 3.1.1 Animation Tag
    3. Quiz 3.1.2 Animation Tag
    4. Example 3.1.3 Cube Sliding
    5. Example 3.1.4 Ball Drop
    6. Exercise 3.1.5 Sliding Cylinder
    7. Video 3.1.6 What Can We Animate?
    8. Check for Understanding 3.1.7 What Can We Animate?
    9. Example 3.1.8 Rolling Ball
    10. Example 3.1.9 Types of Animation
    11. Exercise 3.1.10 Radioactive
    12. Video 3.1.11 How Can We Animate?
    13. Check for Understanding 3.1.12 How Can We Animate?
    14. Example 3.1.13 Starburst
    15. Exercise 3.1.14 Wormhole
    16. Exercise 3.1.15 Catapult
    17. Exercise 3.1.16 Light Speed Ahead!
    18. Notes 3.1.17 Advanced Options
    19. Example 3.1.18 Starburst on a Timer
    20. Challenge 3.1.19 Animate a Scene!
    21. Badge 3.1.20 Animation Badge

  4. Interaction

    1. 4.1 Click-Based Interaction

    2. Video 4.1.1 Interacting in VR
    3. Check for Understanding 4.1.2 Interacting in VR Quiz
    4. Example 4.1.3 Click to move
    5. Example 4.1.4 Click to change color
    6. Example 4.1.5 Click to expand
    7. Exercise 4.1.6 Too Much Sun
    8. Exercise 4.1.7 Blast off!
    9. Exercise 4.1.8 Going Outside

    10. 4.2 Gaze-Based Interaction

    11. Video 4.2.1 Gaze-Based Interactions
    12. Check for Understanding 4.2.2 Gaze-Based Interaction Quiz
    13. Example 4.2.3 Gaze to change color
    14. Example 4.2.4 Gaze to rotate
    15. Example 4.2.5 Animation + Interaction
    16. Exercise 4.2.6 Fill a Vase
    17. Exercise 4.2.7 Tumbleweeds
    18. Exercise 4.2.8 Vanishing Bubbles
    19. Challenge 4.2.9 Challenge: Create your own
    20. Badge 4.2.10 Interactions Badge

  5. 360˚ Images

    1. 5.1 360˚ Images

    2. Video 5.1.1 Using 360˚ Images
    3. Check for Understanding 5.1.2 Using 360˚ Images Quiz
    4. Video 5.1.3 360˚ Image Examples
    5. Example 5.1.4 360˚ Image Example
    6. Example 5.1.5 Image from a 360˚ Camera
    7. Example 5.1.6 Video from a 360˚ Camera
    8. Free Response 5.1.7 Find Some Images
    9. Exercise 5.1.8 Snowless Snowglobe
    10. Exercise 5.1.9 Surround Scenery
    11. Challenge 5.1.10 Challenge: Make Your Own World
    12. Badge 5.1.11 360˚ Images Badge

  6. Next Steps

    1. 6.1 Using a VR Device

    2. Video 6.1.1 Using a VR Device
    3. Check for Understanding 6.1.2 Using a VR Device Quiz
    4. Example 6.1.3 Earth in VR
    5. Free Response 6.1.4 Viewing A VR World

    6. 6.2 Using A-Frame Docs

    7. Video 6.2.1 Using A-Frame Docs
    8. Check for Understanding 6.2.2 Using A-Frame Docs Quiz
    9. Example 6.2.3 Exploring the Torus Knot
    10. Exercise 6.2.4 Explore a New Shape

    11. 6.3 A-Frame Inspector Tool

    12. Video 6.3.1 The A-Frame Inspector
    13. Check for Understanding 6.3.2 The A-Frame Inspector Quiz
    14. Example 6.3.3 Exploring the Inspector
    15. Exercise 6.3.4 Secret Shapes
    16. Exercise 6.3.5 Diagonal Lines
    17. Exercise 6.3.6 Snowman

    18. 6.4 Extra Components

    19. Video 6.4.1 Extra Components
    20. Check for Understanding 6.4.2 Extra Components Quiz
    21. Example 6.4.3 Adding Physics
    22. Exercise 6.4.4 Billiards
    23. Exercise 6.4.5 Bouncy Balls

    24. 6.5 Further Practice

    25. Notes 6.5.1 Keep Learning!
    26. Badge 6.5.2 Learn More Badge

  7. Final Project

    1. 7.1 Final Lesson

    2. Free Response 7.1.1 Brainstorm
    3. Free Response 7.1.2 Sketch
    4. Free Response 7.1.3 Milestones
    5. Challenge 7.1.4 Final Project
    6. Badge 7.1.5 Virtual Reality with A-Frame Badge

  8. Animation - v0.5.0

    1. 8.1 Animation

    2. Video 8.1.1 Animation Tag
    3. Quiz 8.1.2 Animation Tag
    4. Example 8.1.3 Example: Cube Sliding
    5. Example 8.1.4 Example: Ball Drop
    6. Exercise 8.1.5 Sliding Cylinder
    7. Video 8.1.6 What Can We Animate?
    8. Quiz 8.1.7 What Can We Animate?
    9. Example 8.1.8 Example: Types of Animation
    10. Example 8.1.9 Example: Rolling Ball
    11. Exercise 8.1.10 Radioactive
    12. Video 8.1.11 How Can We Animate?
    13. Quiz 8.1.12 How Can We Animate?
    14. Example 8.1.13 Example: Starburst
    15. Exercise 8.1.14 Wormhole
    16. Exercise 8.1.15 Catapult
    17. Exercise 8.1.16 Light Speed Ahead!
    18. Notes 8.1.17 Advanced Options
    19. Example 8.1.18 Example: Starburst on a Timer
    20. Challenge 8.1.19 Animate a Scene!
    21. Badge 8.1.20 Animation Badge

  9. Interaction v0.5.0

    1. 9.1 Click-Based Interaction

    2. Video 9.1.1 Interacting in VR
    3. Quiz 9.1.2 Interacting in VR Quiz
    4. Example 9.1.3 Click to move
    5. Example 9.1.4 Click to change color
    6. Example 9.1.5 Click to expand
    7. Exercise 9.1.6 Too Much Sun
    8. Exercise 9.1.7 Blast off!
    9. Exercise 9.1.8 Going Outside

    10. 9.2 Gaze-Based Interaction

    11. Video 9.2.1 Gaze-Based Interactions
    12. Quiz 9.2.2 Gaze-Based Interaction Quiz
    13. Example 9.2.3 Gaze to change color
    14. Example 9.2.4 Gaze to rotate
    15. Example 9.2.5 Animation + Interaction
    16. Exercise 9.2.6 Fill a Vase
    17. Exercise 9.2.7 Tumbleweeds
    18. Exercise 9.2.8 Vanishing Bubbles
    19. Challenge 9.2.9 Challenge: Create your own
    20. Badge 9.2.10 Interactions Badge

  10. Next Steps v0.5.0

    1. 10.1 Using a VR Device

    2. Video 10.1.1 Using a VR Device
    3. Quiz 10.1.2 Using a VR Device Quiz
    4. Example 10.1.3 Earth in VR
    5. Free Response 10.1.4 Viewing A VR World

    6. 10.2 Using A-Frame Docs

    7. Video 10.2.1 Using A-Frame Docs
    8. Quiz 10.2.2 Using A-Frame Docs Quiz
    9. Example 10.2.3 Exploring the Torus Knot
    10. Exercise 10.2.4 Explore a New Shape

    11. 10.3 A-Frame Inspector Tool

    12. Video 10.3.1 The A-Frame Inspector
    13. Quiz 10.3.2 The A-Frame Inspector Quiz
    14. Example 10.3.3 Exploring the Inspector
    15. Exercise 10.3.4 Secret Shapes
    16. Exercise 10.3.5 Diagonal Lines
    17. Exercise 10.3.6 Snowman

    18. 10.4 Extra Components

    19. Notes 10.4.1 Adding Extra Components: Physics
    20. Example 10.4.2 Adding Physics
    21. Exercise 10.4.3 Billiards
    22. Exercise 10.4.4 Bouncy Balls

    23. 10.5 Further Practice

    24. Notes 10.5.1 Keep Learning!
    25. Badge 10.5.2 Learn More Badge