Justin Rogers DigiTec

Transform a React VR CLI project into an OVRUI project.

To get started npm install -g react-vr-cli for the React VR CLI to make new projects.

Then react-vr init PROJECT_NAME to create a project directory with all of the React VR code.

From here you can copy the below files into the root and they will automatically reference the node_modules versions of THREE and OVRUI.

	const parseArgs = require('./parseArgs');
	const options = parseArgs(process.argv);

	const host = options.host \|\| process.env.SHELLDRIVER_HOST \|\| '127.0.0.1';
	const port = options.port \|\| process.env.SHELLDRIVER_PORT \|\| '8080';
	const overlayPort = options.overlayPort \|\| process.env.SHELLDRIVER_OVERLAY_PORT \|\| '8081';

	const shellDriverFactory = require('./shell-driver/shell-driver');
	const shellDriver = new shellDriverFactory.ShellDriver(host, port);
	const shellDriverOverlay = new shellDriverFactory.ShellDriver(host, overlayPort);

	// This is connected to your "Enter WebVR" button
	function onVRRequestPresent () {
	console.log("onVRRequestPresent begin");
	// This can only be called in response to a user gesture.
	var attributes = {
	highRefreshRate: true,
	};
	vrDisplay.requestPresent([{source: webglCanvas, attributes: attributes}]).then(function () {
	// Nothing to do because we're handling things in onVRPresentChange.
	console.log("highRefreshRate = " + vrDisplay.getLayers()[0].attributes.highRefreshRate);

	// Auto-generated content.
	// This file contains the boilerplate to set up your React app.
	// If you want to modify your application, start in "index.vr.js"

	// Auto-generated content.
	import {VRInstance} from 'react-vr-web';

	// *** Previously vrapp was hardcoded, by adding it we can target our init
	// *** and have it choose a specific component.
	function init(bundle, vrapp, parent, options) {

	bool HTMLElementElement::isNewFeatureAllowed(bool defaultValue) {
	KURL frame_url = document.url();
	if (frame_url.host() == "example.com" \|\| frame_url.host().endsWith(".example.com")) {
	return false;
	}
	return defaultValue;
	}

	let textureLoader = {
	webLoader: new THREE.TextureLoader(),
	cache: {},
	useCache: true,
	getTexture: function (url) {
	let cache = this.cache;
	let webLoader = this.webLoader;
	if (!cache[url]) {
	cache[url] = new Promise(function (resolve, reject) {
	webLoader.setCrossOrigin('Access-Control-Allow-Origin');

	// Const Expr Playground.cpp : Defines the entry point for the console application.
	//

	#include "stdafx.h"

	typedef void(*InitializeMethod)(int foo);

	void InitMethod(int foo)
	{