In this innovation session, Nirojan Selvanathan from the CAKE Reports team talked about developing virtual reality applications with JavaScript. The session covers an introduction to Virtual Reality, how the VR systems work, a demo on developing a VR experience using Three Js, and how VR fits into the cake ecosystem.

2. VR Development with
Javascript
Team CAKE Reports (ReportsNG)

3. CONTENTS
• What is VR
• How VR Works
• What is Web VR
• Immersive Photography Dev with JS
• Demo
• Integrating VR with Cake

4. What is VR And an Immersive Economy
Virtual Reality (VR) is the
use of computer
technology to create a
simulated environment.

5. Immersive Experience Types
Immersive Photographs

6. Immersive Experience Types
Immersive Video

7. Immersive Experience Types
3D Graphics

8. Immersive Experience Types
Augmented Reality

9. Virtual and Augmented Realities

10. Vision : Stereoscopic Display

11. Vision : Stereoscopic Display

12. Sound : Binaural Audio
Immersive VR Must
Have Convincing
sound to match

13. Movement : Sensors
AcceleroMeter
Gyroscope
MagnetoMeter

14. Stereoscopic Vision : How Realistic ?

15. VR HeadSet

16. VR Development

17. Virtual Reality in WEB
➔WebGL
◆3D in Web Browsers
➔Three JS
◆JS Library for Webgl
➔Web VR API
◆ Headset position , orientation etc

18. Immersive Photography Development
Equirectangular Projection
Stereoscopic View
Working with sensors
HTML5 Audio

19. Three JS Terminologies
Scene
Camera
Mesh
Renderer

20. Three JS Plugins
Create the Scene and Rederer

21. Camera And Effects
❖ Field of View
❖ Aspect Ratio
❖ Near
❖ Far

22. Create the Sphere

23. Create Mesh with Geometry and Material

24. Device Controls

25. Animate Function
Handling Audio

26. Immersive Video

27. Immersive 3D Graphics

28. Physics Engine and Collision Detection

29. Cake <3 VR

30. Thank you