Update index.html

index.html

@@ -375,12 +375,13 @@
       document.getElementById('loading').textContent = 'Loading character...';
       
       fbxLoader.load('./character.fbx', (fbx) => {
-        playerModel = fbx;
-        playerModel.scale.set(0.01, 0.01, 0.01);
-        playerModel.position.set(playerPos.x, playerPos.y, playerPos.z);
+        playerModel = new THREE.Group();
+        
+        // Add the FBX model to a group for easier manipulation
+        fbx.scale.set(0.01, 0.01, 0.01);
         
         // Make character visible with proper materials
-        playerModel.traverse((child) => {
+        fbx.traverse((child) => {
           if (child.isMesh) {
             child.castShadow = true;
             child.receiveShadow = true;
@@ -393,10 +394,14 @@
           }
         });
         
+        playerModel.add(fbx);
+        playerModel.position.set(playerPos.x, playerPos.y, playerPos.z);
+        
         scene.add(playerModel);
         loadingSteps.character = true;
         updateLoadingStatus();
         console.log('✅ Character loaded!');
+        console.log('Character position:', playerModel.position);
       }, (xhr) => {
         const percent = (xhr.loaded / xhr.total * 100).toFixed(1);
         document.getElementById('loading').textContent = `Loading character ${percent}%`;