Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/algorithm/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用three.js在react js中渲染fbx模型?_Javascript_Reactjs_Three.js_Fbx - Fatal编程技术网

Javascript 如何使用three.js在react js中渲染fbx模型?

Javascript 如何使用three.js在react js中渲染fbx模型?,javascript,reactjs,three.js,fbx,Javascript,Reactjs,Three.js,Fbx,所以我尝试使用react在three.js中渲染fbx模型。我用它来加载fbx模型。我使用了three.js示例中的示例,并尝试将其呈现到屏幕上,如下所示 componentDidMount(){ const width = this.mount.clientWidth const height = this.mount.clientHeight const scene = new THREE.Scene() const camera = new THR

所以我尝试使用react在three.js中渲染fbx模型。我用它来加载fbx模型。我使用了three.js示例中的示例,并尝试将其呈现到屏幕上,如下所示

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);
     });
}
这是附加的屏幕截图

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

您是否在任何地方调用
renderer.render()
?是的,我刚刚共享了与fbx相关的代码。如果我渲染任何几何体,它会被完美渲染。