* 将组件加入到菜单中。

* 添加一个任意形状编辑器
This commit is contained in:
2026-04-07 17:48:48 +08:00
parent 76b891dc26
commit 22ae0d9293
14 changed files with 1203 additions and 55 deletions
+3
View File
@@ -0,0 +1,3 @@
fileFormatVersion: 2
guid: ba47379e46484bd5960c303610fcca35
timeCreated: 1775549160
+221
View File
@@ -0,0 +1,221 @@
using System.Collections.Generic;
using System.Linq;
using UnityEngine;
using UnityEngine.UI;
namespace XericLibrary.Runtime.Renderer
{
public static class TriangulateHelp
{
/// <summary>
/// 添加填充多边形
/// </summary>
public static void AddFilledPolygon(VertexHelper vh, List<Vector2> vertices, List<int> triangles, Color color)
{
int vertexStartIndex = vh.currentVertCount;
// 添加顶点
foreach (var vertex in vertices)
{
vh.AddVert(vertex, color, Vector2.zero);
}
// 添加三角形索引
for (int i = 0; i < triangles.Count; i += 3)
{
vh.AddTriangle(
vertexStartIndex + triangles[i],
vertexStartIndex + triangles[i + 1],
vertexStartIndex + triangles[i + 2]
);
}
}
/// <summary>
/// 添加描边
/// </summary>
public static void AddStroke(VertexHelper vh, List<Vector2> vertices, float width, Color color)
{
if (vertices.Count < 2)
return;
float halfWidth = width * 0.5f;
// 为每条边生成两个三角形(形成矩形)
for (int i = 0; i < vertices.Count; i++)
{
int next = (i + 1) % vertices.Count;
Vector2 p1 = vertices[i];
Vector2 p2 = vertices[next];
// 计算边的法线
Vector2 edge = p2 - p1;
Vector2 normal = new Vector2(-edge.y, edge.x).normalized;
// 生成四个顶点(矩形)
Vector2 v1 = p1 + normal * halfWidth;
Vector2 v2 = p1 - normal * halfWidth;
Vector2 v3 = p2 - normal * halfWidth;
Vector2 v4 = p2 + normal * halfWidth;
int startIndex = vh.currentVertCount;
vh.AddVert(v1, color, Vector2.zero);
vh.AddVert(v2, color, Vector2.zero);
vh.AddVert(v3, color, Vector2.zero);
vh.AddVert(v4, color, Vector2.zero);
// 两个三角形
vh.AddTriangle(startIndex, startIndex + 1, startIndex + 2);
vh.AddTriangle(startIndex, startIndex + 2, startIndex + 3);
}
}
/// <summary>
/// 耳切法三角剖分
/// </summary>
public static List<int> TriangulatePolygon(List<Vector2> polygonVertices)
{
List<int> triangles = new List<int>();
if (polygonVertices == null || polygonVertices.Count < 3)
return triangles;
// 复制顶点列表以便修改
List<Vector2> verticesCopy = new List<Vector2>(polygonVertices);
List<int> indices = Enumerable.Range(0, verticesCopy.Count).ToList();
// 确保顶点顺序是逆时针(耳切法要求)
if (!IsCounterClockwise(verticesCopy))
{
verticesCopy.Reverse();
indices.Reverse();
}
int n = verticesCopy.Count;
// 当顶点数大于3时继续切耳朵
while (n > 3)
{
bool foundEar = false;
for (int i = 0; i < n; i++)
{
int prev = (i - 1 + n) % n;
int curr = i;
int next = (i + 1) % n;
// 检查是否是耳朵
if (IsEar(verticesCopy, prev, curr, next, n))
{
// 添加三角形
triangles.Add(indices[prev]);
triangles.Add(indices[curr]);
triangles.Add(indices[next]);
// 移除耳朵顶点
verticesCopy.RemoveAt(curr);
indices.RemoveAt(curr);
n--;
foundEar = true;
break;
}
}
// 如果没有找到耳朵,可能是复杂多边形,退出
if (!foundEar)
{
Debug.LogWarning("无法完成三角剖分,可能是自相交多边形");
break;
}
}
// 添加最后一个三角形
if (n == 3)
{
triangles.Add(indices[0]);
triangles.Add(indices[1]);
triangles.Add(indices[2]);
}
return triangles;
}
/// <summary>
/// 检查顶点顺序是否为逆时针
/// </summary>
public static bool IsCounterClockwise(List<Vector2> vertices)
{
float sum = 0;
int n = vertices.Count;
for (int i = 0; i < n; i++)
{
Vector2 v1 = vertices[i];
Vector2 v2 = vertices[(i + 1) % n];
sum += (v2.x - v1.x) * (v2.y + v1.y);
}
return sum < 0;
}
/// <summary>
/// 检查三个顶点是否构成耳朵
/// </summary>
public static bool IsEar(List<Vector2> vertices, int prev, int curr, int next, int n)
{
Vector2 a = vertices[prev];
Vector2 b = vertices[curr];
Vector2 c = vertices[next];
// 检查是否是凸角
if (!IsConvex(a, b, c))
return false;
// 检查三角形内部是否包含其他顶点
for (int i = 0; i < n; i++)
{
if (i == prev || i == curr || i == next)
continue;
if (PointInTriangle(vertices[i], a, b, c))
return false;
}
return true;
}
/// <summary>
/// 检查点是否在三角形内部
/// </summary>
public static bool PointInTriangle(Vector2 p, Vector2 a, Vector2 b, Vector2 c)
{
float area = Mathf.Abs(CrossProduct(a, b, c));
float area1 = Mathf.Abs(CrossProduct(p, a, b));
float area2 = Mathf.Abs(CrossProduct(p, b, c));
float area3 = Mathf.Abs(CrossProduct(p, c, a));
return Mathf.Abs(area - (area1 + area2 + area3)) < 0.001f;
}
/// <summary>
/// 检查三点是否构成凸角(逆时针)
/// </summary>
public static bool IsConvex(Vector2 a, Vector2 b, Vector2 c)
{
return CrossProduct(a, b, c) > 0;
}
/// <summary>
/// 计算叉积
/// </summary>
public static float CrossProduct(Vector2 a, Vector2 b, Vector2 c)
{
return (b.x - a.x) * (c.y - a.y) - (b.y - a.y) * (c.x - a.x);
}
}
}
+3
View File
@@ -0,0 +1,3 @@
fileFormatVersion: 2
guid: 45ff8ace448e4691b1db19cb52906ddd
timeCreated: 1775549185
@@ -7,13 +7,15 @@ using UnityEngine.Pool;
using UnityEngine.UI;
using XericLibrary.Runtime.MacroLibrary;
namespace XericLibrary
namespace XericLibrary.Runtime.Renderer
{
/// <summary>
/// UILineRenderer 的工具类,提供静态方法用于线条渲染相关的操作
/// </summary>
internal static class XericRendererUtils
{
#region
/// <summary>
/// 计算线路的总长度
/// </summary>
@@ -84,6 +86,10 @@ namespace XericLibrary
return true;
}
#endregion
#region uv计算
/// <summary>
/// 计算起点和终点的UV坐标Y值
/// </summary>
@@ -97,6 +103,8 @@ namespace XericLibrary
startUVY = totalLength > 0 ? startLength / totalLength : 0f;
endUVY = totalLength > 0 ? (startLength + currentLength) / totalLength : 0f;
}
#endregion
#region 线
@@ -514,5 +522,47 @@ namespace XericLibrary
}
#endregion
#region
private static readonly Color32 s_DefaultColor = new Color32(byte.MaxValue, byte.MaxValue, byte.MaxValue, byte.MaxValue);
private static readonly Vector4 s_DefaultTangent = new Vector4(1f, 0.0f, 0.0f, -1f);
/// <summary>
/// 添加一个顶点信息
/// </summary>
/// <param name="vertexList"></param>
/// <param name="position"></param>
/// <param name="uv"></param>
/// <param name="color"></param>
public static void AddVert(this ICollection<UIVertex> vertexList, Vector3 position, Vector4 uv, Color32 color)
{
vertexList.Add(new UIVertex()
{
position = position,
normal = Vector3.back,
tangent = s_DefaultTangent,
color = color,
uv0 = uv,
uv1 = uv,
uv2 = uv,
uv3 = uv
});
}
/// <summary>
/// 添加一个三角面索引
/// </summary>
/// <param name="indices"></param>
/// <param name="index0"></param>
/// <param name="index1"></param>
/// <param name="index2"></param>
public static void AddTriangle(this ICollection<int> indices, int index0, int index1, int index2)
{
indices.Add(index0);
indices.Add(index1);
indices.Add(index2);
}
#endregion
}
}
+23 -19
View File
@@ -20,6 +20,7 @@ Shader "XericLibrary/UILine/UIPattern"
_Thinkness( "Thinkness", Range( 0, 1 ) ) = 0.1
_BorderColor( "Border Color", Color ) = ( 1, 1, 1, 1 )
_FillColor( "Fill Color", Color ) = ( 0.6698113, 0.6698113, 0.6698113, 0.7803922 )
_BorderColor2( "Border Color2", Color ) = ( 0, 0, 0, 0 )
}
@@ -96,6 +97,7 @@ Shader "XericLibrary/UILine/UIPattern"
uniform float4 _FillColor;
uniform float4 _BorderColor;
uniform float4 _BorderColor2;
uniform float _Thinkness;
@@ -136,8 +138,9 @@ Shader "XericLibrary/UILine/UIPattern"
float4 texCoord4 = IN.ase_texcoord3;
texCoord4.xy = IN.ase_texcoord3.xy * float2( 1,1 ) + float2( 0,0 );
float temp_output_18_0 = saturate( ( ( ( _Thinkness - ( 1.0 - texCoord4.z ) ) / _Thinkness ) * 100.0 ) );
float4 lerpResult19 = lerp( _FillColor , _BorderColor , temp_output_18_0);
float temp_output_14_0 = ( _Thinkness - ( 1.0 - texCoord4.z ) );
float4 lerpResult24 = lerp( _BorderColor , _BorderColor2 , saturate( ( temp_output_14_0 / _Thinkness ) ));
float4 lerpResult19 = lerp( _FillColor , lerpResult24 , saturate( ( temp_output_14_0 * 1000.0 ) ));
half4 color = lerpResult19;
@@ -165,34 +168,35 @@ Shader "XericLibrary/UILine/UIPattern"
/*ASEBEGIN
Version=19908
Node;AmplifyShaderEditor.TextureCoordinatesNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;4;-640,-384;Inherit;False;2;-1;4;3;2;SAMPLER2D;;False;0;FLOAT2;1,1;False;1;FLOAT2;0,0;False;5;FLOAT4;0;FLOAT;1;FLOAT;2;FLOAT;3;FLOAT;4
Node;AmplifyShaderEditor.RangedFloatNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;2;-288,-176;Inherit;False;Property;_Thinkness;Thinkness;0;0;Create;True;0;0;0;False;0;False;0.1;0;0;1;0;1;FLOAT;0
Node;AmplifyShaderEditor.OneMinusNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;13;-256,-368;Inherit;False;1;0;FLOAT;0;False;1;FLOAT;0
Node;AmplifyShaderEditor.OneMinusNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;13;-384,-384;Inherit;False;1;0;FLOAT;0;False;1;FLOAT;0
Node;AmplifyShaderEditor.RangedFloatNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;2;-384,-256;Inherit;False;Property;_Thinkness;Thinkness;0;0;Create;True;0;0;0;False;0;False;0.1;0;0;1;0;1;FLOAT;0
Node;AmplifyShaderEditor.SimpleSubtractOpNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;14;-96,-384;Inherit;False;2;0;FLOAT;0;False;1;FLOAT;0;False;1;FLOAT;0
Node;AmplifyShaderEditor.SimpleDivideOpNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;15;113.2046,-377.9782;Inherit;False;2;0;FLOAT;0;False;1;FLOAT;0;False;1;FLOAT;0
Node;AmplifyShaderEditor.RangedFloatNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;17;256,-240;Inherit;False;Constant;_Float0;Float 0;2;0;Create;True;0;0;0;False;0;False;100;0;0;0;0;1;FLOAT;0
Node;AmplifyShaderEditor.SimpleDivideOpNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;15;64,-384;Inherit;False;2;0;FLOAT;0;False;1;FLOAT;0;False;1;FLOAT;0
Node;AmplifyShaderEditor.RangedFloatNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;17;256,-256;Inherit;False;Constant;_Float0;Float 0;2;0;Create;True;0;0;0;False;0;False;1000;0;0;0;0;1;FLOAT;0
Node;AmplifyShaderEditor.ColorNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;20;512,-256;Inherit;False;Property;_BorderColor;Border Color;1;0;Create;True;0;0;0;False;0;False;1,1,1,1;1,1,1,1;True;True;0;6;COLOR;0;FLOAT;1;FLOAT;2;FLOAT;3;FLOAT;4;FLOAT3;5
Node;AmplifyShaderEditor.ColorNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;23;512,-32;Inherit;False;Property;_BorderColor2;Border Color2;3;0;Create;True;0;0;0;False;0;False;0,0,0,0;0,0,0,0;True;True;0;6;COLOR;0;FLOAT;1;FLOAT;2;FLOAT;3;FLOAT;4;FLOAT3;5
Node;AmplifyShaderEditor.SaturateNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;28;256,-128;Inherit;False;1;0;FLOAT;0;False;1;FLOAT;0
Node;AmplifyShaderEditor.SimpleMultiplyOpNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;16;256,-384;Inherit;False;2;2;0;FLOAT;0;False;1;FLOAT;0;False;1;FLOAT;0
Node;AmplifyShaderEditor.ColorNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;21;512,-640;Inherit;False;Property;_FillColor;Fill Color;2;0;Create;True;0;0;0;False;0;False;0.6698113,0.6698113,0.6698113,0.7803922;0,0,0,0;True;True;0;6;COLOR;0;FLOAT;1;FLOAT;2;FLOAT;3;FLOAT;4;FLOAT3;5
Node;AmplifyShaderEditor.LerpOp, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;24;848,-176;Inherit;False;3;0;COLOR;0,0,0,0;False;1;COLOR;0,0,0,0;False;2;FLOAT;0;False;1;COLOR;0
Node;AmplifyShaderEditor.SaturateNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;18;416,-384;Inherit;False;1;0;FLOAT;0;False;1;FLOAT;0
Node;AmplifyShaderEditor.ColorNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;21;480,-592;Inherit;False;Property;_FillColor;Fill Color;2;0;Create;True;0;0;0;False;0;False;0.6698113,0.6698113,0.6698113,0.7803922;0,0,0,0;True;True;0;6;COLOR;0;FLOAT;1;FLOAT;2;FLOAT;3;FLOAT;4;FLOAT3;5
Node;AmplifyShaderEditor.ColorNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;20;480,-96;Inherit;False;Property;_BorderColor;Border Color;1;0;Create;True;0;0;0;False;0;False;1,1,1,1;1,1,1,1;True;True;0;6;COLOR;0;FLOAT;1;FLOAT;2;FLOAT;3;FLOAT;4;FLOAT3;5
Node;AmplifyShaderEditor.LerpOp, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;19;784,-384;Inherit;False;3;0;COLOR;0,0,0,0;False;1;COLOR;0,0,0,0;False;2;FLOAT;0;False;1;COLOR;0
Node;AmplifyShaderEditor.DynamicAppendNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;6;864,-160;Inherit;False;FLOAT4;4;0;FLOAT;0;False;1;FLOAT;0;False;2;FLOAT;0;False;3;FLOAT;1;False;1;FLOAT4;0
Node;AmplifyShaderEditor.DynamicAppendNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;22;176,-592;Inherit;False;FLOAT4;4;0;FLOAT;0;False;1;FLOAT;0;False;2;FLOAT;0;False;3;FLOAT;1;False;1;FLOAT4;0
Node;AmplifyShaderEditor.TemplateMultiPassMasterNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;0;1008,-368;Float;False;True;-1;3;AmplifyShaderEditor.MaterialInspector;0;12;XericLibrary/UILine/UIPattern;5056123faa0c79b47ab6ad7e8bf059a4;True;Default;0;0;Default;2;False;True;3;1;False;;10;False;;0;1;False;;0;False;;False;False;False;False;False;False;False;False;False;False;False;False;True;2;False;;False;True;True;True;True;True;0;True;_ColorMask;False;False;False;False;False;False;False;True;True;0;True;_Stencil;255;True;_StencilReadMask;255;True;_StencilWriteMask;0;True;_StencilComp;0;True;_StencilOp;0;False;;0;False;;0;False;;0;False;;0;False;;0;False;;False;True;2;False;;True;0;True;unity_GUIZTestMode;False;False;True;5;Queue=Transparent=Queue=0;IgnoreProjector=True;RenderType=Transparent=RenderType;PreviewType=Plane;CanUseSpriteAtlas=True;False;False;0;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;True;3;False;0;;0;0;Standard;0;0;1;True;False;;False;0
Node;AmplifyShaderEditor.LerpOp, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;19;1024,-384;Inherit;False;3;0;COLOR;0,0,0,0;False;1;COLOR;0,0,0,0;False;2;FLOAT;0;False;1;COLOR;0
Node;AmplifyShaderEditor.TemplateMultiPassMasterNode, AmplifyShaderEditor, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null;0;1280,-384;Float;False;True;-1;3;AmplifyShaderEditor.MaterialInspector;0;12;XericLibrary/UILine/UIPattern;5056123faa0c79b47ab6ad7e8bf059a4;True;Default;0;0;Default;2;False;True;3;1;False;;10;False;;0;1;False;;0;False;;False;False;False;False;False;False;False;False;False;False;False;False;True;2;False;;False;True;True;True;True;True;0;True;_ColorMask;False;False;False;False;False;False;False;True;True;0;True;_Stencil;255;True;_StencilReadMask;255;True;_StencilWriteMask;0;True;_StencilComp;0;True;_StencilOp;0;False;;0;False;;0;False;;0;False;;0;False;;0;False;;False;True;2;False;;True;0;True;unity_GUIZTestMode;False;False;True;5;Queue=Transparent=Queue=0;IgnoreProjector=True;RenderType=Transparent=RenderType;PreviewType=Plane;CanUseSpriteAtlas=True;False;False;0;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;True;3;False;0;;0;0;Standard;0;0;1;True;False;;False;0
WireConnection;13;0;4;3
WireConnection;14;0;2;0
WireConnection;14;1;13;0
WireConnection;15;0;14;0
WireConnection;15;1;2;0
WireConnection;16;0;15;0
WireConnection;28;0;15;0
WireConnection;16;0;14;0
WireConnection;16;1;17;0
WireConnection;24;0;20;0
WireConnection;24;1;23;0
WireConnection;24;2;28;0
WireConnection;18;0;16;0
WireConnection;19;0;21;0
WireConnection;19;1;20;0
WireConnection;19;1;24;0
WireConnection;19;2;18;0
WireConnection;6;0;18;0
WireConnection;22;0;4;1
WireConnection;22;1;4;2
WireConnection;22;2;4;3
WireConnection;0;0;19;0
ASEEND*/
//CHKSM=0563E16505FEE01A149F7DEE4B80FAB154BB7859
//CHKSM=84080EAB92253329FAA94F86E05E0DFA50E904E6
+3
View File
@@ -0,0 +1,3 @@
fileFormatVersion: 2
guid: 498048bc479945ccab166de5c805557b
timeCreated: 1774857180
@@ -0,0 +1,10 @@
using UnityEngine;
namespace RenderParam
{
// [CreateAssetMenu(fileName = "UIRenderScriptableObject", menuName = "MyCategory/My Custom Data", order = 1)]
public class UIRenderScriptableObject : ScriptableObject
{
}
}
@@ -0,0 +1,3 @@
fileFormatVersion: 2
guid: 8a4b2bc556f349c1936462d382601754
timeCreated: 1774857200
+800
View File
@@ -0,0 +1,800 @@
using System.Collections.Generic;
using System.Linq;
using UnityEngine;
using UnityEngine.UI;
namespace XericLibrary.Runtime.Renderer
{
/// <summary>
/// 任意图案渲染器
/// </summary>
[AddComponentMenu("Xeric Library/UI/UIAnyPatternRenderer", 15)]
public class UIAnyPatternRenderer : XericRendererComponent
{
public enum DistanceFieldMode
{
/// <summary>
/// 简单模式:仅使用中心点(适用于凸多边形)
/// </summary>
SimpleCenter,
/// <summary>
/// 高级模式:使用中轴变换(适用于任意多边形)
/// </summary>
MedialAxis,
/// <summary>
/// 网格采样模式:在网格上采样距离(最精确但最慢)
/// </summary>
GridSampling
}
[System.Serializable]
public class PatternGroup
{
[Tooltip("该组包含的顶点索引")]
public List<int> vertexIndices = new List<int>();
[Tooltip("该组的填充颜色")]
public Color32 fillColor = Color.white;
[Tooltip("该组的描边颜色")]
public Color32 strokeColor = Color.black;
[Tooltip("描边宽度(像素)")]
[Range(0f, 20f)]
public float strokeWidth = 2f;
[Tooltip("是否填充该组")]
public bool fillEnabled = true;
[Tooltip("是否显示描边")]
public bool strokeEnabled = true;
[Header("距离场设置")]
[Tooltip("距离场生成模式")]
public DistanceFieldMode distanceFieldMode = DistanceFieldMode.SimpleCenter;
[Tooltip("距离场分辨率(仅GridSampling模式使用)")]
[Range(16, 256)]
public int distanceFieldResolution = 64;
[Tooltip("是否在着色器中使用距离场(需要自定义着色器)")]
public bool useDistanceFieldInShader = false;
[Tooltip("距离场衰减系数")]
[Range(0.1f, 10f)]
public float distanceFalloff = 1f;
[HideInInspector]
public List<Vector2> cachedMedialAxisPoints = new List<Vector2>();
[HideInInspector]
public List<float> cachedDistances = new List<float>();
[HideInInspector]
public Texture2D distanceFieldTexture;
}
[Header("顶点设置")]
[Tooltip("所有顶点的列表(局部坐标)")]
public List<Vector2> vertices = new List<Vector2>();
[Header("图形分组")]
[Tooltip("定义哪些顶点构成一个图形")]
public List<PatternGroup> patternGroups = new List<PatternGroup>();
[Header("全局设置")]
[Tooltip("是否显示所有顶点的辅助标记")]
public bool showVertexMarkers = false;
[Tooltip("顶点标记大小")]
[Range(1f, 20f)]
public float vertexMarkerSize = 5f;
[Tooltip("顶点标记颜色")]
public Color vertexMarkerColor = Color.red;
[Header("调试设置")]
[Tooltip("显示中轴线")]
public bool showMedialAxis = false;
[Tooltip("中轴线颜色")]
public Color medialAxisColor = Color.yellow;
[Tooltip("显示距离场可视化")]
public bool visualizeDistanceField = false;
// 三角剖分和距离场缓存
private Dictionary<int, List<int>> triangulationCache = new Dictionary<int, List<int>>();
private Dictionary<int, Vector2[]> uvCache = new Dictionary<int, Vector2[]>();
private bool isDirty = true;
protected override void OnPopulateMesh(VertexHelper vh)
{
vh.Clear();
if (vertices == null || vertices.Count == 0 || patternGroups == null || patternGroups.Count == 0)
{
return;
}
// 为每个图形分组生成网格
foreach (var group in patternGroups)
{
if (group.vertexIndices == null || group.vertexIndices.Count < 3)
continue;
// 获取该组的顶点
List<Vector2> groupVertices = new List<Vector2>();
foreach (int index in group.vertexIndices)
{
if (index >= 0 && index < vertices.Count)
{
groupVertices.Add(vertices[index]);
}
}
if (groupVertices.Count < 3)
continue;
// 三角剖分
List<int> triangles;
int cacheKey = GetCacheKey(group.vertexIndices);
if (!triangulationCache.TryGetValue(cacheKey, out triangles) || isDirty)
{
triangles = TriangulatePolygon(groupVertices);
triangulationCache[cacheKey] = triangles;
}
// 生成UV(距离场)
Vector2[] uvs;
if (!uvCache.TryGetValue(cacheKey, out uvs) || isDirty)
{
uvs = GenerateDistanceFieldUVs(group, groupVertices, triangles);
uvCache[cacheKey] = uvs;
}
// 添加填充
if (group.fillEnabled && triangles != null && triangles.Count > 0)
{
AddFilledPolygon(vh, groupVertices, triangles, uvs, group.fillColor);
}
// 添加描边
if (group.strokeEnabled && group.strokeWidth > 0)
{
AddStroke(vh, groupVertices, group.strokeWidth, group.strokeColor);
}
// 显示中轴线
if (showMedialAxis && group.cachedMedialAxisPoints.Count > 0)
{
AddMedialAxis(vh, group.cachedMedialAxisPoints, medialAxisColor);
}
}
// 添加顶点标记
if (showVertexMarkers)
{
AddVertexMarkers(vh);
}
isDirty = false;
}
/// <summary>
/// 生成距离场UV坐标
/// </summary>
private Vector2[] GenerateDistanceFieldUVs(PatternGroup group, List<Vector2> vertices, List<int> triangles)
{
Vector2[] uvs = new Vector2[vertices.Count];
switch (group.distanceFieldMode)
{
case DistanceFieldMode.SimpleCenter:
uvs = GenerateSimpleCenterUVs(vertices);
break;
case DistanceFieldMode.MedialAxis:
uvs = GenerateMedialAxisUVs(group, vertices, triangles);
break;
case DistanceFieldMode.GridSampling:
uvs = GenerateGridSamplingUVs(group, vertices, triangles);
break;
}
return uvs;
}
/// <summary>
/// 简单中心模式:计算质心并生成线性距离
/// </summary>
private Vector2[] GenerateSimpleCenterUVs(List<Vector2> vertices)
{
Vector2[] uvs = new Vector2[vertices.Count];
// 计算质心
Vector2 centroid = CalculateCentroid(vertices);
// 计算最大距离(归一化用)
float maxDistance = 0;
foreach (var vertex in vertices)
{
float dist = Vector2.Distance(vertex, centroid);
if (dist > maxDistance) maxDistance = dist;
}
if (maxDistance < 0.001f) maxDistance = 1f;
// 生成UV:质心处为(0.5, 0.5),边界处根据距离变化
for (int i = 0; i < vertices.Count; i++)
{
float dist = Vector2.Distance(vertices[i], centroid);
float normalizedDist = dist / maxDistance;
// UV的x分量表示距离(0-1),y分量可以用于其他用途
uvs[i] = new Vector2(normalizedDist, 0.5f);
}
return uvs;
}
/// <summary>
/// 中轴变换模式:计算多边形的中轴线
/// </summary>
private Vector2[] GenerateMedialAxisUVs(PatternGroup group, List<Vector2> vertices, List<int> triangles)
{
Vector2[] uvs = new Vector2[vertices.Count];
// 清空缓存
group.cachedMedialAxisPoints.Clear();
group.cachedDistances.Clear();
// 计算中轴线
List<Vector2> medialAxis = ComputeMedialAxis(vertices);
group.cachedMedialAxisPoints = medialAxis;
if (medialAxis.Count == 0)
{
// 如果中轴线计算失败,回退到简单中心模式
return GenerateSimpleCenterUVs(vertices);
}
// 计算每个顶点到最近的中轴线点的距离
float maxDistance = 0;
for (int i = 0; i < vertices.Count; i++)
{
float minDist = float.MaxValue;
foreach (var axisPoint in medialAxis)
{
float dist = Vector2.Distance(vertices[i], axisPoint);
if (dist < minDist) minDist = dist;
}
group.cachedDistances.Add(minDist);
if (minDist > maxDistance) maxDistance = minDist;
}
if (maxDistance < 0.001f) maxDistance = 1f;
// 生成UV
for (int i = 0; i < vertices.Count; i++)
{
float normalizedDist = group.cachedDistances[i] / maxDistance;
uvs[i] = new Vector2(normalizedDist, 0.5f);
}
return uvs;
}
/// <summary>
/// 计算多边形的中轴线(简化版)
/// 实际应用中可以使用更复杂的算法如Voronoi图或直线骨架算法
/// </summary>
private List<Vector2> ComputeMedialAxis(List<Vector2> vertices)
{
List<Vector2> medialAxis = new List<Vector2>();
// 方法1:使用Voronoi图的简化版本
// 对于每条边,计算其法线方向上的点
int n = vertices.Count;
// 添加质心作为起点
Vector2 centroid = CalculateCentroid(vertices);
medialAxis.Add(centroid);
// 对于每条边,计算中垂线与相邻边中垂线的交点
for (int i = 0; i < n; i++)
{
int prev = (i - 1 + n) % n;
int curr = i;
int next = (i + 1) % n;
// 计算三条边的中垂线
Vector2 edge1Mid = (vertices[prev] + vertices[curr]) * 0.5f;
Vector2 edge1Dir = vertices[curr] - vertices[prev];
Vector2 edge1Normal = new Vector2(-edge1Dir.y, edge1Dir.x).normalized;
Vector2 edge2Mid = (vertices[curr] + vertices[next]) * 0.5f;
Vector2 edge2Dir = vertices[next] - vertices[curr];
Vector2 edge2Normal = new Vector2(-edge2Dir.y, edge2Dir.x).normalized;
// 计算两条中垂线的交点
Vector2 intersection;
if (LineLineIntersection(edge1Mid, edge1Normal, edge2Mid, edge2Normal, out intersection))
{
// 检查交点是否在多边形内部
if (PointInPolygon(intersection, vertices))
{
medialAxis.Add(intersection);
}
}
}
// 去重
medialAxis = RemoveDuplicatePoints(medialAxis, 0.1f);
return medialAxis;
}
/// <summary>
/// 网格采样模式:在网格上采样距离场(最精确)
/// </summary>
private Vector2[] GenerateGridSamplingUVs(PatternGroup group, List<Vector2> vertices, List<int> triangles)
{
Vector2[] uvs = new Vector2[vertices.Count];
// 计算包围盒
Vector2 min = vertices[0];
Vector2 max = vertices[0];
foreach (var v in vertices)
{
min = Vector2.Min(min, v);
max = Vector2.Max(max, v);
}
float width = max.x - min.x;
float height = max.y - min.y;
// 创建距离场纹理
if (group.distanceFieldTexture == null ||
group.distanceFieldTexture.width != group.distanceFieldResolution)
{
group.distanceFieldTexture = new Texture2D(
group.distanceFieldResolution,
group.distanceFieldResolution,
TextureFormat.R8, false);
group.distanceFieldTexture.filterMode = FilterMode.Bilinear;
}
Color32[] pixels = new Color32[group.distanceFieldResolution * group.distanceFieldResolution];
// 对每个像素采样
for (int y = 0; y < group.distanceFieldResolution; y++)
{
for (int x = 0; x < group.distanceFieldResolution; x++)
{
// 计算世界坐标
float worldX = min.x + (x / (float)(group.distanceFieldResolution - 1)) * width;
float worldY = min.y + (y / (float)(group.distanceFieldResolution - 1)) * height;
Vector2 worldPos = new Vector2(worldX, worldY);
// 计算到边界的最小距离
float minDistance = float.MaxValue;
// 检查是否在多边形内部
bool inside = PointInPolygon(worldPos, vertices);
// 计算到每条边的距离
for (int i = 0; i < vertices.Count; i++)
{
int next = (i + 1) % vertices.Count;
float dist = DistancePointToSegment(worldPos, vertices[i], vertices[next]);
if (dist < minDistance)
minDistance = dist;
}
// 归一化距离
float normalizedDist = Mathf.Clamp01(minDistance / Mathf.Max(width, height));
// 如果在外部,距离为负
if (!inside)
normalizedDist = -normalizedDist;
// 存储到纹理
int pixelIndex = y * group.distanceFieldResolution + x;
byte distByte = (byte)(Mathf.Clamp01(Mathf.Abs(normalizedDist)) * 255);
pixels[pixelIndex] = new Color32(distByte, distByte, distByte, 255);
// 为顶点生成UV
if (visualizeDistanceField)
{
for (int i = 0; i < vertices.Count; i++)
{
if (Vector2.Distance(vertices[i], worldPos) < 1f)
{
uvs[i] = new Vector2(x / (float)group.distanceFieldResolution,
y / (float)group.distanceFieldResolution);
}
}
}
}
}
group.distanceFieldTexture.SetPixels32(pixels);
group.distanceFieldTexture.Apply();
// 如果不显示可视化,使用简单模式的UV
if (!visualizeDistanceField)
{
return GenerateSimpleCenterUVs(vertices);
}
return uvs;
}
/// <summary>
/// 计算多边形的质心
/// </summary>
private Vector2 CalculateCentroid(List<Vector2> vertices)
{
float signedArea = 0;
float centerX = 0;
float centerY = 0;
int n = vertices.Count;
for (int i = 0; i < n; i++)
{
int next = (i + 1) % n;
float temp = vertices[i].x * vertices[next].y - vertices[next].x * vertices[i].y;
signedArea += temp;
centerX += (vertices[i].x + vertices[next].x) * temp;
centerY += (vertices[i].y + vertices[next].y) * temp;
}
signedArea *= 0.5f;
if (Mathf.Abs(signedArea) < 0.001f)
return vertices.Count > 0 ? vertices[0] : Vector2.zero;
centerX /= (6 * signedArea);
centerY /= (6 * signedArea);
return new Vector2(centerX, centerY);
}
/// <summary>
/// 检查点是否在多边形内部
/// </summary>
private bool PointInPolygon(Vector2 point, List<Vector2> vertices)
{
int n = vertices.Count;
bool inside = false;
for (int i = 0, j = n - 1; i < n; j = i++)
{
if (((vertices[i].y > point.y) != (vertices[j].y > point.y)) &&
(point.x < (vertices[j].x - vertices[i].x) * (point.y - vertices[i].y) /
(vertices[j].y - vertices[i].y) + vertices[i].x))
{
inside = !inside;
}
}
return inside;
}
/// <summary>
/// 计算点到线段的最短距离
/// </summary>
private float DistancePointToSegment(Vector2 point, Vector2 a, Vector2 b)
{
Vector2 ab = b - a;
Vector2 ap = point - a;
float dot = Vector2.Dot(ap, ab);
float lenSq = ab.sqrMagnitude;
float t = dot / lenSq;
t = Mathf.Clamp01(t);
Vector2 projection = a + t * ab;
return Vector2.Distance(point, projection);
}
/// <summary>
/// 计算两条直线的交点
/// </summary>
private bool LineLineIntersection(Vector2 p1, Vector2 d1, Vector2 p2, Vector2 d2, out Vector2 intersection)
{
intersection = Vector2.zero;
float det = d1.x * d2.y - d1.y * d2.x;
if (Mathf.Abs(det) < 0.001f)
return false;
Vector2 diff = p2 - p1;
float t = (diff.x * d2.y - diff.y * d2.x) / det;
intersection = p1 + t * d1;
return true;
}
/// <summary>
/// 去除重复点
/// </summary>
private List<Vector2> RemoveDuplicatePoints(List<Vector2> points, float threshold)
{
List<Vector2> result = new List<Vector2>();
foreach (var p in points)
{
bool isDuplicate = false;
foreach (var r in result)
{
if (Vector2.Distance(p, r) < threshold)
{
isDuplicate = true;
break;
}
}
if (!isDuplicate)
result.Add(p);
}
return result;
}
// ========== 以下是原有代码的简化版本 ==========
/// <summary>
/// 生成缓存键(基于顶点索引列表)
/// </summary>
private int GetCacheKey(List<int> indices)
{
int hash = 17;
foreach (int index in indices)
{
hash = hash * 31 + index;
}
return hash;
}
/// <summary>
/// 耳切法三角剖分(简化版)
/// </summary>
private List<int> TriangulatePolygon(List<Vector2> polygonVertices)
{
// 这里使用简化版本,实际应用中可以使用更复杂的三角剖分算法
List<int> triangles = new List<int>();
if (polygonVertices.Count < 3)
return triangles;
// 简单的扇形三角剖分(仅适用于凸多边形)
for (int i = 1; i < polygonVertices.Count - 1; i++)
{
triangles.Add(0);
triangles.Add(i);
triangles.Add(i + 1);
}
return triangles;
}
/// <summary>
/// 添加填充多边形
/// </summary>
private void AddFilledPolygon(VertexHelper vh, List<Vector2> vertices, List<int> triangles, Vector2[] uvs, Color32 color)
{
int vertexStartIndex = vh.currentVertCount;
// 添加顶点
for (int i = 0; i < vertices.Count; i++)
{
Vector2 uv = uvs != null && i < uvs.Length ? uvs[i] : Vector2.zero;
vh.AddVert(vertices[i], color, uv);
}
// 添加三角形索引
for (int i = 0; i < triangles.Count; i += 3)
{
vh.AddTriangle(
vertexStartIndex + triangles[i],
vertexStartIndex + triangles[i + 1],
vertexStartIndex + triangles[i + 2]
);
}
}
/// <summary>
/// 添加描边
/// </summary>
private void AddStroke(VertexHelper vh, List<Vector2> vertices, float width, Color32 color)
{
if (vertices.Count < 2)
return;
float halfWidth = width * 0.5f;
// 为每条边生成两个三角形(形成矩形)
for (int i = 0; i < vertices.Count; i++)
{
int next = (i + 1) % vertices.Count;
Vector2 p1 = vertices[i];
Vector2 p2 = vertices[next];
// 计算边的法线
Vector2 edge = p2 - p1;
Vector2 normal = new Vector2(-edge.y, edge.x).normalized;
// 生成四个顶点(矩形)
Vector2 v1 = p1 + normal * halfWidth;
Vector2 v2 = p1 - normal * halfWidth;
Vector2 v3 = p2 - normal * halfWidth;
Vector2 v4 = p2 + normal * halfWidth;
int startIndex = vh.currentVertCount;
vh.AddVert(v1, color, Vector2.zero);
vh.AddVert(v2, color, Vector2.zero);
vh.AddVert(v3, color, Vector2.zero);
vh.AddVert(v4, color, Vector2.zero);
// 两个三角形
vh.AddTriangle(startIndex, startIndex + 1, startIndex + 2);
vh.AddTriangle(startIndex, startIndex + 2, startIndex + 3);
}
}
/// <summary>
/// 添加中轴线可视化
/// </summary>
private void AddMedialAxis(VertexHelper vh, List<Vector2> points, Color32 color)
{
if (points.Count < 2)
return;
// 绘制线段
for (int i = 0; i < points.Count - 1; i++)
{
Vector2 p1 = points[i];
Vector2 p2 = points[i + 1];
float lineWidth = 3f;
Vector2 edge = p2 - p1;
Vector2 normal = new Vector2(-edge.y, edge.x).normalized;
Vector2 v1 = p1 + normal * lineWidth * 0.5f;
Vector2 v2 = p1 - normal * lineWidth * 0.5f;
Vector2 v3 = p2 - normal * lineWidth * 0.5f;
Vector2 v4 = p2 + normal * lineWidth * 0.5f;
int startIndex = vh.currentVertCount;
vh.AddVert(v1, color, Vector2.zero);
vh.AddVert(v2, color, Vector2.zero);
vh.AddVert(v3, color, Vector2.zero);
vh.AddVert(v4, color, Vector2.zero);
vh.AddTriangle(startIndex, startIndex + 1, startIndex + 2);
vh.AddTriangle(startIndex, startIndex + 2, startIndex + 3);
}
}
/// <summary>
/// 添加顶点标记(小圆圈)
/// </summary>
private void AddVertexMarkers(VertexHelper vh)
{
int segments = 8;
foreach (var vertex in vertices)
{
List<Vector2> circleVertices = new List<Vector2>();
List<int> circleTriangles = new List<int>();
circleVertices.Add(vertex);
for (int i = 0; i <= segments; i++)
{
float angle = (i / (float)segments) * 2 * Mathf.PI;
Vector2 point = vertex + new Vector2(
Mathf.Cos(angle) * vertexMarkerSize,
Mathf.Sin(angle) * vertexMarkerSize
);
circleVertices.Add(point);
}
for (int i = 1; i <= segments; i++)
{
circleTriangles.Add(0);
circleTriangles.Add(i);
circleTriangles.Add(i + 1);
}
int startIndex = vh.currentVertCount;
foreach (var v in circleVertices)
{
vh.AddVert(v, vertexMarkerColor, Vector2.zero);
}
for (int i = 0; i < circleTriangles.Count; i += 3)
{
vh.AddTriangle(
startIndex + circleTriangles[i],
startIndex + circleTriangles[i + 1],
startIndex + circleTriangles[i + 2]
);
}
}
}
/// <summary>
/// 标记为需要重新生成网格
/// </summary>
public void SetVerticesDirty()
{
isDirty = true;
SetAllDirty();
}
/// <summary>
/// 设置顶点列表
/// </summary>
public void SetVertices(List<Vector2> newVertices)
{
vertices = newVertices ?? new List<Vector2>();
SetVerticesDirty();
}
/// <summary>
/// 设置图形分组
/// </summary>
public void SetPatternGroups(List<PatternGroup> newGroups)
{
patternGroups = newGroups ?? new List<PatternGroup>();
SetVerticesDirty();
}
/// <summary>
/// 添加一个新的图形分组
/// </summary>
public void AddPatternGroup(List<int> vertexIndices, Color fillColor, Color strokeColor, float strokeWidth = 2f)
{
PatternGroup group = new PatternGroup
{
vertexIndices = vertexIndices,
fillColor = fillColor,
strokeColor = strokeColor,
strokeWidth = strokeWidth,
fillEnabled = true,
strokeEnabled = true,
distanceFieldMode = DistanceFieldMode.SimpleCenter
};
if (patternGroups == null)
patternGroups = new List<PatternGroup>();
patternGroups.Add(group);
SetVerticesDirty();
}
#if UNITY_EDITOR
protected override void OnValidate()
{
base.OnValidate();
isDirty = true;
}
#endif
}
}
@@ -0,0 +1,3 @@
fileFormatVersion: 2
guid: e0096bca1b7b40bf90e0aa7ebbda48f0
timeCreated: 1775548842
+3 -1
View File
@@ -3,15 +3,17 @@ using UnityEngine;
using UnityEngine.Serialization;
using UnityEngine.UI;
namespace XericLibrary
namespace XericLibrary.Runtime.Renderer
{
/// <summary>
/// UI上线条绘制组件
/// 支持设置线条厚度、居中显示,并为线段之间添加斜角边缘
/// 继承自 MaskableGraphic,可与 UI 遮罩系统配合使用
/// </summary>
[AddComponentMenu("Xeric Library/UI/UILineRenderer", 15)]
public class UILineRenderer : XericRendererComponent
{
// todo 根据优弧劣弧绘制线段,这么说可能不太准确,但我需要在90度以内绘制漂亮的转角,大于90度则用中心圆代替
#region
/// <summary>
+38 -18
View File
@@ -10,21 +10,24 @@ using XericLibrary.Runtime.MacroLibrary;
#if ODIN_INSPECTOR
using Sirenix.OdinInspector;
#endif
namespace XericLibrary
namespace XericLibrary.Runtime.Renderer
{
/// <summary>
/// UI多边形图形图案渲染组件(三角形,菱形,五边形...三十二边形)
/// 支持倒角
/// </summary>
[AddComponentMenu("Xeric Library/UI/UIPatternRenderer", 15)]
public class UIPatternRenderer : XericRendererComponent
{
#region
public override string ShaderName => "XericLibrary/UILine/UIPattern";
[Header("多边形设置"), Range(3, 32)] public int sides = 6;
[SerializeField, Tooltip("多边形的大小 (相对于矩形区域的比例 0-1)")]
#if ODIN_INSPECTOR
[ProgressBar("Scalemin", "GetMaxScale")]
[PropertyRange("ScaleMin", "GetMaxScale")]
#else
[Range(0f, 1f)]
#endif
@@ -42,13 +45,14 @@ namespace XericLibrary
private float borderThickness = .1f;
[SerializeField, Tooltip("边框颜色")] private Color borderColor = Color.white;
[SerializeField, Tooltip("边框颜色渐变")] private Color borderColor2 = Color.white;
[SerializeField, Tooltip("填充颜色")] private Color fillColor = Color.gray;
/// <summary>
/// 获取最大缩放(一个参考值)
/// </summary>
public float GetMaxScale => 1 / Mathf.Cos(GetSideRadius);
private float Scalemin => 0.01f;
private float ScaleMin => 0.01f;
/// <summary>
/// 获取多边形的旋转弧度
/// </summary>
@@ -62,6 +66,7 @@ namespace XericLibrary
};
private static readonly int BorderColor1 = Shader.PropertyToID("_BorderColor");
private static readonly int BorderColor2 = Shader.PropertyToID("_BorderColor2");
private static readonly int FillColor1 = Shader.PropertyToID("_FillColor");
private static readonly int Thinkness = Shader.PropertyToID("_Thinkness");
@@ -90,6 +95,18 @@ namespace XericLibrary
}
}
/// <summary>
/// 边框颜色渐变
/// </summary>
public Color BorderColorLinear
{
get => borderColor2;
set
{
borderColor2 = value;
m_Material.SetColor(BorderColor2, borderColor2);
}
}
/// <summary>
/// 填充颜色
/// </summary>
public Color FillColor
@@ -101,6 +118,7 @@ namespace XericLibrary
m_Material.SetColor(FillColor1, fillColor);
}
}
/// <summary>
/// 设置缩放
/// </summary>
@@ -110,17 +128,20 @@ namespace XericLibrary
// 缓存顶点列表以避免每帧分配内存
private readonly List<Vector3> verticesCache = new List<Vector3>();
#endregion
#region
public enum AngleSelectMode
{
Angle,
Multiples,
}
#endregion
protected override void OnPopulateMesh(VertexHelper vh)
protected override void OnPopulatePrefabricateVertex(List<UIVertex> vertexList, List<int> indexList)
{
if (vh == null) return;
vh.Clear();
// 获取绘图区域的中心点和尺寸
Rect rect = GetPixelAdjustedRect();
Vector2 center = rect.center;
@@ -154,12 +175,13 @@ namespace XericLibrary
// 此渲染组件的颜色和中心uv
Color32 color32 = this.color;
Vector2 uvCenter = new Vector4(0.5f, 0.5f, 0, 0);
// 没有倒角,使用常规流程
if (currentRounding <= 0f)
{
verticesCache.AddRange(OriginPatternVectorPoints(sides, radius, sideAngle, center));
// 添加中心点
vh.AddVert(center, color32, uvCenter, uvCenter, uvCenter, Vector4.zero);
vertexList.AddVert(center, uvCenter, color32);
float angleStep = 360f / sides;
// 添加外围点
@@ -170,24 +192,23 @@ namespace XericLibrary
XericRendererUtils.GetUVAtRect(verticesCache[i], rect, out var u, out var v);
GetNormalizedAngleByPos(angleStep, i, out var normalizedAngle);
var uv = new Vector4(u, v, 1, normalizedAngle);
vh.AddVert(verticesCache[i], color32, uv, uv, uv, Vector4.zero);
vertexList.AddVert(verticesCache[i], uv, color32);
}
// 三角形顺序:中心点, 当前外点, 下一个外点
for (int i = 1; i < sides; i++)
vh.AddTriangle(0, i, i + 1);
indexList.AddTriangle(0, i, i + 1);
// 连接最后一个点和第一个点以闭合形状
vh.AddTriangle(0, sides, 1);
indexList.AddTriangle(0, sides, 1);
}
// 启用倒角
else
{
verticesCache.AddRange(OriginPatternVectorPoints(sides, radius, sideAngle, center));
// 添加中心点
vh.AddVert(center, color32, uvCenter, uvCenter, uvCenter, Vector4.zero);
vertexList.AddVert(center, uvCenter, color32);
var maxVpCount = sides * roundingTime + 1;
var l = 2 * radius * Mathf.Sin(Mathf.PI / sides);
var lastPos = center;
for (var i = 0; i < sides; i++)
{
Vector2 pCurr = verticesCache[i];
@@ -226,19 +247,18 @@ namespace XericLibrary
MacroCurve.BezierCurve3(p0, p1, p2, p3, jTime, out var pos);
pos.GetUVAtRect(rect, out var u, out var v);
var uv = new Vector4(u, v, 1, 1);
vh.AddVert(pos, this.color, uv, uv, uv, Vector4.zero);
vertexList.AddVert(pos, uv, this.color);
var index = roundingTime * i + j + 1;
var next = index + 1;
if (next >= maxVpCount)
next = (next % maxVpCount) + 1;
vh.AddTriangle(0, index, next);
Debug.Log($"{jTime}|{pos}");
lastPos = pos;
indexList.AddTriangle(0, index, next);
}
}
}
}
/// <summary>
/// 图元基础外围图形顶点
/// </summary>
@@ -286,9 +306,9 @@ namespace XericLibrary
if (sides < 3) sides = 3;
if (scale <= float.Epsilon) scale = float.Epsilon;
SetVerticesDirty();
BorderThickness = borderThickness;
BorderColor = borderColor;
BorderColorLinear = borderColor2;
FillColor = fillColor;
}
#endif
+42 -16
View File
@@ -4,7 +4,7 @@ using UnityEngine;
using UnityEngine.Pool;
using UnityEngine.UI;
namespace XericLibrary
namespace XericLibrary.Runtime.Renderer
{
/// <summary>
/// 自定义渲染组件
@@ -20,13 +20,13 @@ namespace XericLibrary
private readonly List<UIVertex> _vertexList = new List<UIVertex>();
private readonly List<int> _indexList = new List<int>();
// 阵列原点
private readonly List<Vector4> _arrayTransformList = new List<Vector4>();
private List<Vector4> _arrayTransformList = new List<Vector4>();
// 中间数据
private List<UIVertex> _temp_vertexList = new List<UIVertex>();
private List<int> _temp_indexList = new List<int>();
private bool _dirty;
#endregion
#if UNITY_EDITOR
@@ -54,6 +54,8 @@ namespace XericLibrary
/// <param name="vh"></param>
protected override void OnPopulateMesh(VertexHelper vh)
{
if (vh == null) return;
vh.Clear();
ClearCache();
// 填充图元
OnPopulatePrefabricateVertex(_vertexList, _indexList);
@@ -80,7 +82,6 @@ namespace XericLibrary
{
_vertexList.Clear();
_indexList.Clear();
_arrayTransformList.Clear();
}
/// <summary>
@@ -88,9 +89,30 @@ namespace XericLibrary
/// </summary>
/// <param name="offset">偏移</param>
/// <param name="angle">角度</param>
protected void AddArrayModifier(Vector3 offset, float angle)
public int AddArrayModifier(Vector3 offset, float angle)
{
var index = _arrayTransformList.Count;
_arrayTransformList.Add(new Vector4(offset.x, offset.y, offset.z, angle));
Refresh();
return index;
}
/// <summary>
/// 清空阵列节点
/// </summary>
public void ClearArrayModifier()
{
_arrayTransformList.Clear();
Refresh();
}
public bool ModifyArrayModifier(int index, Vector3 offset, float angle)
{
if (index < 0 || index >= _arrayTransformList.Count)
return false;
_arrayTransformList[index] = new Vector4(offset.x, offset.y, offset.z, angle);
Refresh();
return true;
}
#endregion
@@ -104,27 +126,31 @@ namespace XericLibrary
/// <param name="trans"></param>
protected void ArrayVertexList(List<Vector4> trans)
{
_temp_vertexList.Clear();
_temp_indexList.Clear();
if (trans == null || trans.Count == 0)
{
Copy();
return;
}
foreach (var t in trans)
Copy2(t);
for (int i = 0; i < trans.Count; i++)
Copy2(i, trans[i]);
void Copy()
{
_temp_vertexList = _vertexList.GetRange(0, _vertexList.Count);
_temp_indexList = _indexList.GetRange(0, _indexList.Count);
_temp_vertexList.AddRange(_vertexList.GetRange(0, _vertexList.Count));
_temp_indexList.AddRange(_indexList.GetRange(0, _indexList.Count));
}
void Copy2(Vector4 transform)
void Copy2(int index, Vector4 transform)
{
_temp_vertexList = _vertexList.Select(a =>
_temp_vertexList.AddRange(_vertexList.Select(a =>
{
var newPos = new Vector3(a.position.x, a.position.y, a.position.z);
if (a.position.z != 0)
var newPos = a.position;
if (transform.w != 0)
{
var rot = Quaternion.Euler(0, 0, a.position.z);
var rot = Quaternion.Euler(0, 0, transform.w);
newPos = rot * newPos;
}
newPos += (Vector3)transform;
@@ -139,8 +165,8 @@ namespace XericLibrary
uv2 = a.uv2,
uv3 = a.uv3,
};
}).ToList();
_temp_indexList = _indexList.GetRange(0, _indexList.Count);
}));
_temp_indexList.AddRange(_indexList.Select(a => index * _vertexList.Count + a));
}
}