Skip to content


 Zabbix
 Grafana
 Prometheus
 React Three Fiber
 Threejs and TypeScript
 SocketIO and TypeScript
 Blender Topological Earth
 Sweet Home 3D
 Design Patterns Python
 Design Patterns TypeScript
   
 Course Coupon Codes
Three.js and TypeScript
Kindle Edition
$6.99 $9.99 Paperback 
$22.99 $29.99




Design Patterns in TypeScript
Kindle Edition
$6.99 $9.99 Paperback
$11.99 $19.99




Design Patterns in Python
Kindle Edition
$6.99 $9.99 Paperback
$11.99 $19.99




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