【R3F】0.8drei使用

seelingzheng

已于 2024-03-13 11:47:57 修改

阅读量570

点赞数

分类专栏： Threejs 文章标签： R3F threejs react.js 前端

于 2023-07-27 14:36:20 首次发布

本文链接：https://blog.youkuaiyun.com/seelingzheng/article/details/131959622

版权

Threejs 专栏收录该内容

27 篇文章 ¥129.90 ¥299.90

订阅专栏

本文介绍了如何在R3F中使用0.8drei版本，包括安装引用、控制器的使用，详细讲解了如何添加镜面反射材质，并探讨了不同类型的控制器特性。此外，还提到了标签的创建，特别是如何将文本转化为3D对象以及设置标签的飘浮效果。最后，通过一个案例展示了如何应用钩子函数来配置灯光辅助器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装引用

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=

了解本专栏