2017-11-11 20:23:45 +01:00
|
|
|
import React from 'react';
|
2017-12-06 11:54:09 +01:00
|
|
|
import { JSONLoader } from 'three/src/loaders/JSONLoader.js';
|
2017-11-11 20:23:45 +01:00
|
|
|
import { Interface } from 'doodle3d-slicer';
|
2017-11-12 00:11:05 +01:00
|
|
|
import fileURL from '!url-loader!./models/shape.json';
|
2017-11-11 20:23:45 +01:00
|
|
|
import { render } from 'react-dom';
|
2017-11-12 16:58:59 +01:00
|
|
|
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
|
|
|
|
import injectTapEventPlugin from 'react-tap-event-plugin';
|
2017-12-14 11:55:14 +01:00
|
|
|
import jss from 'jss';
|
|
|
|
import preset from 'jss-preset-default';
|
|
|
|
import normalize from 'normalize-jss';
|
2017-11-12 16:58:59 +01:00
|
|
|
|
|
|
|
injectTapEventPlugin();
|
2017-11-12 01:15:38 +01:00
|
|
|
|
2017-12-14 11:55:14 +01:00
|
|
|
jss.setup(preset());
|
|
|
|
jss.createStyleSheet(normalize).attach();
|
|
|
|
jss.createStyleSheet({
|
|
|
|
'@global': {
|
|
|
|
'*': { margin: 0, padding: 0 },
|
|
|
|
'#app, body, html': { height: '100%', fontFamily: 'sans-serif' },
|
|
|
|
body: { overflow: 'auto' },
|
|
|
|
html: { overflow: 'hidden' }
|
|
|
|
}
|
|
|
|
}).attach();
|
2017-11-12 13:08:51 +01:00
|
|
|
|
2017-12-06 11:54:09 +01:00
|
|
|
const jsonLoader = new JSONLoader();
|
2017-08-17 16:13:30 +02:00
|
|
|
jsonLoader.load(fileURL, geometry => {
|
2017-11-12 01:41:09 +01:00
|
|
|
render((
|
2017-11-12 16:58:59 +01:00
|
|
|
<MuiThemeProvider>
|
2017-12-05 13:03:00 +01:00
|
|
|
<Interface geometry={geometry} name="Doodle3D"/>
|
2017-11-12 16:58:59 +01:00
|
|
|
</MuiThemeProvider>
|
2017-11-12 01:41:09 +01:00
|
|
|
), document.getElementById('app'));
|
2017-07-28 10:48:46 +02:00
|
|
|
});
|