Build VR experiences with WebXR

Sunday August 23, 2020 @Mozilla TW

Have you ever thought about building your own virtual reality game or simulation?

This event's goal is to overview the latest in WebXR. Put simply, WebXR allows you to serve virtual (and augmented) reality content directly through the web browser.

Note: This is a hands-on event, not a lecture. We'll work independently and in small groups to build our own VR demos.

Required:

• A basic understanding of HTML and JS
• A laptop
• A smartphone (we'll provide Google Cardboards for testing)

The goal is for every attendee to deploy a VR experience before they leave!

Space will be limited to 35 RSVPs.

Resources

Dev Tools

• WebXR Emulator (Firefox, Chrome) for local browser testing.
• Glitch for simple experiments and previews. Clone and deploy projects from your browser.

A-Frame

• https://aframe.io/
• Impressive Demo
• Official tutorial
• Glitch starter template
• Components on npm

Babylon.js

• https://babylonjs.com/
• Impressive Demo
• Official tutorial
• Glitch starter template

3D Models

• Google Poly for free models.
• Sketchfab for free and paid models.
• Mixamo for adding animation rigging to models.
• Blender for editing and exporting models.

Other

• JS13kGames for extra motivation? Just so happens there's a WebXR game competition that runs from Aug 13 to Sep 13...
• Great writeup on optimizing scenes and models for WebXR.