Unity渲染(一):Shader着色器基础入门之纯色Shader

最新推荐文章于 2025-05-18 23:54:54 发布
最新推荐文章于 2025-05-18 23:54:54 发布
阅读量4.4k 收藏 13
点赞数 3
CC 4.0 BY-SA版权
分类专栏： Unity 渲染 文章标签： unity 着色器 游戏引擎 shader
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wodejiaoaoa/article/details/121996805
本文介绍UnityShader基础知识，包括Shader语法、CG语义、GPU渲染流水线等内容，并演示如何实现纯色渲染效果。

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

Unity渲染(一):纯色Shader

通过这里，你可以学习到UnityShader基本语法，CG语义，GPU渲染流水线等编写着色器的基础知识

开发环境：Unity5.0或者更高

在这里插入图片描述

最终效果

概述

1. Unity shader 基本语法
2. 顶点着色器与片元着色器参数传递
3. 基本shader语义
4. GPU渲染流水线

1.1 开始

  • 创建场景并取名为SolidColor并在场景中添加Camera与Cube

在这里插入图片描述

Hierachy
  • 创建Material 和Shader

在这里插入图片描述

  • 删除Shader中所有代码后，写入如下代码， 这是shader的基本结构
Shader "Toturial/SolidColor"
{
	SubShader
    {
        Pass
        {
            CGPROGRAM
            
            ENDCG
        }
    }
}

此时Console出现了两条警告信息,第一条表示该Shader代码中的所有SubShader都不支持,第二条表示需要该Shader对GPU顶点着色器和片元着色器进行编程，在

Shader warning in 'Toturial/SolidColor': Toturial/SolidColor shader is not supported on this GPU (none of subshaders/fallbacks are suitable)
Shader warning in 'Toturial/SolidColor': Both vertex and fragment programs must be present in a shader snippet. Excluding it from compilation

代码说明
  1. Shader "xx/xx"表示在Unity材质面板的路径
    d
  2. SubShader{ ... } 中编写着色代码，可以写多个，GPU会选择一个最合适的来进行渲染
  3. Pass{ ... } 写在SubShader中 ，渲染逻辑和渲染配置写在这里面，可以写多个，有几个就会渲染几次
  4. CGPROGRAM ... ENDCG CG代码，渲染逻辑写在这里面

1.2 简化的GPU渲染管线

在这里插入图片描述

简化的GPU渲染管线

管线说明（重要！！！）
  1. Unity将顶点数据、顶点颜色等属性传入Shader ,进入GPU顶点着色器处理，之后进入裁剪阶段，裁剪完成后数据将进入片元着色器，最后输出到屏幕
  2. 其中顶点着色器和片元着色器是可编程的(表示可以在Shader中写代码进行控制)
  3. 裁剪阶段是可配置的(表示可以在Shader中使用一些特定的语法进行设置 例如 Cut off)

1.3 顶点着色器和片元着色器

在我们对顶点着色器(Vertex Shader)以及片元着色器(Fragment Shader)进行编程之前，需要先从获取对象的属性，例如图片的顶点位置和颜色，模型的顶点位置、法线方向、颜色等。

我们通过语义绑定来获取模型数据或者图片的位置和颜色

语义说明
  1. 类型 变量名 :POSITION; 获取输入的顶点 (例如:float4 vertex : POSITION)
  2. 类型 变量名 : COLOR 获取输入的颜色，SpriteRenderer 和Image组件上的Color
  3. :SV_POSITION 顶点着色器输出的顶点位置，SV表示System Value的缩写
  4. :SV_TARGET 片元着色器输出的值

了解了语义之后，我们需要定义函数为顶点着色器和片元着色器进行编程控制。

宏定义

#pragma vertex vert 定义顶点着色器，vert为函数名 可以改成其他的
#pragma fragment frag 定义片元着色器 ，frag为函数名 可以改成其他的

之后我们在CGPROGRAM … ENDCG中写入如下代码:

Shader "Toturial/SolidColor"
{
	SubShader
    {
        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag 
            
            float4 vert(float4 vertex : POSITION): SV_POSITION
            {
                return UnityObjectToClipPos(vertex);
            }

            fixed4 frag() : SV_TARGET
            {
                return fixed4(0,0,1,1);
            }
            ENDCG
        }
    }
}

