顶点与片段着色器的例子

最新推荐文章于 2023-02-07 20:13:08 发布
最新推荐文章于 2023-02-07 20:13:08 发布
阅读量233 收藏
点赞数
文章标签： 游戏 人工智能
原文链接：http://www.cnblogs.com/OrangeZhang/p/5010233.html
版权

视窗坐标

Shader "Custom/WindowCoordinates/Base" {
    SubShader {
        Pass {
            CGPROGRAM

            #pragma vertex vert
            #pragma fragment frag
            #pragma target 3.0

            #include "UnityCG.cginc"

            float4 vert(appdata_base v) : POSITION {
                return mul (UNITY_MATRIX_MVP, v.vertex);
            }

            fixed4 frag(float4 sp:VPOS) : SV_Target {
                return fixed4(sp.xy/_ScreenParams.xy,0.0,1.0);
            }

            ENDCG
        }
    }
}

 

pragma target 3.0

target指令定义了硬件需求的支持着色器

include "UnityCG.cginc"

包含文件"UnityCG.cginc",内部包含着色器代码

appdata_base v

定义了一个Unity的默认结构，用于顶点着色器的输入变量。包含在UnityCg.cginc中

truct appdata_base {
    float4 vertex : POSITION;
    float3 normal : NORMAL;
    float4 texcoord : TEXCOORD0;
};

VPOS

frag方法的输入参数，声明为一个float4类型和VPOS的语义。语义是一种特殊的字句在HLSL/CG，用于定义一个默认的顶点着色器/片段着色器的输入值。VPOS通过填充变量渲染着色器像素坐标在屏幕上的值。这个位置需要除以屏幕大小，值转换为0和1的值，所以他们可以映射RG（xy红绿）组件输出的颜色。

ScreenParams

他的屏幕的宽度和高度值存储在变量_ScreenParams，该变量声明在UnityCG.cginc文件中。

 

Examples

窗口坐标在着色器并不常用，因为着色器通常使用的是纹理的位置，然而一些有趣的效果像遮罩渲染或者一些纹理效果用这个属性。

Behind bars（在监狱服刑）

Shader "Custom/WindowCoordinates/Bars" {
    SubShader {
        Pass {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

            #include "UnityCG.cginc"

            struct vertOut {
                float4 pos:SV_POSITION;
                float4 scrPos;
            };

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

            fixed4 frag(vertOut i : POSITION) : SV_Target {
                float2 wcoord = (i.scrPos.xy/i.scrPos.w);
                fixed4 color;

                if (fmod(20.0*wcoord.x,2.0)<1.0) {
                    color = fixed4(wcoord.xy,0.0,1.0);
                } else {
                    color = fixed4(0.3,0.3,0.3,1.0);
                }
                return color;
            }

            ENDCG
        }
    }
}

 

struct vertOut

定义一个新类型的变量,这是一个复合类型,代表一组其他变量与本地或复合类型,结构体用于超过一个的本地数据需要从顶点着色器传递到片段着色器时。作为一个函数的返回数据仅仅是一个变量，与结构的一组值可以表示为一个唯一值。

fmod

cg中的数学方法  取余

ComputeScreenPos

方法被定义在UnityCG.cginc文件中。这个方法返回了屏幕的坐标以用于片段着色器。与前面的例子的区别VPOS语义变量使用，这个函数是多平台,它不需要目标3.0。

 

Vignetting(光晕)

Shader "Custom/WindowCoordinates/Vignetting" {
    SubShader {
        Pass {
            CGPROGRAM

            #pragma vertex vert
            #pragma fragment frag
            #pragma target 3.0

            #include "UnityCG.cginc"

            float4 vert(appdata_base v) : POSITION {
                return mul (UNITY_MATRIX_MVP, v.vertex);
            }

            fixed4 frag(float4 sp:VPOS) : SV_Target {
                float2 wcoord = sp.xy/_ScreenParams.xy;
                float vig = clamp(3.0*length(wcoord-0.5),0.0,1.0);
                return lerp (fixed4(wcoord,0.0,1.0),fixed4(0.3,0.3,0.3,1.0),vig);
            }
            ENDCG
        }
    }
}

 Length

返回一个向量的模,CG中的数学函数

Circles Mask(圆形遮罩)

