diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2021-04-06 16:38:27 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2021-04-06 16:38:27 +0200 |
| commit | 7b127b4cbf2f83b17a7abc2ccc4af5fda178a476 (patch) | |
| tree | d6469ae1147cd88eac9a6d912dd8a333cdfa90f1 /frontend/site/projects/museum/stl-files.js | |
| parent | 194ead8894b77638de5db7626b7c35cd754c11c7 (diff) | |
making 3d models smaller
Diffstat (limited to 'frontend/site/projects/museum/stl-files.js')
| -rw-r--r-- | frontend/site/projects/museum/stl-files.js | 25 |
1 files changed, 14 insertions, 11 deletions
diff --git a/frontend/site/projects/museum/stl-files.js b/frontend/site/projects/museum/stl-files.js index 6ac3b75..aaee6cb 100644 --- a/frontend/site/projects/museum/stl-files.js +++ b/frontend/site/projects/museum/stl-files.js @@ -28,11 +28,11 @@ export const STL_FILES = { shininess: 100, }, width: () => window.innerWidth / 2, - height: () => window.innerHeight, + height: () => window.innerHeight * 3/5, style: { - right: "0", - top: "50%", - transform: "translateY(-50%)", + left: "0", + top: "0", + // transform: "translateY(-50%)", }, transform: { rotate: { @@ -50,15 +50,16 @@ export const STL_FILES = { shininess: 30, }, width: () => window.innerWidth / 2, - height: () => window.innerHeight, + height: () => window.innerHeight * 2/3, style: { right: "0", - top: "0", + top: "50%", + transform: "translateY(-50%)", }, transform: { rotate: { x: -Math.PI/2, - y: Math.PI/2, + y: 0, // Math.PI/2, z: 0, } } @@ -70,11 +71,12 @@ export const STL_FILES = { color: "#bfb8a8", shininess: 60, }, - width: () => window.innerWidth / 2, - height: () => window.innerHeight, + width: () => window.innerWidth * 1/2, + height: () => window.innerHeight * 2/3, style: { right: "0", top: "0", + // transform: "translateY(-50%)", }, transform: { rotate: { @@ -92,10 +94,11 @@ export const STL_FILES = { shininess: 80, }, width: () => window.innerWidth / 2, - height: () => window.innerHeight, + height: () => window.innerHeight * 2/3, style: { left: "0", - top: "0", + top: "33%", + transform: "translateY(-50%)", }, transform: { rotate: { |