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 environment.

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

AcceleroMeterGyroscope

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 , orientation etc

Immersive Photography Development

Equirectangular Projection Stereoscopic ViewWorking with sensorsHTML5 Audio

Three JS Terminologies

Scene CameraMeshRenderer

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