Shader "Custom/WindowCoordinates/CirclesMask" {
    Properties {
        _CirclesX ("Circles in X", Float) = 20
        _CirclesY ("Circles in Y", Float) = 10
        _Fade ("Fade", Range (0.1,1.0)) = 0.5
    }
    SubShader {
        Pass {

            CGPROGRAM

            #pragma vertex vert
            #pragma fragment frag
            #pragma target 3.0

            #include "UnityCG.cginc"
            
            uniform float _CirclesX;
            uniform float _CirclesY;
            uniform float _Fade;

            float4 vert(appdata_base v) : POSITION {
                return mul (UNITY_MATRIX_MVP, v.vertex);
            }

            fixed4 frag(float4 sp:VPOS) : SV_Target {
                float2 wcoord = sp.xy/_ScreenParams.xy;
                fixed4 color;
                if (length(fmod(float2(_CirclesX*wcoord.x,_CirclesY*wcoord.y),2.0)-1.0)<_Fade) {
                    color = fixed4(sp.xy/_ScreenParams.xy,0.0,1.0);
                } else {
                    color = fixed4(0.3,0.3,0.3,1.0);
                } 
                return color;
            }
            ENDCG
        }
    }
}

 uniform

ShaderLab属性定义为从应用程序转移到材质的值。属性定义等不同类型的颜色,浮动,2D等等。使用关键字值定义为材质的属性uniform使用声明的变量,所以编译器识别变量作为外部值应该在每个执行转移到材质。

Texture Coordinates(纹理坐标)

着色器使用纹理坐标画网格的面具有不同的影响纹理坐标在网格上是变量texcoord0,这是每个顶点。顶点和片段着色器可以修改这个变量。你应该选择你修改texcoord0的材质，根据变量所需的操作，场景中顶点的数量和屏幕分辨率。你应该选择寻找最小的执行修改texcoord0的值。

Shader "Custom/TextureCoordinates/Base" {
    SubShader {
        Pass {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            #pragma target 3.0

            #include "UnityCG.cginc"

            struct vertexInput {
                float4 vertex : POSITION;
                float4 texcoord0 : TEXCOORD0;
            };

            struct fragmentInput{
                float4 position : SV_POSITION;
                float4 texcoord0 : TEXCOORD0;
            };

            fragmentInput vert(vertexInput i){
                fragmentInput o;
                o.position = mul (UNITY_MATRIX_MVP, i.vertex);
                o.texcoord0 = i.texcoord0;
                return o;
            }
            fixed4 frag(fragmentInput i) : SV_Target {
                return fixed4(i.texcoord0.xy,0.0,1.0);
            }
            ENDCG
        }
    }
}

 

texcoord0的值的范围从0到1,它们映射到一个特定的纹理，纹理是图像存储在内存的GPU代表一个正方形或矩形图像，片段着色器的材质也可以用作程序纹理,使用数学函数来定义每个像素在屏幕上的颜色。在上面的代码中texcoord0值被用来设置的颜色红色和绿色通道,每个颜色的渐变效果

chess(国际象棋)

Shader "Custom/TextureCoordinates/Chess" {
    SubShader {
        Pass {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

            #include "UnityCG.cginc"

            struct vertexInput {
                float4 vertex : POSITION;
                float4 texcoord0 : TEXCOORD0;
            };

            struct fragmentInput{
                float4 position : SV_POSITION;
                float4 texcoord0 : TEXCOORD0;
            };

            fragmentInput vert(vertexInput i){
                fragmentInput o;
                o.position = mul (UNITY_MATRIX_MVP, i.vertex);
                o.texcoord0 = i.texcoord0;
                return o;
            }

            fixed4 frag(fragmentInput i) : SV_Target {
                fixed4 color;
                if ( fmod(i.texcoord0.x*8.0,2.0) < 1.0 ){
                    if ( fmod(i.texcoord0.y*8.0,2.0) < 1.0 )
                    {
                        color = fixed4(1.0,1.0,1.0,1.0);
                    } else {
                        color = fixed4(0.0,0.0,0.0,1.0);
                    }
                } else {
                    if ( fmod(i.texcoord0.y*8.0,2.0) > 1.0 )
                    {
                        color = fixed4(1.0,1.0,1.0,1.0);
                    } else {
                        color = fixed4(0.0,0.0,0.0,1.0);}
                    }
                return color;
            }
            ENDCG
        }
    }
}

 

