solar-system/dist/solar-system-react.js

Solar System with Threejs

'use strict';

/*
 * solar-system-react.jsx
 * @Description solar-system react component.
 * @link https://github.com/kdaimiel/solar-system#readme
 * @author Enrique Daimiel Ruiz <k.daimiel@gmail.com>
 * @license MIT License, http://www.opensource.org/licenses/MIT
 */

require(['solar-system'], function three(SolarSystem) {

  'use strict';

  var SolarSystemComponent = React.createClass({
    displayName: 'SolarSystemComponent',

    render: function render() {
      SolarSystem.init(this.props);
      return null;
    }
  });

  var solarSystemElement = document.getElementById('solar-system');

  ReactDOM.render(React.createElement(SolarSystemComponent, {
    width: solarSystemElement.getAttribute('width'),
    height: solarSystemElement.getAttribute('height'),
    bodiesSrc: solarSystemElement.getAttribute('bodies-src'),
    cameraSrc: solarSystemElement.getAttribute('camera-src'),
    lightsSrc: solarSystemElement.getAttribute('lights-src') }), solarSystemElement);
});