
Intro and welcome to the course.
Glitch has been discontinued since July 2025. Therefore, to replace it, we will use codesandbox. In this course whenever I refer to glitch, you just need to use codesandbox instead. It will work exactly the same as glitch and will not affect your course learning experience.
Creating a glitch account for games development
Accessing your games from the oculus headset
Using a local webserver with xampp
What are entities
Adding a camera to the scene
Adding Oculus Touch Controllers to the scene
How to create components using javascript
Adding atext for debugging and hud
Detecting thumbstick movements
Snap-turns and forwards-backwards movements
Adding physics
Adding raycasters
Detecting the grip button presses
Distance grabbing
Introduction to collision detection and entity removal
Example of collision detection and entity removal
Detecting trigger button presses
Object removal with trigger press and raycasting
Adding sound effects
Adding background music
Position animations
Auto-generating objects
Introduction to the game project
Example of a game project: music fencing (inspired by beat saber)
Interest in the metaverse and rapid adoption of Meta Quest headsets has spawned a lot of interest in VR applications and games. If you are looking for a quick and easy way to build VR games and experiences, then this course is for you. In this course we will use just html and javascript to create immersive VR games and experiences. There exists a VR javascript library called A-Frame which is specially created for making VR applications. lt is fast and easy to use. You can create an immersive VR scene in just 10 lines of code. Building VR apps using A-Frame is just like adding lego blocks components together to create an experience. And it is totally free. If you already know html, then this will be right at home with you. You an create a VR experience for A-Frame simply by using html tags.
In this course, I will only be using free tools:
chrome browser
codesandbox (formerly glitch website )
free assets
The codesandbox website (previously glitch website) website allows you to build and publish on the web in one go. No vetting or approval needed. Just upload and share your links with anyone you like. Using the Oculus Quest's browser, just visit your website and select VR mode and you will enter the immersive experience instantly. No need to build any apk files to sideload to your Oculus headset, nor do you need to use any link cable to connect to your PC. This is possible because most web browsers, eg, Chrome and Firefox are already VR capable (WebVR). The immersive VR experience is no different from a native VR app created by Unity and Unreal.
8 Special Features of this course:
Created with beginners in mind
Build experiences in small bite-sized chunks, then gradually add more components
Minimalist, i.e. simplicity in coding and design
Free tools and assets - nothing to install
Apps are instantly deployed on the web - not controlled by vendor specific app stores.
No need to install or sideload the games you created onto your Oculus headset
Just visit your published website (game) using the Oculus Browser and enter VR mode.
Each section teaches a specific game mechanic. Combine them in different ways to create your unique game.
Suitable for:
Web developers who want to leverage their existing skill to create VR games and experiences
Students who want to get started in HTML and Javascript by building VR apps
Anyone interested to learn how to create VR games using html and javascript
Those who have tried Unity or Unreal, and want something simpler and faster to develop
Schools and academia looking to introduce VR concepts into the curriculum