You'd probably do better just to use aframe, but if you need a way to fire up a vr scene in straight ahead THREE, this will get you going quick. DEMO
- Install:
npm i -S three-quickvr- Use:
import QuickVR from 'three-quickvr';
import {
BoxGeometry,
MeshLambertMaterial,
Mesh,
PointLight,
Vector3,
} from 'three';
const app = new QuickVR();
const cube = new Mesh(
new BoxGeometry(50, 50, 50),
new MeshLambertMaterial({color: 0xffffff})
);
cube.position.set(0, 0, -150);
app.add(cube);
const light = new PointLight(0x0000ff);
light.position.set(0, 100, 200);
app.add(light);
const axis = new Vector3(0, 1, 1);
function animation() {
cube.rotateOnAxis(axis, -0.01);
}
app.addAnimation(animation);the above code will look something like this: