LogoClawIndex
案例技能关于
LogoClawIndex

react-three-fiber - React Three Fiber 3D 渲染器

基于 JSON 规范构建和渲染 3D 场景

标签

更新于: 2026-03-20
3DThree.jsReact渲染器JSONWebGL图形

能力

典型输入

典型输出

该技能可以做什么

  • 渲染 3D 场景
  • 创建几何体
  • 添加光源
  • 加载模型
  • 配置相机
  • 设置环境
  • 定义材质
  • 变换对象
  • 启用阴影
  • 添加 3D 文本
  • 控制视角
  • 添加雾效
  • 创建组
  • 显示网格

输入

  • JSON 规范
  • 目录模式
  • 组件定义
  • 注册表配置
  • 3D 模型 URL
  • HDRI 环境预设
  • 相机设置
  • 材质属性

输出

  • 3D 场景画布
  • 网格元素
  • 光源元素
  • 模型元素
  • 环境贴图
  • 阴影贴图

要求

  • react ^19.0.0
  • @react-three/fiber >= 8.0.0
  • @react-three/drei >= 9.0.0
  • three >= 0.160.0
  • zod ^4.0.0

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
渲染 3D 场景
创建几何体
添加光源
加载模型
JSON 规范
目录模式
组件定义
3D 场景画布
网格元素
光源元素