React Three Lite

pnpm install react-three-lite three

import { Scene } from 'react-three-lite'

function App() {
  return (
    <Scene style={{ width: '100%', height: '400px' }} />
  )
}

3D 开发所需的一切

用最少的代码构建令人惊叹的 3D Web 应用

🚀

组件挂载时自动初始化 3D 场景，设置渲染器、相机、灯光、坐标轴辅助和控制器。

📦

支持使用 IndexedDB 缓存模型以减少重复加载时间。首次加载会将模型数据存储在本地数据库中。

🎯

创建可以包含自定义 React 组件的弹窗，支持在 3D 空间中定位和平滑移动。

🎬

内置动画系统，用于播放和控制 3D 模型动画，支持多个动画片段。

✨

轻松添加视觉效果，如 bloom、景深和后期处理，增强您的 3D 场景。

📘

完整的 TypeScript 支持，包含所有组件和工具的全面类型定义。

几分钟内开始使用 React Three Lite！

~15KB

Gzipped 大小

100%

TypeScript

Minimal

依赖项

感谢所有贡献者！