安装引用

npm install @react-three/drei@9.50 //这里是为了和之前版本对应

控制器

• 通过 three/examples/jsm/controls/OrbitControls.js 引入使用 查看

• 通过 @react-three/drei 方式很简单直接添加上对应的节点就可以可以了

  import {OrbitControls, TransformControls
  } from '@react-three/drei'export default function DreiExperience() {return <><OrbitControls /><mesh position-x={2} ><sphereGeometry  /> <meshStandardMaterial color="orange" /> </mesh></>
  }
  

• TransformControls使用的方式有两种，其他属性设置同three中的使用方式

  //方式 1 直接包裹需