• VR Voom logo

A Beginner’s Guide to Creating a VR Experience

Develop your basic programming skills with HTML and JavaScript and learn to create virtual reality content for web browsers.

Learn to create original web VR experiences using A-Frame

Virtual Reality is one of the most exciting emerging technologies within the software development sector.

On this five-week course, you’ll learn to design, program, and create your own web VR experiences using a basic knowledge of coding and the A-Frame web framework.

Learn coding fundamentals and discover how they connect to virtual reality content creation

To understand VR content creation, you need a foundational knowledge of the coding that allows you to turn your vision into a (virtual) reality.

You’ll explore how programming languages use data and discover how computers process code to give programmers their desired output.

With this knowledge, you’ll begin to understand each step in the design and build process of VR content creation.

Develop your basic programming skills with HTML and JavaScript

HTML provides the building blocks to all interactivity on the web.

On this course, you’ll learn the fundamentals of HTML programming, and use these skills to make a simple website.

You’ll then add further interactivity using JavaScript, a text based programming language. Combining your knowledge of both languages, you’ll increase the functionality of your website in preparation for your VR content.

Create simple virtual worlds for the web using A-Frame

A-Frame is a web framework that you can use to build 3D, AR, and VR experiences.

You’ll explore its functions and learn how to make a simple web VR experience, opening up a whole area of software development to explore.

By the end of this course, you’ll have a solid understanding of the processes and applications involved in creating VR experiences. With this knowledge, you’ll be able to develop more complex ideas and advance your VR designs, having gained the fundamental skills to create VR content from scratch.

Syllabus

  • Week 1

    Introduction into HTML and programming

    • Course Overview

      A brief outline of the course contents. Discover what you will be learning week by week and how this progresses toward creating your own WebVR experience.

    • Written Tutorials

      A collection of written tutorials that teach you the basics of HTML. Learn how to create your own webpage from a blank document. Understand the foundation of HTML and how this can be expanded to make unique webpages.

    • Week 1 Wrap-up

      A short Wrap-up covering the first week worth of content. Test your knowledge by completing a quiz, and discuss what you've learned with others.

  • Week 2

    Learning the basics of Javascript and text based programming

    • Written Tutorials

      A collection of written tutorials that progressively teach you more about JavaScript and how it can be used in webpages to make more engaging content.

    • Week 2 Wrap-up

      A short Wrap-up covering the second week worth of content. Test your knowledge by completing a quiz about Javascript, and discuss what you've learned with others.

  • Week 3

    Creating our first WebVR experience with A-Frame

    • Written Tutorials

      A collection of written tutorials that teach how to create a WebVR experience using A-Frame. Cover how to get started, creating your first scene and understand the similarities between A-Frame and HTML.

    • Week 3 Wrap-up

      A short Wrap-up covering the third week worth of content. Test your knowledge by completing a quiz about A-Frame, and discuss what you've learned with others.

  • Week 4

    Enhancing our experience by using the Entity-Component-System (ECS)

    • Written Tutorials

      A collection of written tutorials that teach how to create a WebVR experience using A-Frame. Exploring how to add interactivity to our A-Frame objects and how we can import basic assets into our scene.

    • Week 4 Wrap-up

      A short Wrap-up covering the fourth week worth of content. Solidify your knowledge of A-Frame by testing yourself with a quiz, and discuss with others the possibilities of what you've learned.

  • Week 5

    Adding custom 3D models and animations. Finishing our WebVR experiences

    • Written Tutorials

      A collection of written tutorials that teach how to add custom 3D models and animations to your webVR experience. Included are also some ideas of how you can turn your project into a complete experience.

    • Week 5 Wrap-up

      A short Wrap-up covering the last week's worth of content for this course. Test yourself with a short quiz covering what you've learned in this last week. Discuss with others what you enjoyed most about A-Frame.

Learning on this course

On every step of the course you can meet other learners, share your ideas and join in with active discussions in the comments.

What will you achieve?

By the end of the course, you‘ll be able to...

  • Create your own website using HTML
  • Add interactive elements to your website using Javascript
  • Create your own Web VR experience using A-Frame
  • Understand how computers read/process instructions in the form of code
  • How to create and use variables in your code

Who is the course for?

This course is designed for beginners with little or no coding experience who are interested in learning the foundations of programming in the context of VR content creation.

What software or tools do you need?

No Software needed! You need only a PC or Laptop and a connection to the internet.

Who will you learn with?

Assembling great minds together to provide digital technologies’ solutions and pathways to schools, and beyond. Leading the way to discover new technologies to empower education through R&D endeavours

Who developed the course?

VR Voom

Future-proofing classroom learning in digital technology. By equipping teachers with resources to create emerging technologies, that are aligned with the revised NZ Technology Curriculum.

  • Established

    2018
  • Location

    Auckland, New Zealand

What's included?

This is a premium course. These courses are designed for professionals from specific industries looking to learn with a smaller group of like-minded individuals.

  • Unlimited access to this course
  • Includes any articles, videos, peer reviews and quizzes
  • Certificate of Achievement to prove your success when you're eligible
  • Download and print your Certificate of Achievement anytime

Still want to know more? Check out our FAQs

Learning on FutureLearn

Your learning, your rules

  • Courses are split into weeks, activities, and steps to help you keep track of your learning
  • Learn through a mix of bite-sized videos, long- and short-form articles, audio, and practical activities
  • Stay motivated by using the Progress page to keep track of your step completion and assessment scores

Join a global classroom

  • Experience the power of social learning, and get inspired by an international network of learners
  • Share ideas with your peers and course educators on every step of the course
  • Join the conversation by reading, @ing, liking, bookmarking, and replying to comments from others

Map your progress

  • As you work through the course, use notifications and the Progress page to guide your learning
  • Whenever you’re ready, mark each step as complete, you’re in control
  • Complete 90% of course steps and all of the assessments to earn your certificate

Want to know more about learning on FutureLearn? Using FutureLearn

Do you know someone who'd love this course? Tell them about it...