Update assets/modelviewer-template.html

assets/modelviewer-template.html

@@ -11,10 +11,10 @@
             const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 
             modelViewers.forEach(modelViewer => {
-                modelViewer.setAttribute(
-                    "environment-image",
-                    "/static/env_maps/gradient.jpg"
-                );
+                // modelViewer.setAttribute(
+                //     "environment-image",
+                //     "/static/env_maps/gradient.jpg"
+                // );
                 // if (!isSafari) {
                 //     modelViewer.setAttribute(
                 //         "environment-image",
@@ -30,14 +30,14 @@
                 //         material.pbrMetallicRoughness.setBaseColorFactor(color);  // CornflowerBlue in RGB
                 //     });
                 // }
-                // modelViewer.addEventListener('load', (event) => {
-                //     const [material] = modelViewer.model.materials;
-                //     let color = [43, 44, 46, 255];
-                //     color = color.map(x => x / 255);
-                //     material.pbrMetallicRoughness.setMetallicFactor(0.1); // 完全金属
-                //     material.pbrMetallicRoughness.setRoughnessFactor(0.7); // 低粗糙度
-                //     material.pbrMetallicRoughness.setBaseColorFactor(color);  // CornflowerBlue in RGB
-                // });
+                modelViewer.addEventListener('load', (event) => {
+                    const [material] = modelViewer.model.materials;
+                    let color = [43, 44, 46, 255];
+                    color = color.map(x => x / 255);
+                    material.pbrMetallicRoughness.setMetallicFactor(0.1); // 完全金属
+                    material.pbrMetallicRoughness.setRoughnessFactor(0.7); // 低粗糙度
+                    material.pbrMetallicRoughness.setBaseColorFactor(color);  // CornflowerBlue in RGB
+                });
             });
         });
     </script>