WebGL渐变着色器

WebGL渐变着色器,webgl,shader,gradient,Webgl,Shader,Gradient,我试图学习WebGL,并希望有一个着色器,使网格从上到下的梯度效果。例如,球或墙的底部没有蓝色,顶部全是蓝色。我知道我需要用gl_位置的y分量修改片段颜色,但我的实现迄今为止给了我一个黑屏。如果有任何帮助,我们将不胜感激。您是否确定碎片确实在屏幕上绘制(禁用剔除、深度测试),没有GL错误?如果是,唯一的问题是启用混合的Alpha设置。尝试禁用GL_混合,或将Alpha的值更改为1.0,如下所示,将RGB设置为您的颜色: gl_FragColor=vec4(R,G,B,1.0)

我试图学习WebGL,并希望有一个着色器,使网格从上到下的梯度效果。例如,球或墙的底部没有蓝色,顶部全是蓝色。我知道我需要用gl_位置的y分量修改片段颜色,但我的实现迄今为止给了我一个黑屏。如果有任何帮助,我们将不胜感激。

您是否确定碎片确实在屏幕上绘制(禁用剔除、深度测试),没有GL错误?如果是,唯一的问题是启用混合的Alpha设置。尝试禁用GL_混合,或将Alpha的值更改为1.0,如下所示,将RGB设置为您的颜色:

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