1. 程式人生 > >Shadertoy程式設計學習(1):第一個shader程式

Shadertoy程式設計學習(1):第一個shader程式

還不知道shader是什麼,只知道用shader可以做出很多炫酷的效果,遊戲中應該很常用。

學習shader最好的網站---------------> Shadertoy

開啟網站就能看到很多炫酷的效果了,而且不需要科學上網法。網站左下角有一些幫助之類的連結,右上角是其他子頁面。

我開啟網站後看了幾個例子,看不懂,那就乾脆點選右上角的"New Shader"自己開始寫吧。算是認識一下。


下面就自己開始寫吧,第一個Shader程式


第一個Shader程式的程式碼:

void mainImage( out vec4 fragColor, in vec2 fragCoord )
{
    vec2 uv = fragCoord.xy / iResolution.xy;
    fragColor = vec4(uv,0.5,1.0);
    
    
    if (fragCoord.x < 100.0 && fragCoord.x == fragCoord.y)
    {
        fragColor = vec4(1.0, 0.0, 0.0, 0.0);
    }
    else if (fragCoord.x < 200.0 && fragCoord.x == fragCoord.y)
    {
        fragColor = vec4(0.0, 1.0, 0.0, 0.0);
    }
    else if (fragCoord.x < 300.0 && fragCoord.x == fragCoord.y)
    {
        fragColor = vec4(0.0, 0.0, 1.0, 0.0);
    }
    else {
    }
}
就是這樣了,簡單明瞭