【ShaderToy中图形效果转译到UnityShaderlab案例分享,实现景深透视万花筒_Cave】

暴走约伯

已于 2023-08-10 11:19:54 修改

阅读量218

点赞数

CC 4.0 BY-SA版权

分类专栏： ShaderToy 文章标签：着色器算法 unity 游戏引擎经验分享

于 2023-07-22 16:32:01 首次发布

本文链接：https://blog.youkuaiyun.com/xukaibo111/article/details/130528071

ShaderToy 专栏收录该内容

13 篇文章

订阅专栏

该代码示例展示了一个Unity着色器（Shader）的实现，用于创建类似洞穴的视觉效果。通过计算像素位置、应用动画以及使用三角函数生成色彩变化，实现了屏幕空间的图形渲染。最终效果呈现出一种随时间和位置变化的色彩流动感。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

完整代码

Shader"ShaderToy/Cave"
{
    Properties
    {
    }
    SubShader
    {
        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            #include "UnityCG.cginc"

            struct appdata
            {
                float4 vertex : POSITION;
                float2 uv : TEXCOORD0;
            };
            struct v2f
            {
                float2 uv : TEXCOORD0;
                float4 vertex : SV_POSITION;
                float4 screenCoord : TEXCOORD1;
            };
            v2f vert(appdata v)
            {
                v2f o;
                o.vertex = UnityObjectToClipPos(v.vertex);
                o.uv = v.uv;
                o.screenCoord.xy = ComputeScreenPos(o.vertex);
                return o;
            }
            fixed4 frag(v2f i) : SV_Target
            {
                //输入UV坐标
                fixed2 p = (-1 + 2.0*i.uv)/1;
                //每个像素到屏幕中心的距离。
                fixed a = atan2(p.x,p.y);
                // 修改距离的变量，可以理解为深度的mask。
                fixed r = pow( pow(p.x*p.x,4.0) + pow(p.y*p.y,4.0), 1.0/8.0 );
                // 动画
                fixed2 uv = fixed2( 1.0/r + 0.2*_Time.y, a );
                //于弦,UV的X和Y分别相乘
                fixed f = cos(12.0*uv.x)*cos(6.0*uv.y);
                //加上颜色
                fixed3 col = 0.5 + 0.5 * sin( 3.1416*f + fixed3(0.0,0.5,1.0) );
                // 中间的部分暗下去。
                col = col*r;
                return fixed4( col, 1.0 );
            }
            ENDCG
        }
    }
}

                fixed2 p = (-1 + 2.0*i.uv)/1;

在这里插入图片描述

                fixed a = atan2(p.x,p.y);

Alt

                    fixed r = pow( pow(p.x*p.x,4.0) + pow(p.y*p.y,4.0), 1.0/8.0 );

在这里插入图片描述

                fixed f = cos(12.0*uv.x)*cos(6.0*uv.y);

在这里插入图片描述

					cos(12.0*uv.x)

在这里插入图片描述

cos(6.0*uv.y)

在这里插入图片描述

                fixed3 col = 0.5 + 0.5*sin( 3.1416*f + fixed3(0.0,0.5,1.0) );

在这里插入图片描述

最终效果：

请添加图片描述