【OpenGL】Shader实例分析（一）－Wave

最新推荐文章于 2025-05-13 13:12:19 发布

stalendp

最新推荐文章于 2025-05-13 13:12:19 发布

阅读量3.4w

点赞数 8

CC 4.0 BY-SA版权

分类专栏： Unity3D 游戏文章标签： GLSL Unity3D OpenGL Shader

本文链接：https://blog.youkuaiyun.com/stalendp/article/details/21993227

本文深入分析了OpenGL Shader的使用，特别是针对Wave效果的实现。通过ComputeScreenPos转换三维坐标，结合fmod和step函数创建背景虚线网格，再利用lerp函数绘制波纹效果，展示了Shader在图形渲染中的魅力。

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

转发请保持地址：http://blog.youkuaiyun.com/stalendp/article/details/21993227

这篇文章主要分析一个Shader，从而感受shader的魅力，并学习相关shader的函数的用法。

先看Shader运行的效果：

下面是代码：

Shader "shadertoy/Waves" {  //see https://www.shadertoy.com/view/4dsGzH

	CGINCLUDE  

		#include "UnityCG.cginc"              
		#pragma target 3.0  
		struct vertOut {  
			float4 pos:SV_POSITION;  
			float4 srcPos; 
		};

		vertOut vert(appdata_base v) {
			vertOut o;
			o.pos = mul (UNITY_MATRIX_MVP, v.vertex);
			o.srcPos = ComputeScreenPos(o.pos);
			return o;
		}

		fixed4 frag(vertOut i) : COLOR0 {

			fixed3 COLOR1 = fixed3(0.0,0.0,0.3);
			fixed3 COLOR2 = fixed3(0.5,0.0,0.0);
			float BLOCK_WIDTH = 0.03;

			float2 uv = (i.srcPos.xy/i.srcPos.w);

			// To create the BG pattern
			fixed3