“WebXR” is the API formerly known as WebVR, upgraded to embrace the web’s potential not just for Virtual Reality, but for immersive Mixed Reality experiences. We can start exploring the possibilities now, using libraries like Mozilla’s WebXR Polyfill and Google’s three.ar.js, plus special development browsers that incorporate ARCore (Android) or ARKit (iOS). This talk will share how you can begin to blend the real world and the digital world as a Mixed Reality web developer - and a glimpse into the exciting future of the Immersive Web.
62. const loader = new THREE.GLTFLoader();
loader.load('panda.gltf', gltf => {
panda = gltf.scene;
mixer = new THREE.AnimationMixer( panda );
const clips = gltf.animations;
clips.forEach(clip => {
mixer.clipAction( clip ).play();
});
scene.add(panda);
63. const loader = new THREE.GLTFLoader();
loader.load('panda.gltf', gltf => {
panda = gltf.scene;
mixer = new THREE.AnimationMixer( panda );
const clips = gltf.animations;
clips.forEach(clip => {
mixer.clipAction( clip ).play();
});
scene.add(panda);
64. const loader = new THREE.GLTFLoader();
loader.load('panda.gltf', gltf => {
panda = gltf.scene;
mixer = new THREE.AnimationMixer( panda );
const clips = gltf.animations;
clips.forEach(clip => {
mixer.clipAction( clip ).play();
});
scene.add(panda);
65. // on touch start
arDisplay.hitTest(normalisedX, normalisedY);
// if hit
THREE.ARUtils.placeObjectAtHit(panda, hit,
moveEasingValue, applyOrientation);
70. We’re at the beginning of a new
era of computing
71. “helps us ask the right questions,
find the right answers and start to
chart the course to a future we all
want to live in”
Leap Motion
Exploring now...