使用 React-js 显示 3d 模型格式 gltf
Display 3d model format gltf With React-js
我想将 3d 模型显示到 React JS 组件中，我对如何使用 Three fiber 或 web GL 进行了一些研究，但说明对我来说并不清楚，当我尝试使用 3D 查看器或模型查看器等简化包时来自 google 它根本不起作用或不匹配当前的反应版本 17
在react-three-fiber中加载模型非常简单：https://codesandbox.io/s/hungry-easley-lwmpi
对于更复杂的情况，当你想真正改变模型时，总是使用 gltfjsx：https://github.com/pmndrs/gltfjsx here's a quick video recap as to how powerful and easy that workflow can be: https://twitter.com/0xca0a/status/1341811710081044483
您不需要模型查看器，它非常有限，我建议您不要在 React 中使用普通的 threejs，那样会适得其反。在考虑加载模型之前，您将首先编写大量样板文件。当你完成时，你有一些与 React 相反的东西：三是命令式的，而不是声明式的。
我想将 3d 模型显示到 React JS 组件中，我对如何使用 Three fiber 或 web GL 进行了一些研究，但说明对我来说并不清楚，当我尝试使用 3D 查看器或模型查看器等简化包时来自 google 它根本不起作用或不匹配当前的反应版本 17
在react-three-fiber中加载模型非常简单：https://codesandbox.io/s/hungry-easley-lwmpi
对于更复杂的情况，当你想真正改变模型时，总是使用 gltfjsx：https://github.com/pmndrs/gltfjsx here's a quick video recap as to how powerful and easy that workflow can be: https://twitter.com/0xca0a/status/1341811710081044483
您不需要模型查看器，它非常有限，我建议您不要在 React 中使用普通的 threejs，那样会适得其反。在考虑加载模型之前，您将首先编写大量样板文件。当你完成时，你有一些与 React 相反的东西：三是命令式的，而不是声明式的。