Skip to content

TeleportVR

Teleport module for WebVR and THREE.js projects.

The purpose of TeleportVR is to provide an intuitive method to navigate around a Threejs VR scene while minimising the possibility of nausea or motion sickness.

https://github.com/Sean-Bradley/TeleportVR

You can download the project and view the examples.

git clone https://github.com/Sean-Bradley/TeleportVR.git
cd TeleportVR
npm install
npm run dev

Visit https://127.0.0.1:8080/

Note that the above URL is HTTPS. When developing WebVR locally, you will need an SSL certificate. This project auto creates a self-signed certificate that you will need to accept when visiting the development URL in the browser.

Example 1

Basic TeleportVR set up for WebVR and Threejs projects.

TeleportVR Example 1

TeleportVR Example 1

Example 2

Shoot at objects in the scene.

TeleportVR Example 2

TeleportVR Example 2

Example 3

Teleport on top of objects in the scene.

TeleportVR Example 3

TeleportVR Example 3

Example 4

Customising the TeleportVR default meshes.

TeleportVR Example 4

TeleportVR Example 4

Comments