Shader学习笔记（3）- 基本概念与基础效果(2)

最新推荐文章于 2023-04-22 00:09:05 发布

KKKui

最新推荐文章于 2023-04-22 00:09:05 发布

阅读量1.8k

点赞数

分类专栏： ShaderToy

本文链接：https://blog.csdn.net/qq_32307691/article/details/72800233

版权

Resolution

当尝试把上一个例子中的widthStrip改为500，之后再全屏显示，就能看到白色与红色的显示范围发生了变化。由于我们设置了一个绝对的像素阈值，而不是一个相对比例，那么在改变显示分辨率的情况下就会导致效果不同（这种问题经常出现在app移植到不同平台(各个平台分辨率不同)而出现不尽人意的效果）。
在这篇文章提到过，shader中有一个iResolution的输入值，这个值存储了当前显示分辨率下的像素长度与宽度，比如拿我的电脑来说，当全屏显示时，iResolution.x代表了长度1920，iResolution.y代表了宽度1080。
当显示分辨率不改变的情况下，iResolution.xy是一个固定值。

void mainImage( out vec4 fragColor, in vec2 fragCoord )
{
    vec3 color = vec3(0);

    float redAmount = 236.;
    float greenAmount = 8.;
    float blueAmount = 45.;
    //像素坐标大于分辨率长度一半时的情况
    if(fragCoord.x>iResolution.x/2.) color = HexTo01Color(redAmount,greenAmount,blueAmount);
    //小于等于的情况
    else color = vec3(1.);

    float alpha = 1.;
    fragColor = vec4(color,alpha);   
}