其中UnityObjectToClipPos(vertex)表示将顶点位置从对象空间转换到裁剪空间，这一步是为了将3D的场景最终输出到一张2D的屏幕上。参考Unity官方文档 https://docs.unity3d.com/cn/current/Manual/SL-BuiltinFunctions.html

最终返回了蓝色fixed4(0,0,1,1);,之后给场景中的Cube添加材质Custom_SolidColor

在这里插入图片描述

最终效果

1.4 代码结构优化

上面的代码中我们只用到了顶点位置:POSITION语义，当我们需要多个参数的时候，例如还需要颜色，法线方向等我们可以使用结构体给顶点着色器函数传参

修改 CGPROGRAM … ENDCG 中的代码，首先我们定义一个结构体名为a2v,他是application to vertex 的缩写，意思是表示数据从应用传递到顶点着色器

struct a2v
{
	float4 vertex : POSITION;
	fixed4 color : COLOR;
};

我们再定义一个结构体用于将数据从顶点着色器输出后传递到片元着色器，结构体名为v2f ，它是vertex to fragment的缩写，

struct v2f
{
	float4 pos : SV_POSITION;
	fixed4 color : COLOR;
};

之后修改顶点着色器函数返回值和参数

v2f vert(a2v v)
{
    v2f o;
    o.pos = UnityObjectToClipPos(v.vertex);
    o.color = v.color;
    return o;
}

完整代码

Shader "Toturial/SolidColor"
{
    SubShader
    {
        Pass
        {
            CGPROGRAM
            
            #pragma vertex vert
            #pragma fragment frag 

            struct a2v
            {
                float4 vertex : POSITION;
                fixed4 color : COLOR;
            };

            struct v2f
            {
                float4 pos : SV_POSITION;
                fixed4 color : COLOR;
            };

            v2f vert(a2v v)
            {
                v2f o;
                o.pos = UnityObjectToClipPos(v.vertex);
                o.color = v.color;
                return o;
            }

            fixed4 frag(v2f i) : SV_TARGET
            {
                return fixed4(0,0,1,1);
            }

            ENDCG
        }
    }
}

最终结果
在这里插入图片描述

最终效果

1.5 使用Properties属性

在场景中创建一个Image与2D Sprite

在这里插入图片描述
将Image组件的Material设置为Custom_SolidColor
将SpriteRenderer 的Material设置为Custom_SolidColor

此时出现了一个报错

Material 'Custom_SolidColor' with Shader 'Toturial/SolidColor' doesn't have a texture property '_MainTex'

这是因为图片组件会将Sprite设置给Shader中的_MainTex，所以我们在Properties中需要定义一个变量名为_MainTex类型为2D的参数，将以下代码写在SubShader上面。

Properties
{
    _MainTex("MainTex",2D) = "white"{}
}
代码说明
  1. Properties{...} 代码块定义材质属性。参阅 ShaderLab：定义材质属性
    这部分的参数会显示在材质面板上
    在这里插入图片描述
  2. _MainTex("MainTex",2D) = "white"{} _MainTex表示变量名，用于在C#访问，"MainTex"表示在材质面板上的名字，2D为参数类型，“white”{}为默认值

接下来我们给材质属性添加一个设置颜色的功能，首先在Properties属性添加Color

   Properties
    {
        _MainTex("MainTex",2D) = "white"{}
        _Color("Color",Color) = (1,1,1,1)
    }

之后我们需要在CGPROGRAM… ENDCG 中定义变量用来获取Properties里的_Color值，在 struct a2v上面定义

#pragma vertex vert
#pragma fragment frag 

fixed4 _Color;

