skull resize

Author: soohoonc

public/assets/models/spinosaurus.stl

@@ -1,10 +1,10 @@
 const second = new Date().getSeconds();
 const scriptName = (() => {
   switch (second % 3) {
-    case 0:
-      return 'life';
-    case 1:
-      return 'donut';
+    // case 0:
+    //   return 'life';
+    // case 1:
+    //   return 'donut';
     default:
       return 'skull';
   }

public/scripts/index.js

@@ -63,7 +63,15 @@ function initializeSkull(geometry) {
   myMesh.position.set(0, 0, 0);
   myMesh.rotation.x = 0.2;
 
-  camera.position.x = bbox.max.x * 9;
+  if (window.innerWidth < window.innerHeight) {
+    myMesh.rotation.x = 0.2 - Math.PI / 2;
+  }
+
+  const screenArea = window.innerWidth * window.innerHeight;
+  const referenceArea = 1920 * 1080;
+  const scaleFactor = Math.sqrt(screenArea / referenceArea);
+  
+  camera.position.x = (bbox.max.x * (window.innerWidth < window.innerHeight ? 4 : 6))/ scaleFactor;
   camera.position.y = 0;
   camera.position.z = 0;
   camera.lookAt(0, 0, 0);
@@ -91,4 +99,18 @@ window.addEventListener('resize', function () {
   camera.updateProjectionMatrix();
   renderer.setSize(window.innerWidth, window.innerHeight);
   effect.setSize(window.innerWidth, window.innerHeight);
+  
+  if (window.innerWidth < window.innerHeight) {
+    myMesh.rotation.x = 0.2 - Math.PI / 2;
+  } else {
+    myMesh.rotation.x = 0.2;
+  }
+
+  if (myMesh.geometry) {
+    const bbox = myMesh.geometry.boundingBox;
+    const screenArea = window.innerWidth * window.innerHeight;
+    const referenceArea = 1920 * 1080;
+    const scaleFactor = Math.sqrt(screenArea / referenceArea);
+    camera.position.x = (bbox.max.x * (window.innerWidth < window.innerHeight ? 4 : 6)) / scaleFactor;
+  }
 });