client.js

// This file contains the boilerplate to execute your React app.
// If you want to modify your application's content, start in "index.js"

import {ReactInstance} from 'react-360-web';
import {Location} from 'react-360-web';

function init(bundle, parent, options = {}) {
  const r360 = new ReactInstance(bundle, parent, {
    // Add custom options here
    fullScreen: true,
    ...options,
  });
  // Create a location two meters in front of the user, and one meter down
  const location = new Location([0, -3, -8]);

  // Render to this location
  r360.renderToLocation(
    r360.createRoot('React3DView'),
    location,
  );

  // Load the initial environment
  r360.compositor.setBackground(r360.getAssetURL('chess-world.jpg'));
}

window.React360 = {init};