[控场AI]
概念R3F

React Three Fiber

Three.js 的 React 渲染器,将 3D 场景中的对象、材质、光照抽象为 React 组件,支持声明式编写交互式 3D 应用,与 React 状态管理和生态工具配合使用

时间轴 (近 90 天)

10月13日

Pascal Editor 是一套用 TypeScript 编写的开源 Web 端编辑器,底层渲染依赖 React Three Fiber(R3F)和 WebGPU。

待验证50%
10月13日

React Three Fiber(R3F)是 Three.js 的 React 渲染器,把 3D 场景中的对象、材质、光照等抽象为 React 组件,支持声明式编写 3D 应用。

待验证50%
9月11日

该Demo的物理引擎使用Rapier.js(WASM编译),渲染层使用React Three Fiber,完全客户端运行,浏览器内60fps实时运行,仿真无需服务端算力

待验证50%
9月10日

R3F生态中drei库提供预构建组件,rapier提供物理引擎集成,postprocessing提供后期处理效果;R3F使用useFrame驱动每帧更新,用useThree访问Three.js核心对象

待验证50%
9月10日

React Three Fiber将Three.js对象转换为React组件,使3D场景可以使用声明式语法和hooks

待验证50%
9月8日

React Three Fiber将Three.js封装为React组件化API,Drei提供了常用3D组件的预置库,Leva提供调试用的GUI面板

待验证50%

全部知识事实 (6)

来源文章