#app
View Compiled
body {
  margin: 0;
}
ReactVR.init(
  // When you're ready to deploy your app, update this line to point to
  // your compiled index.bundle.js
  'https://reactvrappcdn.surge.sh/index.bundle.js',
  // Attach it to the body tag
  document.body
);

/* CODE:

import React from 'react';
import {
  AppRegistry,
  View,
  Sphere,
  PointLight,
} from 'react-vr';

export default class TEST extends React.Component {
  render() {
    return (
      <View>
        <Sphere
          radius={1}
          widthSegments={32}
          heightSegments={32}
          style={{
            transform: [
              {translate: [0, 0, -10]}
            ],
          }}
          materialParameters={{
            color: 0xffffff
          }}
          lit={true}
        />
      <PointLight
        style={{
          transform: [
            {translate: [2, 2, 2]}
          ],
        }}
      />
      </View>
    );
  }
};

AppRegistry.registerComponent('TEST', () => TEST);

*/
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://reactvrappcdn.surge.sh/client.bundle.js