sa2kit 1.4.0 → 1.4.2

package/dist/mmd/index.mjs

@@ -476,6 +476,56 @@ var MMDPlayerBase = forwardRef((props, ref) => {
         });
         scene.add(mesh);
         console.log("[MMDPlayerBase] \u2705 Model added to scene (fully loaded)");
+        const isMobileDevice = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768;
+        if (isMobileDevice) {
+          console.log("[MMDPlayerBase] \u{1F4F1} Mobile device detected, applying optimizations...");
+          if (renderer.capabilities.vertexTextures) {
+            console.log("[MMDPlayerBase]   \u2705 Vertex textures supported");
+          } else {
+            console.log("[MMDPlayerBase]   \u26A0\uFE0F Vertex textures NOT supported");
+          }
+          let simplifiedMaterialCount = 0;
+          mesh.traverse((child) => {
+            if (child instanceof THREE.Mesh || child instanceof THREE.SkinnedMesh) {
+              const materials = Array.isArray(child.material) ? child.material : [child.material];
+              materials.forEach((material, idx) => {
+                if (material instanceof THREE.MeshPhongMaterial || material instanceof THREE.MeshStandardMaterial) {
+                  const originalColor = material.color?.clone();
+                  const originalMap = material.map;
+                  const basicMaterial = new THREE.MeshBasicMaterial({
+                    color: originalColor || 16777215,
+                    map: originalMap,
+                    transparent: material.transparent,
+                    opacity: material.opacity,
+                    side: material.side,
+                    alphaTest: material.alphaTest
+                  });
+                  if (Array.isArray(child.material)) {
+                    child.material[idx] = basicMaterial;
+                  } else {
+                    child.material = basicMaterial;
+                  }
+                  material.dispose();
+                  simplifiedMaterialCount++;
+                }
+              });
+            }
+          });
+          if (simplifiedMaterialCount > 0) {
+            console.log(`[MMDPlayerBase]   \u2705 Simplified ${simplifiedMaterialCount} materials to MeshBasicMaterial`);
+          }
+          const MAX_BONES = 64;
+          if (mesh.skeleton) {
+            const boneCount = mesh.skeleton.bones.length;
+            if (boneCount > MAX_BONES) {
+              console.warn(`[MMDPlayerBase]   \u26A0\uFE0F Model has ${boneCount} bones (max recommended: ${MAX_BONES})`);
+              console.warn(`[MMDPlayerBase]   This may cause performance issues on mobile devices`);
+            } else {
+              console.log(`[MMDPlayerBase]   \u2705 Bone count: ${boneCount} (within limit)`);
+            }
+          }
+          console.log("[MMDPlayerBase] \u{1F4F1} Mobile optimizations applied");
+        }
         if (resources.cameraPath) {
           loader.loadAnimation(
             resources.cameraPath,
@@ -2270,7 +2320,7 @@ var LoadingScreen = ({
       /* @__PURE__ */ React6.createElement(
         "div",
         {
-          className: "flex items-center justify-center flex-col inset-0 w-full h-full opacity-25 pointer-events-none",
+          className: "flex items-center justify-center flex-col inset-0 w-full h-full pointer-events-none",
           style: {
             background: `linear-gradient(45deg, 
             rgba(255, 182, 193, 0.2) 0%, 
@@ -2364,7 +2414,7 @@ var StartScreen = ({
       /* @__PURE__ */ React6.createElement(
         "div",
         {
-          className: "flex items-center justify-center flex-col inset-0 w-full h-full opacity-30 pointer-events-none",
+          className: "flex items-center justify-center flex-col inset-0 w-full h-full pointer-events-none",
           style: {
             background: `linear-gradient(45deg, 
             rgba(255, 182, 193, 0.25) 0%,