Texture

Shader "Custom/TextureCoordinates/ActualTexture" {
    Properties {
        _MainTex ("Base (RGB)", 2D) = "white" {}
    }
    SubShader {
        Pass {
            CGPROGRAM
            #pragma vertex vert_img
            #pragma fragment frag

            #include "UnityCG.cginc"
            
            uniform sampler2D _MainTex;

            fixed4 frag(v2f_img i) : SV_Target {
                return tex2D(_MainTex, i.uv);
            }
            ENDCG
        }
    }
}

 v2f_img

包含在UnityCG.cginc文件中

struct v2f_img {
    float4 pos : SV_POSITION;
    half2 uv : TEXCOORD0;
};

转载于:https://www.cnblogs.com/OrangeZhang/p/5010233.html

dihupen2589
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
webgl-shader-experiment:一个基本的顶点和片段着色器示例
06-17
webgl-着色器-实验 一个基本的顶点和片段着色器示例
WebGL着色器渲染小游戏实战
凹凸实验室
10-28 2229
项目起因 经过对 GLSL 的了解，以及 shadertoy 上各种项目的洗礼，现在开发简单交互图形应该不是一个怎么困难的问题了。下面开始来对一些已有业务逻辑的项目做GLSL渲染器替换开发。 起因是看到某些小游戏广告，感觉机制有趣，实现起来应该也不会很复杂，就尝试自己开发一个。 游戏十分简单，类似泡泡龙一样的从屏幕下方中间射出不同颜色大小的泡泡，泡泡上浮到顶部，相同颜色的泡泡可以合并成大一级的不同颜色泡泡。简单说就是一个上下反过来的合成大西瓜。 较特别的地方是为了表现泡泡的质感，在颜色相同的泡泡靠近时，会
Unity Shader学习（二）第一个Shader
qq_14942529的博客
06-22 775
与上一节一样，创建一个shader，这节我们来试着自己输出一个颜色给材质，代码如下： v2f_img的源码 效果就是一个红色的材质，没有光照信息 改一下return的值，变成蓝色
unity的shader总结（一）
安逸风声
08-21 736
unity的shader总结 clip()函数可以丢弃掉一些不满足条件的像素 比如clip(xx.a-0.3)将丢弃掉alpha值小于0.3的像素。 并不需要随着片段着色器返回 fixed4 frag (v2f i) : SV_Target { fixed cutout = tex2D(_NoiseTex, i.uvNoiseTex).r; clip(cutout - _Threshold);//这地方已经将像素丢掉了 fixed4 col = tex2D(_MainTex, i.uvMa
图论基本知识
swust5120171204的博客
07-14 1099
1.图的表示 对于一个图（graph）G=（V，E）由顶点集V（vertex）和边集E（edges）组成。每一条边就是一个点对（u，w），其中u、w属于V。 边：单向边，双向边 权值：有点权，边权 2.一般做法 建图+算法 3.建边 建边有三种方法： 1.邻接矩阵 a[maxn][maxn] int main() { memset(a,0,sizeof(a)); ...
[UnityShader2]顶点片段着色器实例(一)
宏哥的博客
05-09 3619
转载博客：http://blog.csdn.net/mobanchengshuang?viewmode=contents 1.模型自身坐标位置与颜色的映射 Shader "Custom/RGBCube" { SubShader { Pass { CGPROGRAM #pragma vertex ver
Unity Shader - Vertex and fragment shader examples 顶点和片段着色器的例子-附件资源
03-05
Unity Shader - Vertex and fragment shader examples 顶点和片段着色器的例子-附件资源
OpenGL 对硬件曲面细分的支持，通过3 个管线阶段提供： （1）曲面细分控制着色器； （2）曲面细分器； （3）曲面细分评估
04-09
OpenGL 对硬件曲面细分的支持，...编译这两个新着色器，跟顶点和片段着色器完全相同。然后将它们附加到同一个渲染程 序，并且链接调用保持不变。唯一的新项目是用于指定要实例化的着色器类型的常量——新 常量如下： G
shady:用于渲染 GLSL 着色器的 CLI 工具
05-30
Shady 是一个漂亮的 CLI 工具，用于渲染 GLSL 片段着色器，以便于开发和破解。 用法 安装 go get -u github.com/polyfloyd/shady/cmd/shady 着色玩具 基本设置是单个片段着色器，就像常规片段着色器一样，计算每个...
C for Graphic：语言（frag操作）
羊羊的博客
09-20 746
      紧接上一篇：https://blog.csdn.net/yinhun2012/article/details/82752910       之前我们随便尝试了下vertex顶点函数能干些什么稀奇古怪的事情，本质上来说就是让我们开发者自己写代码操作顶点变换。这一篇就看看frag片段函数能干什么！如果看过前面的博客（当然我的意思是肯定要按顺序看前面的博客的），那么也就知道frag片段函数...
unity shaderlab常用函数及定义
lejian的专栏
02-07 1228
在不同的平台上，屏幕空间位置输入的基础类型会有所不同，因此为了获得最大的可移植性，请对其使用 UNITY_VPOS_TYPE 类型（在大多数平台上将是 float4，在 Direct3D 9 上将是 float2）。#define UNITY_INV_FOUR_PI 0.07957747155f //4倍圆周率的倒数。#define UNITY_INV_TWO_PI 0.15915494309f //2倍圆周率的倒数。#define UNITY_TWO_PI 6.28318530718f //2倍圆周率。
Unity Shader-后处理：屏幕水波效果
热门推荐
puppet_master的专栏
11-03 4万+
一.简介 最近在打黑魂，被虐得死去活来，每次都是想砸电脑的节奏，然而还是忍不住想玩，唉。在被虐了千百遍之后，我发现写代码比玩游戏爽....下面步入正题，黑魂的传送技能之前会播放一个帅帅的屏幕特效-屏幕水波，从屏幕中间向四周扩散开来，很有赶脚。下面附上一张截图：
UnityShader入门笔记(四)
Ian@_@的博客
05-16 244
开始Unity Shader学习之旅 一个简单的顶点/片元着色器 CGPROGRAM #pragma vertex vert #pragma fragment frag fixed4 _Color; //使用一个结构体来定义顶点着色器的输入 struct a2v{ float4 vertex:POSITION; //模型空间的顶点坐标 float3 normal:NORMAL; //模型空间的法线方向 float4 texcoord:TEXCOORD0;
【Unity Shader】 Pass语句块
linda012518的博客
01-24 2692
Unity 版本：2020.3.23 此教程会长期更新，欢迎大家关注！！！ 博主微信号：ITComputerGraph
Unity Shader入门精要——第5章 开始 Unity Shader 学习之旅
qq_41044598的博客
08-16 521
Unity Shader入门精要读书笔记第5章
Shader学习笔记_Vertex Shader_几何变换_波
qq_26988595的博客
11-10 484
这篇文章是根据某Unity教学网站的shader教程来写的笔记。 由于本人技术水平方面的欠缺可能会有各种各样严重的错误，没有任何参考价值，欢迎各位大佬指正。 本次由于是根据之前的课程中途开始写的笔记,所以是在先贴出基本的顶点和片段代码块，和操作步骤。 先在Unity中创建Material,shader各一个, 随你命名什么  之后在场景中创建一个plane 在shader中添加如下代码
《Unity Shader入门精要》笔记：初级篇（4）
sugarsama的博客
07-05 544
讲述了UnityShader关于透明度方面的知识
【Unity Shader】学习顶点/片元着色器
qq_41835314的博客
09-21 1592
对Unity Shader的顶点着色器和片元着色器的学习记录。
Vertex常用操作
shujianlove0的博客
06-01 3129
1.缩放顶点位置，原位置+ Normal向量*变量实现。 v.vertex.xyz += v.normal * _Extrusion * abs(_SinTime.w); 可用于双Pass实现基本的Outline功能，但是需要注意将Outline的Pass设为透明且不写入深度 2. ...
glfw的顶点着色器和片段着色器怎么创建
最新发布
05-16
首先，你需要创建一个顶点着色器和一个片段着色器的文件。这些文件通常使用GLSL语言编写。 下面是一个简单的顶点着色器的例子： ``` #version 330 core layout (location = 0) in vec3 aPos; void main() { gl_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值