ShaderToy简明教程

原文链接： https://yousazoe.top/archives/e6443aed.html

引言

Shadertoy.com is an online community and tool for creating and sharing shaders through WebGL, used for both learning and teaching 3D computer graphics in a web browser.

简介以及坐标操作

void mainImage(out vec4 fragColor, in vec2 fragCoord)
{
    vec2 uv = fragCoord / iResolution.xy;
    
    fragColor = vec4(uv, 1., 1);
}

void mainImage(out vec4 fragColor, in vec2 fragCoord)
{
    vec2 uv = (fragCoord - 0.5 * iResolution.xy) / iResolution.xx;
    
    float c = 0.;
    float r = 0.3;
    
    if(length(uv) < r)
    {
        c = 1;
    }
    
    fragColor = vec4(vec3(c), 1);
}

坐标系统绘制与fwidh函数

线段绘制、clamp与mix函数

smoothstep函数

函数绘制的优化、mod与超采样

2D符号距离函数

Ray Marching

3D摄像机设置

矩阵的SDF函数

多物体与阴影

软阴影的实现原理

多物体着色与棋盘贴图

布尔运算

Smooth Minimum

环境光遮蔽

贴图

2D分形绘制

本文转自： https://yousazoe.top/archives/e6443aed.html
本站仅做收录，版权归原作者所有。