-
Notifications
You must be signed in to change notification settings - Fork 0
/
client.js
37 lines (28 loc) · 1.06 KB
/
client.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
// 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, Location, Surface } from 'react-360-web';
function init(bundle, parent, options = {}) {
const r360 = new ReactInstance(bundle, parent, {
// Add custom options here
fullScreen: true,
...options,
});
// Render your app content to the default cylinder surface
r360.renderToLocation(
r360.createRoot('ConnectedCryptoModel', { /* initial props */ }),
new Location([0, 0, -1])
);
const leftPanel = new Surface(300, 600, Surface.SurfaceShape.Flat);
leftPanel.setAngle(-0.5, 0);
r360.renderToSurface(
r360.createRoot('ConnectedLeftPanel', {}), leftPanel
);
const rightPanel = new Surface(300, 600, Surface.SurfaceShape.Flat);
rightPanel.setAngle(0.5, 0);
r360.renderToSurface(
r360.createRoot('ConnectedRightPanel', {}), rightPanel
);
// Load the initial environment
r360.compositor.setBackground(r360.getAssetURL('360_world.jpg'));
}
window.React360 = { init };