Skip to main content

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);
}
GLSL · Fragment
Loading...

动态 UV 渐变

GLSL · Fragment
Loading...

Pair 模式:vertex + fragment 联动

编辑器顶部带 Vertex / Fragment tab 切换,画布始终用两者联动渲染。

GLSL · Shader
Loading...

球体星空(隐藏辅助线)

GLSL · Shader
Loading...