前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Shader-简单的顶点/片元着色器

Shader-简单的顶点/片元着色器

作者头像
祝你万事顺利
发布2019-05-28 23:13:53
1.2K0
发布2019-05-28 23:13:53
举报
文章被收录于专栏:Unity游戏开发

实现一个简单地Shader

简单的Shader

代码语言:javascript
复制
Shader "Unlit/SimpleShader"
{
    SubShader{
        Pass{
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

            float4 vert(float4 v : POSITION) :SV_POSITION{
                return mul(UNITY_MATRIX_MVP,v);
            }
            float4 frag() : SV_TARGET{
                return fixed4(1.0,1.0,0.5f,1.0);
            }
            ENDCG
        }
    }
}

在CGPROGRAM到CGEND中间添加代码片段的编译指令和Cg代码.

代码语言:javascript
复制
#pragma vertex vert
#pragma fragment frag

告诉编译器那个函数执行顶点着色器,那个函数执行片元着色器.

代码语言:javascript
复制
float4 vert(float4 v : POSITION) :SV_POSITION{
                return mul(UNITY_MATRIX_MVP,v);
            }

使用顶点着色器代码,它是逐顶点进行,输入的参数包含了顶点位置,通过POSITION语义指定. 返回一个float4,它是该顶点在裁剪空间中的位置,通过SV_POSITION定义,UNITY_MATRIX_MVP是Unity内置的模型-观察-投影矩阵.

代码语言:javascript
复制
float4 frag() : SV_Target{
                return fixed4(1.0,1.0,0.5f,1.0);
            }

frag没有任何输入,输出一个float4,用SV_Target定义,等同于告诉渲染器,用户输出的颜色存储到一个渲染目标.


当我们需要更多的模型数据的时候,我们将为顶点着色器定义一个新的参数,这个参数将是一个结构体,结构体中包含了法线 切线 纹理坐标等诸多数据

代码语言:javascript
复制
struct a2v {
                float4 vertex : POSITION;
                float3 normal : NORMAL;
                float4 texcoord : TEXCOORD0;
            };

这里的a2v表示a(application) v(vertex shader),表示数据从应用阶段传递到顶点着色器中 POSITION等语义中的数据从MeshRender中传递过来,每帧调用DrawCall的时候,MeshRender将他负责渲染的数据传递给UnityShader. 在给顶点着色器传参数的时候传a2v结构体

我们声明一个结构体v2f,用于在顶点着色器和片元着色器之间进行传递数据,

代码语言:javascript
复制
struct v2f {
                float4 pos : SV_POSITION;
                fixed3 color : COLOR0;//COLOR0语义用于存储颜色信息
            };

在顶点着色器中我们返回v2f的结构体,此结构体中包含了SV_POSITION,在顶点着色器中,我们给color值,来进行逐顶点的color插值,数值选用法线的相关值。

代码语言:javascript
复制
v2f vert(a2v v) {
                v2f o;
                o.pos = UnityObjectToClipPos(v.vertex);
                o.color = v.normal*0.5 + fixed3(0.5,0.5,0.5);
                return o;
            }

在fragment中我们只用返回插值后的color

代码语言:javascript
复制
fixed4 frag(v2f i) : SV_Target{
                return fixed4(i.color,1.0);
            }

最终效果:

插值得到的新结果

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.04.12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档