🥅
Goal:
Deploy a VR experience before you leave today
WebXR:
👓 create VR and AR experiences
🤘 with open web technologies
🚀 and deliver them through the browser
How?
WebGL — existing browser API for 3D in browser
+
WebXR — new API for interacting with 3D scenes
from modern devices
Why?
"It's just a web page…"
🌏 Viewable on any device with a browser
🛠 Reuses existing web tools and skills
🔗 Easy to integrate with existing web content
Why not?
👨🔬 Experimental technology
😢 Performance is worse than native
👾 Actually… it's a bit more than a web page
Framework NOT optional
😵 WebGL is complicated
🤖 three.js is simpler, but still complicated
🚀 Physics is hard
A-Frame
"VR Legos." Custom elements that abstract three.js objects.
A-Frame
🔌 Super simple to get started
⚡️ Hundreds of plugins on NPM
❤️ Supported by Mozilla
Babylon.js
Full game engine with physics and more.
var createScene = function() {
var scene = new BABYLON.Scene(engine);
var camera = new BABYLON.ArcRotateCamera(
"Camera", Math.PI / 2, Math.PI / 2, 2, BABYLON.Vector3.Zero(), scene
);
camera.attachControl(canvas, true);
var sphere = BABYLON.MeshBuilder.CreateSphere(
"sphere", { diameter: 2 }, scene
);
return scene;
};
Babylon.js
🔋 "Batteries included" framework
✨ Extensive docs and code playground
❤️ Supported by Microsoft
Today's Format
- Create a Hello, World
- Build something amazing ✨
- Demos every hour, on the hour
