vr development with javascript
TRANSCRIPT
![Page 1: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/1.jpg)
![Page 2: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/2.jpg)
VR Development with Javascript
Team CAKE Reports (ReportsNG)
![Page 3: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/3.jpg)
CONTENTS
• What is VR• How VR Works • What is Web VR• Immersive Photography Dev with JS• Demo• Integrating VR with Cake
![Page 4: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/4.jpg)
What is VR And an Immersive Economy
Virtual Reality (VR) is the use of computer technology to create a simulated environment.
![Page 9: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/9.jpg)
Virtual and Augmented Realities
![Page 10: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/10.jpg)
Vision : Stereoscopic Display
![Page 11: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/11.jpg)
Vision : Stereoscopic Display
![Page 12: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/12.jpg)
Sound : Binaural Audio
Immersive VR Must Have Convincing sound to match
![Page 13: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/13.jpg)
Movement : Sensors
AcceleroMeterGyroscope
MagnetoMeter
![Page 14: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/14.jpg)
Stereoscopic Vision : How Realistic ?
![Page 15: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/15.jpg)
VR HeadSet
![Page 16: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/16.jpg)
VR Development
![Page 17: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/17.jpg)
Virtual Reality in WEB
➔WebGL ◆ 3D in Web Browsers
➔Three JS ◆ JS Library for Webgl
➔Web VR API ◆ Headset position , orientation etc
![Page 18: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/18.jpg)
Immersive Photography Development
Equirectangular Projection Stereoscopic ViewWorking with sensorsHTML5 Audio
![Page 19: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/19.jpg)
Three JS Terminologies
Scene CameraMeshRenderer
![Page 20: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/20.jpg)
Three JS Plugins
Create the Scene and Rederer
![Page 21: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/21.jpg)
Camera And Effects
❖ Field of View❖ Aspect Ratio❖ Near❖ Far
![Page 22: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/22.jpg)
Create the Sphere
![Page 23: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/23.jpg)
Create Mesh with Geometry and Material
![Page 24: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/24.jpg)
Device Controls
![Page 25: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/25.jpg)
Animate Function
Handling Audio
![Page 26: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/26.jpg)
Immersive Video
![Page 27: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/27.jpg)
Immersive 3D Graphics
![Page 28: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/28.jpg)
Physics Engine and Collision Detection
![Page 29: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/29.jpg)
Cake <3 VR
![Page 30: VR Development with JavaScript](https://reader031.vdocument.in/reader031/viewer/2022022203/587671601a28abd0018b62ef/html5/thumbnails/30.jpg)
Thank you