如何使用Three.js在React JS中渲染fbx模型?

时间:2018-08-06 17:36:08

标签: javascript reactjs three.js fbx

所以我试图使用react在three.js中渲染fbx模型。我使用了three-npm packagethree-fbx-loader来加载fbx模型。我使用了Three.js示例中的samba dancing fbx,并尝试将其呈现在屏幕上。

componentDidMount(){
     const width = this.mount.clientWidth
     const height = this.mount.clientHeight

     const scene = new THREE.Scene()
     const camera = new THREE.PerspectiveCamera(
       75,
       width / height,
       0.1,
       1000
     ) 

     const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true })
     camera.position.z = -35;
     var fbxLoader = new FBXLoader();
     fbxLoader.load('Samba Dancing.fbx', obj => {
        console.log('MODEL: ', obj);
        scene.add(obj);
     });
}

这是所附的屏幕截图enter image description here

未显示模型。 任何帮助将不胜感激。

0 个答案:

没有答案