fiber.framer.wiki Open in urlscan Pro
52.30.200.205  Public Scan

Form analysis
0 forms found in the DOM

Text Content

这里开始

介绍

安装

你的第一个场景

效果案例

API

Canvas组件

对象属性与传参

Hooks

事件

Addition Exports

高级

优化性能

性能陷阱

教程

事件与交互

加载模型

加载材质

基础动画

使用 react-spring

使用 TypeScript

测试

工作机制

其他

🌟GSAP 中文文档教程

🥳Framer-Motion 中文教程

React-Three-Fiber

官方网站



JavaScript | 高手之路

全能课

Best

MasterJS

Made By




Hello~

👋🏻

我是 @好奇代码的三木

一个UI&UX Designer / Developer



CSS

HTML

JavaScript

React

Threejs

Nextjs

Nodejs

WebGL

TypeScript

mini-Programme

Shell



React-three-fiber 是一个基于👉 React 的 3D 渲染库，它将 three.js 的强大渲染能力与 React
的声明式编程模型相结合。使用 react-three-fiber，您可以使用 React 的组件化开发方式来创建复杂的 3D 场景，同时利用 React
的状态管理和生命周期钩子来控制场景的交互和动画。

React-three-fiber 的核心概念是将 three.js 的场景、相机和渲染器作为 React 组件进行封装，使得开发者可以像使用普通 React
组件一样来创建和管理 3D 元素。这种方式可以让开发者更加专注于场景的构建和交互逻辑的实现，而不必过多关注底层的渲染细节。

此外，React-three-fiber 还提供了许多有用的功能，如 SSR、自动调整大小和性能优化等。例如，它提供了 🥳useThree
钩子，可以让开发者轻松地访问场景、相机和渲染器等对象；还提供了 🌟useFrame 钩子，可以让开发者在每一帧中更新场景中的元素。

总之，如果您是前端开发人员，并且想要探索 3D 开发领域，那么 react-three-fiber 绝对值得一试。它不仅提供了强大的 3D 渲染能力，还将
React 的优秀编程模型引入到了 3D 开发中，让开发者可以更加高效、灵活地构建复杂的 3D 场景。

#

支持与联系



可以扫码请我喝杯咖啡

如果我的内容对你有用



👈👈👈

或者加群一起学习👉

如果需要直接联系我



我的课程

JavaScript

高手之路全能课在B站课堂！让你真正彻底掌握JS

点击了解

随着三维开发的在国内的逐步兴起，我尝试这去翻译这个库的文档，来帮助到一些英文不太好的同学来学习使用。

如果你在学习过程中发现官网内容有更新，文档没有及时翻译的内容，可以随时联系我。

#

提示



The professional custom website design builder for startups, designers and
agencies.