不确定在 R3F 中使用 Cannon.js 和导入模型的最佳方式

问题描述

目前刚刚开始使用 R3F，但我在使用 Cannon.js 为导入的模型设置物理时遇到了麻烦。

我从 Blender 导入我的模型作为 gltf，然后使用 GLTFJSX 将它们转换为 JSX 组件。到目前为止，对于一些基本形状，我刚刚使用 cannon.js 中可用的基本形状制作物理几何，但是要让它适用于我的其他一些形状，需要做大量的额外工作

我的 jsx 组件的片段：

import React,{ useRef} from 'react'
import { useGLTF} from '@react-three/drei'

export default function Model(props) {

  const group = useRef()
  const { nodes,materials } = useGLTF('/Bucket.glb')

  return (
    <group ref={group} {...props} dispose={null}>
      <group rotation={[-Math.PI / 2,0]}>
        <group rotation={[Math.PI / 2,0]}>
          <mesh geometry={nodes.polySurface17_lAmbert2_0.geometry} material={nodes.polySurface17_lAmbert2_0.material} />
          <mesh geometry={nodes.polySurface17_phongE1_0.geometry} material={nodes.polySurface17_phongE1_0.material} />
          <mesh geometry={nodes.polySurface18_phongE1_0.geometry} material={nodes.polySurface18_phongE1_0.material} />
          <mesh geometry={nodes.polySurface19_phongE1_0.geometry} material={nodes.polySurface19_phongE1_0.material} />
          <mesh geometry={nodes.polySurface1_lAmbert2_0.geometry} material={nodes.polySurface1_lAmbert2_0.material} />
        </group>
      </group>
      <mesh geometry={nodes.Cube.geometry} material={materials.Material} />
    </group>
  )
}

useGLTF.preload('/Bucket.glb')

感谢任何帮助或指导！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）