$ npm install
# or
$ yarn install

$ npm start

$ npm run build

import VRPage from 'common/js/VRPage';

import ASSET_TEXTURE_BOX from '../assets/texture/box.jpg';
class Index extends VRPage {
	constructor() {
		// webgl renderer container,default is document.body
		super({container:document.querySelector('.webvr-container')});
	}
	start() {
		let geometry = new THREE.CubeGeometry(5,5,5);
		let material = new THREE.MeshBasicMaterial({ 
			map: new THREE.TextureLoader().load(ASSET_TEXTURE_BOX) 
		});
		this.box = new THREE.Mesh(geometry,material);
		this.box.position.set(3,-2,-3);
		// add gaze eventLisenter
		WebVR.Scene.add(this.box);
		this.box.on('gaze',mesh => { // gazeIn trigger
			mesh.scale.set(1.2,1.2,1.2);
		},mesh => { // gazeOut trigger
		});
	}
	loaded() {
        console.log(`${ASSET_TEXTURE_BOX} has been loaded.`);
	}
	update(delta) {
		this.box.rotation.y += 0.05;
	}
}
export default (() => {
	return new Index();
})();

WebVR.forward('pageFileName');
/* 2 steps to be excuted in WebVR.forward function
WebVR.cleanPage(); // clear object3d and events in current page
import(`page/${pageFileName}.js`); // fetch and load the next page
*/