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

最新推荐文章于 2025-10-19 00:54:33 发布

原创

最新推荐文章于 2025-10-19 00:54:33 发布 · 3.4w 阅读

42 ·

CC 4.0 BY-SA版权

文章标签：

#GLSL #Unity3D #OpenGL #Shader

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

转发请保持地址：http://blog.csdn.net/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