diff options
Diffstat (limited to 'frontend/site/projects/museum/views/stl.overlay.js')
| -rw-r--r-- | frontend/site/projects/museum/views/stl.overlay.js | 109 |
1 files changed, 2 insertions, 107 deletions
diff --git a/frontend/site/projects/museum/views/stl.overlay.js b/frontend/site/projects/museum/views/stl.overlay.js index bdea952..53dc5e1 100644 --- a/frontend/site/projects/museum/views/stl.overlay.js +++ b/frontend/site/projects/museum/views/stl.overlay.js @@ -4,6 +4,7 @@ import { connect } from 'react-redux' import actions from 'site/actions' import STLViewer from '../stl/STLViewer' +import { STL_FILES } from '../stl-files.js' class StlOverlay extends Component { state = { @@ -40,7 +41,7 @@ class StlOverlay extends Component { render() { const { stl } = this.state - if (!this.props.interactive) return null + if (!this.props.interactive || !stl) return null return ( <STLViewer url={stl?.url} @@ -62,109 +63,3 @@ const mapStateToProps = state => ({ }) export default connect(mapStateToProps)(StlOverlay) - -const STL_FILES = { - "nora-queen-of-night-server": { - url: "/last-museum/static/media/last-museum/nora-albadri/queen.stl", - modelMaterial: { - color: "#BCC6CC", - shininess: 50, - }, - width: () => window.innerWidth / 2, - height: () => window.innerHeight, - style: { - left: "0", - top: "0", - }, - transform: { - rotate: { - x: -Math.PI/2, - y: 0, - z: 0, - } - } - }, - - "nora-lamassu-space": { - url: "/last-museum/static/media/last-museum/nora-albadri/lamassu.stl", - modelMaterial: { - color: "#bfb8a8", - shininess: 60, - }, - width: () => window.innerWidth / 2, - height: () => window.innerHeight, - style: { - right: "0", - top: "0", - }, - transform: { - rotate: { - x: -Math.PI/2, - y: 0, - z: 0, - } - } - }, - - "nora-peg-stairs": { - url: "/last-museum/static/media/last-museum/nora-albadri/peg.stl", - modelMaterial: { - color: "#0000ff", - shininess: 30, - }, - width: () => window.innerWidth / 2, - height: () => window.innerHeight, - style: { - right: "0", - top: "0", - }, - transform: { - rotate: { - x: -Math.PI/2, - y: Math.PI/2, - z: 0, - } - } - }, - "nora-nefertiti": { - url: "/last-museum/static/media/last-museum/nora-albadri/nefertiti.stl", - modelMaterial: { - color: "#0000ff", - shininess: 30, - }, - width: () => window.innerWidth / 2, - height: () => window.innerHeight * 2/3, - style: { - left: "0", - top: "0", - }, - transform: { - rotate: { - x: -Math.PI/2, - y: 0, - z: 0, - } - } - }, - "nora-horus-2": { - url: "/last-museum/static/media/last-museum/nora-albadri/shehorus.stl", - modelMaterial: { - color: "#ff8888", - shininess: 100, - }, - width: () => window.innerWidth / 2, - height: () => window.innerHeight, - style: { - right: "0", - top: "50%", - transform: "translateY(-50%)", - }, - transform: { - rotate: { - x: -Math.PI/2, - y: 0, - z: 0, - } - } - } -}
\ No newline at end of file |
