Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.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
Reactjs 使用React js显示三维模型格式gltf_Reactjs_Three.js_3d_React Three Fiber - Fatal编程技术网

Reactjs 使用React js显示三维模型格式gltf

Reactjs 使用React js显示三维模型格式gltf,reactjs,three.js,3d,react-three-fiber,Reactjs,Three.js,3d,React Three Fiber,我想在react JS组件中显示一个3d模型,我对如何使用三纤或web GL进行了一些研究,但说明对我来说并不清楚,当我尝试使用谷歌的3D viewer或model viewer等简化软件包时,它根本不起作用,或者与当前的react版本(17)不匹配。在react三纤中加载模型非常简单: 对于更复杂的情况,当您想要实际更改模型时,请始终使用gltfjsx:下面是一个关于工作流功能强大且简单的快速视频回顾: 您不需要模型查看器,这是非常有限的,我建议您不要在react中使用纯threejs,这会适

我想在react JS组件中显示一个3d模型,我对如何使用三纤或web GL进行了一些研究,但说明对我来说并不清楚,当我尝试使用谷歌的3D viewer或model viewer等简化软件包时,它根本不起作用,或者与当前的react版本(17)不匹配。在react三纤中加载模型非常简单:

对于更复杂的情况,当您想要实际更改模型时,请始终使用gltfjsx:下面是一个关于工作流功能强大且简单的快速视频回顾:

您不需要模型查看器,这是非常有限的,我建议您不要在react中使用纯threejs,这会适得其反。在考虑加载模型之前,您将首先编写大量的模板。当你完成时,你有了与React相反的东西:三是命令式的,而不是声明式的