ShaderPad Playground 嵌入示例
这是用 @lucascv/shaderpad-playground 模块在 Docusaurus 2.4.1 + React 17 文档里的集成测试。下面的 Playground 完全可交互——改代码、按 Run、看预览。
单 stage 模式
precision highp float;
void main() {
gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0);
}
动态 UV 渐变
Pair 模式:vertex + fragment 联动
编辑器顶部带 Vertex / Fragment tab 切换,画布始终用两者联动渲染。