struct a2v
{

修改frag函数

fixed4 frag(v2f i) : SV_TARGET
{
     return _Color;
}

修改材质界面的Color
在这里插入图片描述
完整代码:

Shader "Toturial/SolidColor"
{
    Properties
    {
        _MainTex("MainTex",2D) = "white"{}
        _Color("Color",Color) = (1,1,1,1)
    }

    SubShader
    {
        Pass
        {
            CGPROGRAM
            
            #pragma vertex vert
            #pragma fragment frag 

            fixed4 _Color;

            struct a2v
            {
                float4 vertex : POSITION;
                fixed4 color : COLOR;
            };

            struct v2f
            {
                float4 pos : SV_POSITION;
                fixed4 color : COLOR;
            };

            v2f vert(a2v v)
            {
                v2f o;
                o.pos = UnityObjectToClipPos(v.vertex);
                o.color = v.color;
                return o;
            }

            fixed4 frag(v2f i) : SV_TARGET
            {
                 return _Color;
            }

            ENDCG
        }
    }
}

最终看到效果

在这里插入图片描述

最终效果

接下来我们将使用Image.Color和SpriteRenderer修改材质的颜色，因为我们在a2v结构体中对color进行了:Color语义绑定，之后将a2v结构体传入顶点着色器vert,在顶点着色器中实例化了一个v2f结构体并对color进行赋值，之后将v2f传递到片元着色器中，所以我们需要把片元着色器frag中的返回值修改为i.color就可以达到效果。

fixed4 frag(v2f i) : SV_TARGET
{
     return i.color;
}

修改完后我们修改场景中的Image组件上的颜色为#FFDA00 ，将SpriteRenderer上的颜色修改为#3889F1

在这里插入图片描述

最终效果

1.6 完整代码

Shader "Toturial/SolidColor"
{
    Properties
    {
        _MainTex("MainTex",2D) = "white"{}
        _Color("Color",Color) = (1,1,1,1)
    }

    SubShader
    {
        Pass
        {
            CGPROGRAM
            
            #pragma vertex vert
            #pragma fragment frag 

            fixed4 _Color;

            struct a2v
            {
                float4 vertex : POSITION;
                fixed4 color : COLOR;
            };

            struct v2f
            {
                float4 pos : SV_POSITION;
                fixed4 color : COLOR;
            };

            v2f vert(a2v v)
            {
                v2f o;
                o.pos = UnityObjectToClipPos(v.vertex);
                o.color = v.color;
                return o;
            }

            fixed4 frag(v2f i) : SV_TARGET
            {
                 return i.color;
            }

            ENDCG
        }
    }
}
Unity之ShaderGraph如何实现卡通效果
TxNet
10-18 783
今天我们来实现一下最常见的卡通效果。
Unity 内置渲染管线各个Shader的用途和性能分析,以及如何修改Shader（build in shader 源码下载）
Unity开发
03-03 1479
Legacy就是遗留的意思，老木乃伊了，非必要不用，Particles路径下的shader的优化版都在Mobile/Particles，适用于桌面设备或较旧的 Unity 项目，支持较为复杂的光照和粒子效果，但性能可能不适合移动设备。这些着色器通常计算简单，旨在提供快速的渲染性能，适应移动设备的性能和内存限制。简化的工作流程：Unity 已经为常见的自然环境材质（如树木、草地、水面等）提供了预制的着色器，开发者可以直接使用这些着色器，而不需要编写复杂的自定义着色器，快速开发自然环境。
unity shader学习笔记（1）:pureshader(纯色shader)
u010278564的专栏
10-18 593
前言： 接触unity也好几年了 对于shader的个人理解相关的书和博客也看了好多，实际动手的时间并不是很多，看了其他大佬介绍的知识文章，渲染流程，空间转换，这类的一般都是在介绍之前会看到的。个人觉得还是先动手在慢慢 学习中一步一步的理解，带着功能的目的去学习， shader挺起来多高端的，入门先就先看一堆的知识介绍，新手可能觉得搞得自己头大了。 现在开始自己带着做shader实现功能的方式去...
Unity Shader零基础入门1：纯色物体
qq_21315789的博客
06-22 2108
Shader又叫着色器，控制着颜色的显示。即可以让模型显示出贴图的颜色，也可以显示出金属的光泽、通过法线贴图增加模型的细节等。
什么是着色器 Shader
最新发布
JK01WYX的博客
05-18 926
本文介绍了OpenGL中的顶点着色器（vshader）和片元着色器（fshader）的作用及其代码示例。顶点着色器负责将物体从模型空间转换到屏幕空间，处理顶点的位置、颜色、法线等信息，并输出给片元着色器。片元着色器则结合光照和纹理，计算屏幕上每个像素的最终颜色。文章通过代码示例详细展示了如何实现这些功能，并解释了Phong光照模型和纹理融合的基本原理。通过调试和修改这些着色器代码，可以更好地理解图形渲染的过程。
Unity3D环境下的GLSL shaders写法 — 纯色参数
游客记
05-12 2421
我猜想你你一定想写一个可以变换任意颜色的shader，er'bu'jin'ji
unity自定义着色器基础
XYH_78的博客
02-29 2076
这些内置渲染管线的着色器示例演示了编写自定义着色器的基础知识，并涵盖了常见的用例。有关编写着色器的信息，请参阅。
Unity Shader 颜色修改
成长ing中的w的专栏
01-07 5487
编写能够改变模型颜色值得Shader Shader "Unlit/ColorShader" { Properties { _Color("Color",Color) = (1,1,1,1) } SubShader { //渲染一次模型 Pass { //添加Cg/HLSL代码片段 CGPROGRAM //定义顶点着色器
Unity3D教程：着色器
小小姑娘
11-12 1286
所有基于顶点光照的着色器开销都比Pixel着色器的开销小。：点击上图中的Base(RGB)右侧的方框的Select按钮，选一个你喜欢的图片吧。这样子我们的着色器就可以使用了。凹凸和视差凹凸]：名称中带有Bump或者Parallax的着色器都带有的一个属性，使得他们可以模拟对象的高度和深度。散射]：定义对象的基本颜色，可以使用贴图或者简单的颜色选择器来控制散射，所有的着色器都带有某种类型的散射属性。高光]：带有Specular属性的着色器都可以使对象在光源照射下具有漂亮的光泽，注意这和反射是不同的。
Unity 渲染教程（二）：着色器基础
lvlei19911108的博客
10-21 308
这是关于渲染基础的系列教程的第二部分。这个渲染基础的系列教程的第一部分是有关矩阵的内容。在这篇文章中我们将编写我们的第一个着色器代码并导入纹理。这个系列教程是使用Unity 5.4.0开发的，这个版本目前还是开放测试版本。我使用的是build 5.4.0b10版本。 对球使用纹理。1. 默认的场景当你在Unity中创建新的场景的时候，你将使用默认的相机和定向的光源。通过GameObjec...
Unity中Shader的介绍和使用+举例
qq_64875189的博客
03-20 938
Shader（着色器）是运行在 GPU 上的小程序，用于控制游戏对象的渲染方式。Shader 是游戏开发的核心技能，熟练掌握 Shader 可以让你的游戏更具个性化！在 Unity 中，Shader 主要用于控制。如果你不想写代码，可以用。
Unity | Shader基础知识(第十二集：颜色混合)
菌菌兹的博客
04-15 2445
shader里每一个结构体的存在都是有原因的，都是来源于生活的，让我们一起来从生活的角度看看吧。
UnityShader学习教程之＜关于颜色的详解，与shader后期调色的实现＞
xiongwen_li的博客
03-26 5855
今天讲解shader中的颜色color. 颜色是由rgb混合而成的，color = float4(r,g,b,a)这是颜色的公式！ 我们想要自己调色，只需要改变这些颜色的值，就可以实现颜色有自己控制了。 首先我们可以输出我们的顶点颜色，看看当前的界面怎么显示！ Shader "Unlit/CubeShader" { SubShader { Pass { CGPROGRAM #
unity shaderlab 颜色渐变效果 代码+注释
失业求捞！
03-21 8146
原理 两色渐变 如图，在uv坐标系中像素（x，y）的取值范围是（0，0） - （1，1） 设置_pos1的值作为区域限制，取值范围（0，1），然后判断当前像素的y值是否处于0-_pos1的区间，如果是就替换为_color1 - color2的过度色，否则就直接使用_color2的颜色 _color1 - color2中的过度色，由0 -_pos1的比值定位，注意uv坐标系中左下角是原点右上角是重...
Unity | Shader基础知识（第三集：案例＜对材质颜色进行干预＞)
菌菌兹的博客
12-13 2401
Unity | Shader基础知识（第三集：案例)
Unity_Shader学习(二)Shader结构与分类
qq_37394426的博客
01-19 354
Shader的结构 一个UnityShader的结构如下所示： Shader "ShaderName"{ Properties{ _value("valueName",valueType) = DefaultValue } SubShader{ //SubShader1 } SubShader{ //...
Unity Shader is not supported on this GPU
浮生若梦
08-23 3994
Android手机的报错日志如下: 08-20 18:21:01.760 16574 17126 D Unity : WARNING: Shader 08-20 18:21:01.760 16574 17126 D Unity : Unsupported: 'Hidden/PostProcessing/Debug/LightMeter' - Pass '' has no vertex shader 08-20 18:21:01.760 16574 17126 D Unity : ERROR:...
cg 笔记
陶醉的专栏
11-25 1088
glsl 虽然是比较标准的sl但是 其实真正牛比的还是 cg格式,几乎就是凌驾于其他之上了,又能编译到链接d3d api又能编到 gl 而语法,看完 glsl之后..这二者...其实没有什么区别...nvedia财大气粗, 写sl真是很有趣的事情,你这样改改光的参数那样改改 点的变化就能出来非常酷的效果...虽然我的显卡(集成的) 不怎么行,很多 texture 方式都不能做,但是已经很好玩了.
请大家帮忙看下这个shader的问题：
weixin_44451579的博客
09-02 918
报错是：Shader warning in 'Unit/Fernal_shader': Unit/Fernal_shader shader is not supported on this GPU (none of subshaders/fallbacks are suitable) 代码是： Shader "Unit/Fernal_shader" { Properties { _Goss("Goss",range(1,32)) = 8 } SubShader...
unity shader入门精要_【Unity Shader】在URP里写Shader（二）：从一个Unlit Shader开始
05-23
在本篇文章中，我们将从一个简单的 Unlit Shader 开始，了解如何在 Unity 的 URP 中编写 Shader。 Unlit Shader 是最基本的 Shader 之一，它不考虑任何光照，只对物体进行纯色渲染。这是一个非常适合初学者的 Shader，因为它可以让我们更好地理解 Shader 的基本结构和语法。 首先，我们需要创建一个新的 Shader，选择 URP 中的 Universal Render Pipeline/Lit Shader，并将其重命名为 Unlit。 接下来，打开 Shader 文件，我们可以看到 Shader 的基本结构如下： ``` Shader "Custom/Unlit" { Properties { // 定义 Shader 的属性 } SubShader { // 定义 SubShader 的标签和 Tags Pass { // 定义 Pass 的标签和 Tags CGPROGRAM // Shader 代码 ENDCG } } } ``` 如上所述，Shader 由多个 SubShader 组成，每个 SubShader 又由多个 Pass 组成。在这里，我们只需要关注一个 SubShader 和一个 Pass。 首先，我们需要在 Properties 中定义 Shader 的属性。这些属性可以在材质面板中进行编辑和调整。对于 Unlit Shader，我们只需要定义颜色属性即可，代码如下： ``` Properties { _Color ("Color", Color) = (1,1,1,1) } ``` 上述代码定义了一个名为 _Color 的属性，类型为 Color，初始值为白色。在这里，我们使用了 Unity 的 ShaderLab 语言来定义属性。 接下来，我们需要在 SubShader 中定义标签和 Tags。标签和 Tags 是用来控制 Shader 的渲染和使用的，我们需要根据实际情况进行定义。 对于 Unlit Shader，我们只需要定义一个名为 "RenderType" 的标签，值为 "Opaque"，表示这个 Shader 用于不透明的渲染。代码如下： ``` Tags { "RenderType"="Opaque" } ``` 最后，我们需要在 Pass 中编写 Shader 代码。对于 Unlit Shader，我们只需要将颜色值直接输出即可，代码如下： ``` CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; }; struct v2f { float4 vertex : SV_POSITION; }; float4 _Color; v2f vert (appdata v) { v2f o; o.vertex = UnityObjectToClipPos(v.vertex); return o; } fixed4 frag (v2f i) : SV_Target { return _Color; } ENDCG ``` 在上述代码中，我们定义了两个结构体 appdata 和 v2f，分别代表输入和输出数据。在 vert 函数中，我们将输入的顶点位置转换为屏幕空间的位置，并将其保存到输出中。在 frag 函数中，我们直接返回颜色值，这样就能够实现纯色渲染了。 最后，我们需要将 Shader 保存，并将其赋给一个材质。在材质面板中，我们可以看到 _Color 属性，可以通过这个属性来修改材质的颜色。 这就是从一个简单的 Unlit Shader 开始，在 Unity 的 URP 中编写 Shader 的全部过程。希望本文对你有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值