GUI 参数
通过 GUI(Leva)将材质参数暴露为可交互输入,并接入 TSL 表达式,实现即时可视化迭代。
1. 适用场景与收益
- 迭代更快:在界面上拖拽参数,立刻观察效果变化。
- 演示友好:评审或分享时无需改代码即可交互调参。
- 可扩展:同样方式可覆盖更多节点与材质属性。
2. 安装
3. 最小可运行示例(R3F + TSL + Leva)
将 time 与 sin 组合为脉冲因子;用 GUI 控制 baseColor 与 speed,并把表达式作为 colorNode 传入材质。 time / sin.
4. 关键步骤拆解
(1)GUI schema
(2)构建 TSL 表达式
(3)赋值到材质
5. 运行与验证
6. 性能与扩展:使用 uniform
通过 uniform 更新数值,避免频繁重建节点图