summaryrefslogtreecommitdiff
path: root/frontend/site/projects/museum/views/stl.overlay.js
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/site/projects/museum/views/stl.overlay.js')
-rw-r--r--frontend/site/projects/museum/views/stl.overlay.js109
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