The Open Metaverse - Reactivate London

Transcript

1. met.a.verse noun A Virtual-Reality Space in which users can inte ract with a computer-generated environment and other users. S H A U N D U N N E / / S T U D I O Z E R O D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N T H E O P E N M E T A V E R S E
2. WHY VR? S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
3. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
4. EDUCATION S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
5. STORIES S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
6. ENTERTAINMENT S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
7. WEB VR? S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E WHY D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
8. PROPRIETARY S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E F**K D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
9. FRICTIONLESS S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
10. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E iswebvrready.org D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
11. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
12. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
13. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E blog.mozvr.com/webvr-coming-to-servo-part-1/ D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
14. START S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
15. WHAT? S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
16. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N w3c.github.io/webvr/
17. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E £££ D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
18. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E webvr.info D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
19. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E WebVR WebVR Polyfill WebGL Three.js Babylon.js PrimroseVR Aframe ReactVR Playcanvas Vizor D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
20. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E ​webglfundamentals.org D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
21. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E three.js D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
22. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E var canvas = document.getElementById('renderCanvas'); var engine = new BABYLON.Engine(canvas, true); var init = function(){ var scene = new BABYLON.Scene(engine); //var camera = new BABYLON.ArcRotateCamera('camera', 0, 0, 15, BABYLON.Vector3.Zero(), scene); var camera = new BABYLON.WebVRFreeCamera("WVR", new BABYLON.Vector3(0, 1, -15), scene); camera.upperRadiusLimit = 20000; camera.attachControl(canvas); scene.clearColor = new BABYLON.Color3(0,0,0) var sun = BABYLON.Mesh.CreateSphere('sun', 16, 4, scene); var sunMaterial = new BABYLON.StandardMaterial('sunMaterial', scene); sunMaterial.emissiveTexture = new BABYLON.Texture('https://s3-us-west-2.amazonaws.com/s.cdpn.io sunMaterial.diffuseColor = new BABYLON.Color3(0,0,0); sunMaterial.specularColor = new BABYLON.Color3(0,0,0); sun.material = sunMaterial; //sunlight var sunlight = new BABYLON.PointLight('sunlight', BABYLON.Vector3.Zero(), scene); sunlight.intesity = 2; // Planets Babylon JS D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
23. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E PrimroseVR D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
24. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E AFrame <a-scene> <a-assets> <img id="r1" src="rogueone.jpg"> <video id="trailer" src="trailer.mp4" webkit-playsinline></video> </a-assets> <a-curvedimage src="#r1" radius="7.2" theta-length="360" height="9" rotation="0 0 0" scale="1.2 1.2 1.2"> </a-curvedimage> <a-video src="#trailer" width="16" height="9" position="0.11 3.27 7.19" material="color:#FFF;shader:flat;side:double;transparent:true;src:#trailer" rotation="0 180 0" scale="0.5 0.5 0.5"> </a-video> <a-sky color="#000"></a-sky> <a-entity rotation="0 180 0" position="0 0 0"> <a-camera></a-camera> </a-entity> </a-scene> D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
25. REACT VR S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
26. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E PlayCanvas D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
27. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E Vizor D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
28. IRL S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
29. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E 360syria.com D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
30. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E www.washingtonpost.com/video/mars/public/ D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
31. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E aframe.io/blog/ D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
32. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E Blender D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
33. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E magicavoxel D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
34. FUTURE S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
35. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E WebAR D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
36. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
37. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N voicesofvr.com
38. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E w e b v r . i n f o w e b v r . s l a c k . c o m a f r a m e . i o p l a y c a n v a s . c o m p r i m r o s e v r . c o m b a b y l o n j s . c o m t h r e e j s . o r g v i z o r . i o i s w e b v r r e a d y . o r g m o z v r . c o m D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N
39. S H A U N D U N N E / / S T U D I O Z E R O T H E O P E N M E T A V E R S E @shaundunne shaun_dunne shaun@studiozero.co bit.ly/vr-workshop twitch.tv/shaundunne D E C E M B E R 6 T H , 2 0 1 6 - R E A C T I V A T E - L O N D O N