WebGL 渐变着色器

【问题标题】：WebGL Gradient ShaderWebGL 渐变着色器
【发布时间】：2014-03-18 10:33:24
【问题描述】：

我正在尝试学习 WebGL，并希望拥有能够为网格提供从上到下的渐变效果的着色器。例如，球或墙的底部没有蓝色，而顶部全是蓝色。我知道我需要使用 gl_Position 的 y 组件修改片段颜色，但到目前为止我的实现给了我一个黑屏。任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

您确定片段实际绘制在屏幕上（禁用剔除、深度测试），没有 GL 错误吗？如果是，唯一的问题可能是启用了混合的 Alpha 设置。尝试禁用 GL_BLEND，或将 Alpha 的值更改为 1.0，如下所示，将 RGB 设置为您的颜色：

gl_FragColor = vec4(R,G,B, 1.0);

【讨论】：