Download to read offline
Immersive realities to the web
- 1. How Mozilla helpsto bring immersive realities to the web? ByYamama Shaka’a Mozilla Event – Nablus– Palestine November 2018
- 2. Who I’m ? Name:Yamama Shakaa Mozilla Techspeaker Email :Yamama.shakaa@gmail.com Twitter :@ yamama_sh
- 3.
- 4.
- 5.
- 6. WebVR Strength 1) Open 2)Connected 3)Instant
- 7. Introducing A-Frame A declarative frameworkthat allows you to get unlimited access to Javascript and three.js while limiting the code to just HTML
- 8. A-Frame It wraps thepower of WebGL in HTML custom elements, so creating a high performance VR experience becomes extremely simple.
- 9.
- 10.
- 11. Hello World! <html> <script src="https://aframe.io/releases/0.3.2/aframe.min.js"></script> <a-scene> <a-boxcolor="#4CC3D9" position="- 1 0.5-3" rotation="0 45 0"<>/ a-box> <a-cylinder color="#FFC65D" position=" 1 0.75-3" radius="0.5" height="1.5"></a- cylinder> <a-sphere color="#EF2D5E" position=" 0 1.25-5" radius="1.25"></a-sphere> <a-plane color="#7BC8A4" position=" 0 0-4" rotation="- 90 0 0" width="4"height="4"></a-plane> <a-sky color="#ECECEC"></a-sky> </ a-scene> </ html>
- 12. Visual inspector :Control+Alt +i
- 13.
- 14.
- 16.
- 17.