Touching the Future

Creating Physical Experiences with the Web

Dietrich Ayala

Mozilla.org / @dietrich

Coming soon...

CAMERA!

CAMERA +
3D

CAMERA
+ JAVASCRIPT

CAMERA +
JAVASCRIPT+
3D

getUserMedia()

					
						navigator.mediaDevices.getUserMedia({
							 audio: true,
							 video: true
						}).then(function (stream) {
							// do something with the stream
						})
					
				

Open vs Install

URL vs App

One click vs ???

-->

http://aframe.io

A-Frame Example

					
            <a-scene>
              <a-sphere radius="1.25"></a-sphere>
              <a-box width="1" height="1" depth="1"></a-box>
              <a-cylinder radius="0.5" height="1.5"></a-cylinder>
              <a-plane rotation="-90 0 0" width="4" height="4"></a-plane>
            </a-scene>
					
				

http://developer.mozilla.org

This is the New Web

Thanks!

mozilla.org / @dietrich