跟我一起学glsl编程23 - 鼠标控制颜色

通过一段shader 了解鼠标坐标的应用

这个例子中会使用u_mouse来获取当前鼠标的位置，通过位置来控制显示的画面颜色

• 示例代码

#ifdef GL_ES
precision mediump float;
#endif

uniform float u_time;
uniform vec2 u_resolution;
uniform vec2 u_mouse;

void main(){
    vec2 coord = gl_FragCoord.xy;
    vec3 color = vec3(0.0);

    color.r = u_mouse.x / u_resolution.x;
    color.b = u_mouse.y / u_resolution.y;

    gl_FragColor = vec4(color, 1.0);
}

• 代码效果

整个效果是，当鼠标从画布的左侧向右侧移动是，画布有黑色变为红色，当鼠标动画布的底边，向上移动，画布有黑色逐渐变化为蓝色，当从右上方移动，画布从黑色变化紫色

《跟我一起学glsl编程》期待你的关注与点赞