https://github.com/slickcharmer/fbx-model-basic

Import 3D model with FBX and put texture using three.js
https://github.com/slickcharmer/fbx-model-basic

3d fbx model thressjs

Last synced: 3 months ago
JSON representation

Import 3D model with FBX and put texture using three.js

• Host: GitHub
• URL: https://github.com/slickcharmer/fbx-model-basic
• Owner: slickcharmer
• Created: 2024-03-15T16:36:00.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-15T16:36:34.000Z (about 1 year ago)
• Last Synced: 2025-01-15T06:50:30.655Z (5 months ago)
• Topics: 3d, fbx, model, thressjs
• Language: JavaScript
• Homepage:
• Size: 8.05 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# FBX Model Render using Three.js and Put Texture

### Import FBX Model

```

function Scene() {

  const fbx = useFBX("SkullDagger3PartLP.fbx");

});

  return (

    <>

      

      

      

        

        

      

    >

  );

}

```

### Put Texture to FBX

```

  fbx.traverse(function (child) {

    if (child instanceof THREE.Mesh) {

        child.material.map = colorMap

        child.material.needsUpdate = true;

    }

});

```

![ezgif-5-73bd2b1bac](https://user-images.githubusercontent.com/92864027/217254624-c12a21f5-d5e7-4bdf-9afc-521a42095b51.gif)