13.Unity ShaderGraph API（LWRP绘制各种形状，ProceduralSharp）

Node：Ellipse
绘制圆形
Node：Rectangle
绘制长方形
Node：Rounded Rectangle
绘制圆角长方形
Node：Polygon
绘制五边形
Node：Subtract
绘制中空圆形
绘制多个形状
绘制带阴影的形状
反色
Node：UV
Node：Reciprocal
Node：Modulo
排列绘制

Node:Ellipse

基于输入的UV坐标和指定的Width和Height生成一个椭圆形状；生成的形状可以通过Tiling And Offset Node进行偏移或者平铺；这个节点只可以在片段着色器阶段工作的时候使用。

端口信息

代码生成

void Unity_Ellipse_float(float2 UV, float Width, float Height, out float4 Out)
{float d = length((UV * 2 - 1) / float2(Width, Height));Out = saturate((1 - d) / fwidth(d));
}

绘制圆形，Graph

Ellipse指定宽带和高度绘制一个形状，Out应该是float4，显示的是float类型，显示有问题
为什么连线到Color而不是Position端口？是因为我们只要显示相关形状，而不是裁剪到一个形状

Node：Rectangle

基于输入的UV信息和指定的大小宽度和高度生成一个矩形；生成的形状可以进行偏移和平铺通过连接Tiling And Offset节点；这个节点只可以使用在片段着色器中。

Ports

代码生成

void Unity_Rectangle_float(float2 UV, float Width, float Height, out float Out)
{float2 d = abs(UV * 2 - 1) - float2(Width, Height);d = 1 - d / fwidth(d);Out = saturate(min(d.x, d.y));
}

绘制长方形，Graph

Node：Rounded Rectangle

通过输入的UV信息，指定的宽度和高度生成一个圆角矩形，每个圆角的半径可以自定义；
这个节点只可以使用在片段着色器中。

Ports

代码生成

void Unity_RoundedRectangle_float(float2 UV, float Width, float Height, float Radius, out float Out)
{Radius = max(min(min(abs(Radius * 2), abs(Width)), abs(Height)), 1e-5);float2 uv = abs(UV * 2 - 1) - float2(Width, Height) + Radius;float d = length(max(0, uv)) / Radius;Out = saturate((1 - d) / fwidth(d));
}

绘制圆角长方形，Graph

Node：Polygon

通过输入的uv信息和指定的宽度和高度生成一个正多边形，多边形的边数通过输入来指定；
这个节点只可以在片段着色器中使用。

Prots

代码生成

void Unity_Polygon_float(float2 UV, float Sides, float Width, float Height, out float Out)
{float pi = 3.14159265359;float aWidth = Width * cos(pi / Sides);float aHeight = Height * cos(pi / Sides);float2 uv = (UV * 2 - 1) / float2(aWidth, aHeight);uv.y *= -1;float pCoord = atan2(uv.x, uv.y);float r = 2 * pi / Sides;float distance = cos(floor(0.5 + pCoord / r) * r - pCoord) * length(uv);Out = saturate((1 - distance) / fwidth(distance));
}

绘制五边形，Graph

Node：Subtract

返回A减去B的结果，数学库

Ports

代码生成

void Unity_Subtract_float4(float4 A, float4 B, out float4 Out)
{Out = A - B;
}

绘制中空圆形，Graph

绘制多个形状，Graph

绘制带阴影的形状

反色，Graph

Node：UV

提供访问网格顶点或者片段的UV坐标；坐标通道可以通过下拉来选择，总共有4套UV坐标。

Ports

Controls

Node：Reciprocal

返回1除以输入的结果；可以选择Method为Fast更快的进行计算。

Ports

Controls

代码生成

Defaultvoid Unity_Reciprocal_float4(float4 In, out float4 Out)
{Out = 1.0/In;
}
Fast (Requires Shader Model 5)void Unity_Reciprocal_Fast_float4(float4 In, out float4 Out)
{Out = rcp(In);
}

Node：Modulo

返回输入A除以输入B的余数。

Ports

代码生成

void Unity_Modulo_float4(float4 A, float4 B, out float4 Out)
{Out = fmod(A, B);
}

排列绘制，Graph

第一次通过Reciprocal来将RowCol分成等比份，这里是5份，1/5 = 0.2每份长度
然后通过Modulo来将UV信息划分，具体划分过程是这样的

预览图可以看到有没有划分，并不是实际效果，给我们方便预览而已
通过RowCol再和划分的UV相乘来还原划分的UV
然后操作的是每份划分过的UV信息