PointCloudVR

Point Cloud object viewer in WebXR This project's locomotion stems from Sean Bradley's TeleportVR

git clone https://github.com/leoforney/PointCloudVR
cd PointCloudVR
npm install
npm run dev

Visit https://127.0.0.1:3000/

How to import TeleportVR

npm install teleportvr

Import it into your code

import TeleportVR from "teleportvr";

How to Instantiate And Use

After creating your THREE.Scene and THREE.Camera, create a new TeleportVR object.

const teleportVR = new TeleportVR(scene, camera);

Create geometries for the hands and add controller grips, see example code for more info.

Update TeleportVR in your render loop

teleportVR.update();
renderer.render(scene, camera);

TeleportVR Source Project

This is a typescript project consisting of two sub projects with there own tsconfigs.

To edit this example, then modify the files in ./src/client/ or ./src/server/

The projects will auto recompile if you started it by using npm run dev

Threejs TypeScript Course

Visit https://github.com/Sean-Bradley/Three.js-TypeScript-Boilerplate for a Threejs TypeScript boilerplate containing many extra branches that demonstrate many examples of Threejs.

To help support this Threejs example, please take a moment to look at my official Threejs TypeScript course at

Three.js and TypeScript

Discount Coupons for all my courses can be found at https://sbcode.net/coupons