一. shader入门

这里我选用shaderToy来编写这一系列文章, 使用shaderToy比较方便shader程序的运行, 而不用编写其它与shader无关的内容, 如果你要将shader应用到其他程序像Unity3D, Cocos, Three.js中, 请自行去网上搜索如何使用, 这里就不再赘述, 本系列只关注于shader语法, 效果层面的东西.

Ps. shaderToy上有许多炫酷的shader程序, 作为参考是非常nice的

什么是shader ?

Shaders 是一系列的指令，但是这些指令会对屏幕上的每个像素同时下达 。你的程序就像一个 function（函数），输入位置信息，输出颜色信息 ，当它编译完之后会以相当快的速度运行 。

什么是GLSL ?

GLSL 代表 openGL Shading Language，openGL 着色语言

第一个shader

void mainImage(out vec4 fragColor, in vec2 fragCoord){
    
    //归一化的屏幕坐标(from 0 to 1)
    vec2 uv = fragCoord/iResolution.xy;
    
    
    vec3 col = vec3(1.0, 0.0, 0.0);
    fragColor = vec4(col, 1.0);     //输出color

}