Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
VR Development with Javascript Team CAKE Reports (ReportsNG)
CONTENTS • What is VR • How VR Works • What is Web VR • Immersive Photography Dev with JS • Demo • Integrating VR with Cake
What is VR And an Immersive Economy Virtual Reality (VR) is the use of computer technology to create a simulated environme...
Immersive Experience Types Immersive Photographs
Immersive Experience Types Immersive Video
Immersive Experience Types 3D Graphics
Immersive Experience Types Augmented Reality
Virtual and Augmented Realities
Vision : Stereoscopic Display
Vision : Stereoscopic Display
Sound : Binaural Audio Immersive VR Must Have Convincing sound to match
Movement : Sensors AcceleroMeter Gyroscope MagnetoMeter
Stereoscopic Vision : How Realistic ?
VR HeadSet
VR Development
Virtual Reality in WEB ➔WebGL ◆3D in Web Browsers ➔Three JS ◆JS Library for Webgl ➔Web VR API ◆ Headset position , orienta...
Immersive Photography Development Equirectangular Projection Stereoscopic View Working with sensors HTML5 Audio
Three JS Terminologies Scene Camera Mesh Renderer
Three JS Plugins Create the Scene and Rederer
Camera And Effects ❖ Field of View ❖ Aspect Ratio ❖ Near ❖ Far
Create the Sphere
Create Mesh with Geometry and Material
Device Controls
Animate Function Handling Audio
Immersive Video
Immersive 3D Graphics
Physics Engine and Collision Detection
Cake <3 VR
Thank you
VR Development with JavaScript
Upcoming SlideShare
Loading in …5
×
Technology
773 views
May. 30, 2016

VR Development with JavaScript

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.

no profile picture user

  • Login to see the comments

  • Be the first to like this

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

×