从 react-three-fiber 以 GLTF 格式导出场景

Question

我正在尝试将我的场景保存在 GLTF fromat 中。我看到了使用 exportGLTF 从 Three.js 导出的示例，但我无法弄清楚如何在与反应三纤维网格反应时做同样的事情。我找到的例子是：https://github.com/mrdoob/three.js/blob/master/examples/misc_exporter_gltf.html.

Answer 1

你必须从组件中获取一个 ref 并在像 useEffect 这样的一些反应状态回调中使用它

export default function something(props){
 const meshRef = useRef();
 const exporter = new GLTFExporter();

 useEffect(() =>{
  exporter.parse( meshRef.current, function ( gltf ) {
    downloadJSON( gltf );
  }, options ); // you will have to provide the options here
 })
 return(
  <mesh ref={meshRef}>
  ...
  </mesh>
 )
}