当前位置:网站首页>Unity Shader学习(三)试着绘制一个圆
Unity Shader学习(三)试着绘制一个圆
2022-07-04 12:50:00 【ToDoNothing】
先上代码
Shader "Unlit/shader4"
{
Properties
{
}
SubShader
{
Tags {
"RenderType"="Opaque" }
LOD 100
Pass
{
CGPROGRAM
#pragma vertex vert
#pragma fragment frag
#include "UnityCG.cginc"
struct v2f{
float4 vertex:SV_POSITION;
float4 position:TEXCOORD1;
float2 uv:TEXCOORD0;
};
v2f vert(appdata_base v){
v2f o;
o.vertex=UnityObjectToClipPos(v.vertex);
o.position=v.vertex;
o.uv=v.texcoord;
return o;
}
float circle(float2 uv,float2 center){
float2 offset=uv-center;
float len=length(offset);
return step(len,0.2)-step(len,0.19);
}
fixed4 frag (v2f i) : SV_Target
{
fixed4 col=circle(i.uv,float2(0.5,0.5));
return col;
}
ENDCG
}
}
}
这里解释一下
根据第二个教程,我们在Pass块里定义了两个处理流程,分别为vertex和fragment,先执行vertex顶点着色器,处理顶点信息,再进行fragment片元着色器,处理颜色光照等信息。因此我们在最上面先定义了一个结构体,用来定义一个顶点的信息:
struct v2f{
float4 vertex:SV_POSITION;
float4 position:TEXCOORD1;
float2 uv:TEXCOORD0;
};
可以看到,定义的结构体包含了两个Texcoord,即纹理信息,这里只读取了两组。除此之外还有SV_POSITION为顶点的位置,除了SV_POSITION,还有一个参数叫做POSITION,二者的区别不大,具体如下:
POSITION:用来存储,模型在本地坐标下,模型空间中(objcet space)的顶点坐标,转换为剪裁空间坐标前的坐标,unity告诉我们的模型顶点坐标,没经过转换的。可用作顶点着色器(vertex shader)的输入、输出;片元着色器(frag)的输入。
SV_POSITION:用来存储,模型在剪裁空间,投影空间中的位置信息,即把模型空间的定点坐标,转化为剪裁空间的坐标,可用作顶点着色器(vertex shader)的输出;片元着色器(frag)的输入。
接下来是顶点着色器的处理,即vert函数,要对应上面#pragma vertex的名字,如下所示,输入的appdata_base为已定义好的内置变量,不用管,整个函数返回一个结构体,内部的变量经过了重新赋值。
如o.vertex,通过内置的转换函数UnityObjectToClipPos,将模型空间,转换成裁切空间。关于模型空间、裁切空间的概念,参考渲染管线中几种基础的坐标空间(对象空间、世界空间、相机空间(观察空间)、NDC空间、裁剪空间、屏幕空间)
v2f vert(appdata_base v){
v2f o;
o.vertex=UnityObjectToClipPos(v.vertex);
o.position=v.vertex;
o.uv=v.texcoord;
return o;
}
完成之后,进行片元着色器的处理
fixed4 frag (v2f i) : SV_Target
{
fixed4 col=circle(i.uv,float2(0.5,0.5));
return col;
}
片元着色器只是运行了一个函数,对当前的点进行颜色赋予,因此我们看一下这个函数
float circle(float2 uv,float2 center){
float2 offset=uv-center;
float len=length(offset);
return step(len,0.2)-step(len,0.19);
}
circle函数有参有返回值,输入了两个坐标信息,一个是顶点的坐标,一个是圆的中心点,首先,计算顶点坐标与中心点坐标的距离,再使用step函数进行处理。
step函数使用逻辑如下:
step (a, b)
{
if (a > b)
{
return 0;
}
else
{
return 1;
}
}
因此,它的原理就是判断当前点离中心点的距离,是否在合适的范围之内,如果在,返回1,表明可以填充颜色,这里我使用了两个step函数,使他形成一个圆环,在这个范围内的,就显示颜色,如下图所示。两个Step相减,就可以判断是否在这个范围内。
具体效果如下:
如果想改变颜色,半径和圆心,代码如下
Shader "Unlit/shader4"
{
Properties
{
_Radius("Radius",Float)=0.1
_Center("Center",Vector)=(0.5,0.5,0,0)
_LineColor("LineColor",Color)=(1,1,1,1)
}
SubShader
{
Tags {
"RenderType"="Opaque" }
LOD 100
Pass
{
CGPROGRAM
#pragma vertex vert
#pragma fragment frag
#include "UnityCG.cginc"
struct v2f{
float4 vertex:SV_POSITION;
float4 position:TEXCOORD1;
float2 uv:TEXCOORD0;
};
v2f vert(appdata_base v){
v2f o;
o.vertex=UnityObjectToClipPos(v.vertex);
o.position=v.vertex;
o.uv=v.texcoord;
return o;
}
float _Radius;
float4 _Center;
fixed4 _LineColor;
float circle(float2 uv,float2 center){
float2 offset=uv-center;
float len=length(offset);
return step(len,_Radius+0.01)-step(len,_Radius);
}
fixed4 frag (v2f i) : SV_Target
{
float2 center=float2(_Center.x,_Center.y);
fixed4 col=circle(i.uv,center)*_LineColor;
return col;
}
ENDCG
}
}
}
效果如下
边栏推荐
- MongoDB常用28条查询语句(转)
- 近日小结(非技术文)
- SCM polling program framework based on linked list management
- xshell/bash/zsh 等终端鼠标滚轮乱码问题(转)
- ViewBinding和DataBinding的理解和区别
- 30: Chapter 3: develop Passport Service: 13: develop [change / improve user information, interface]; (use * * * Bo class to accept parameters, and use parameter verification)
- ASP. Net core introduction I
- Worried about "cutting off gas", Germany is revising the energy security law
- [C question set] of VII
- 2022年起重机械指挥考试模拟100题模拟考试平台操作
猜你喜欢
Getting started with the go language is simple: go implements the Caesar password
吃透Chisel语言.09.Chisel项目构建、运行和测试(一)——用sbt构建Chisel项目并运行
Go 语言入门很简单:Go 实现凯撒密码
2022年起重机械指挥考试模拟100题模拟考试平台操作
自主工业软件的创新与发展
2022G3锅炉水处理考试题模拟考试题库及模拟考试
MySQL version 8 installation Free Tutorial
吃透Chisel语言.12.Chisel项目构建、运行和测试(四)——Chisel测试之ChiselTest
.Net之延迟队列
MySQL 45 lecture - learn the actual combat notes of MySQL in Geek time 45 lecture - 06 | global lock and table lock_ Why are there so many obstacles in adding a field to the table
随机推荐
学习项目是自己找的,成长机会是自己创造的
unity不识别rider的其中一种解决方法
find命令报错: paths must precede expression(转)
MySQL version 8 installation Free Tutorial
[C question set] of VII
面试拆解:系统上线后Cpu使用率飙升如何排查?
小程序直播 + 电商,想做新零售电商就用它吧!
读取 Excel 表数据
Haproxy high availability solution
Huahao Zhongtian sprint Technology Innovation Board: perte annuelle de 280 millions de RMB, projet de collecte de fonds de 1,5 milliard de Beida Pharmaceutical est actionnaire
gorm 之数据插入(转)
博士申请 | 西湖大学学习与推理系统实验室招收博后/博士/研究实习等
担心“断气” 德国正修改《能源安全法》
Detailed explanation of Fisher information quantity detection countermeasure sample code
Node mongodb installation
One of the solutions for unity not recognizing riders
Fs7867s is a voltage detection chip used for power supply voltage monitoring of digital system
Flet tutorial 03 basic introduction to filledbutton (tutorial includes source code) (tutorial includes source code)
基于STM32+华为云IOT设计的酒驾监控系统
【R语言数据科学】:交叉验证再回首