Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

VR Development with JavaScript

765 Aufrufe

Veröffentlicht am

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.

Veröffentlicht in: Technologie
  • Loggen Sie sich ein, um Kommentare anzuzeigen.

  • Gehören Sie zu den Ersten, denen das gefällt!

VR Development with JavaScript

  1. 1. VR Development with Javascript Team CAKE Reports (ReportsNG)
  2. 2. CONTENTS • What is VR • How VR Works • What is Web VR • Immersive Photography Dev with JS • Demo • Integrating VR with Cake
  3. 3. What is VR And an Immersive Economy Virtual Reality (VR) is the use of computer technology to create a simulated environment.
  4. 4. Immersive Experience Types Immersive Photographs
  5. 5. Immersive Experience Types Immersive Video
  6. 6. Immersive Experience Types 3D Graphics
  7. 7. Immersive Experience Types Augmented Reality
  8. 8. Virtual and Augmented Realities
  9. 9. Vision : Stereoscopic Display
  10. 10. Vision : Stereoscopic Display
  11. 11. Sound : Binaural Audio Immersive VR Must Have Convincing sound to match
  12. 12. Movement : Sensors AcceleroMeter Gyroscope MagnetoMeter
  13. 13. Stereoscopic Vision : How Realistic ?
  14. 14. VR HeadSet
  15. 15. VR Development
  16. 16. Virtual Reality in WEB ➔WebGL ◆3D in Web Browsers ➔Three JS ◆JS Library for Webgl ➔Web VR API ◆ Headset position , orientation etc
  17. 17. Immersive Photography Development Equirectangular Projection Stereoscopic View Working with sensors HTML5 Audio
  18. 18. Three JS Terminologies Scene Camera Mesh Renderer
  19. 19. Three JS Plugins Create the Scene and Rederer
  20. 20. Camera And Effects ❖ Field of View ❖ Aspect Ratio ❖ Near ❖ Far
  21. 21. Create the Sphere
  22. 22. Create Mesh with Geometry and Material
  23. 23. Device Controls
  24. 24. Animate Function Handling Audio
  25. 25. Immersive Video
  26. 26. Immersive 3D Graphics
  27. 27. Physics Engine and Collision Detection
  28. 28. Cake <3 VR
  29. 29. Thank you

×