Test: Difference between revisions

Revision as of 17:29, 28 July 2025

Cell 1	Cell 2
Cell 3	Cell 4

@@ Line 16: / Line 16: @@
 </table>
+<html>
+<head>
+  <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script>
+</head>
+<body>
+<model-viewer id="bearModel"
+  src="https://survivalcraft.wiki/content/Models/Bear.glb"
+  ar shadow-intensity="1"
+  camera-controls touch-action="pan-y">
+</model-viewer>
+<script type="module">
+  const modelViewer = document.querySelector('#bearModel');
+  modelViewer.addEventListener('load', () => {
+    const THREE = modelViewer?.threejs;
+    if (!THREE) {
+      console.error('threejs not exposed by <model-viewer>');
+      return;
+    }
-<html>
+    // Find the mesh/material to change
-<!-- Import the component -->
+    modelViewer.model.scene.traverse((node) => {
-<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script>
+      if (node.isMesh) {
+        const loader = new THREE.TextureLoader();
-<!-- Use it like any other HTML element -->
+        loader.load('https://survivalcraft.wiki/content/Textures/Creatures/Bear_Brown.png', (texture) => {
-<model-viewer src="https://survivalcraft.wiki/content/Bear.glb" ar shadow-intensity="1" camera-controls touch-action="pan-y"></model-viewer>
+          // Apply to material
+          node.material.map = texture;
+          node.material.needsUpdate = true;
+        });
+      }
+    });
+  });
+</script>
+</body>
 </html>