@lucascv/shaderpad-playground 模块测试

左右分屏布局 + pair 模式(vertex+fragment 联动 + tab 切换)。

1. pair 模式:动态色彩波浪 vertex + fragment · plane

编辑器顶部带 Vertex / Fragment 切换 tab。画布始终用两者联动渲染。改 vertex 的 sin() 频率,看波纹变密;改 fragment 的颜色混合公式,看色调变化。

2. pair 模式:球体星空 vertex + fragment · sphere

在球体上跑 shader:vertex 传法线,fragment 用法线方向生成动态花纹。

3. 单 stage:静态红色 type=fragment · plane · 旧 API 兼容

不传 pair,只编辑 fragment;vertex 用模块默认占位。

4. 单 stage:顶点波浪 type=vertex · plane

只编辑 vertex(看不到 fragment 编辑器)。

5. pair 模式:自定义紧凑高度 height=300 · box

验证 height prop 控制画布与编辑器高度。

6. 隐藏辅助线 pair + showHelpers=false

干净画布,无 grid/axes。