新建Experience.jsx
- 不需要通过
import
的方式引入mesh
等,可以直接使用,直接将helloword
中的mesh部分移动过来即可
export default function Experience() {
return <>
<mesh position={[1, 2, 0]}>
<torusGeometry></torusGeometry>
<meshBasicMaterial></meshBasicMaterial>
</mesh>
</>
}
创建Group组对象
- 需要对mesh进行组合,就需要使用到 group,在r3f中使用group 直接创建group节点即可
- 创建一个plane作为底板可以通过
rotation-x
对plane进行旋转,其中scale={10}
表示xyz同时进行10倍缩放,如果要对xyz分别缩放则可以使用scale={[2,4,6]}