• 我使用Unity游戏引擎和着色器代码（我是初学者）。*
  目标

我正在尝试创建一个圆圈的环，类似于下面的图片（我现在不关心颜色）。

的数据

• 问题 *

每一个圆圈似乎都向中心挤压，我不知道如何解决这个问题（见下文）。

的

我的设置

这个着色器的材质被应用到画布中的一个面板上，我使用的是uv（见下图）。

v2f vert (appdata v)
{
     v2f o;
     o.vertex = UnityObjectToClipPos(v.vertex);
     o.uv = v.uv;
     return o;
}

字符串

问题代码

我认为问题在于我在frag函数中计算长宽比、Angular 或距离的方式（见下文）。

fixed4 frag(v2f i) : SV_Target
{
     float aspectRatio = _ScreenParams.x / _ScreenParams.y;

     float2 center = (0.5 * aspectRatio, 0.5);

     float2 uv = i.uv - center;

     uv.x *= aspectRatio;

     float angle = atan2(uv.y, uv.x);

     angle = (angle < 0) ? (angle + UNITY_TWO_PI) : angle;

     float circleX = _DistanceFromCenter * cos(angle * _CircleNumber);
     float circleY = _DistanceFromCenter * sin(angle * _CircleNumber);

     float distance = length(uv - float2(circleX, circleY) * aspectRatio);

     float circlePattern = smoothstep(_CircleRadius, _CircleRadius + 0.01, distance);

     fixed4 smallCircleColor = _CircleColor;

     fixed4 result = lerp(_BackgroundColor, smallCircleColor, circlePattern);

     return result;
}

型
我试图改变我计算长宽比的方式，但是我所做的任何事情都会使它远离中心，所以我只能坚持使用我能得到的最接近的东西。

完整代码

请看下面的完整脚本。

Shader "Magnality/Loading/LoadingCircle"
{
    Properties
    {
        _BackgroundColor("Background Color", Color) = (0, 0, 0, 0)
        _CircleColor("Circle Color", Color) = (1, 1, 1, 1)
        _CircleRadius("Circle Radius", Float) = 0.1
        _CircleNumber("Circle Number", Int) = 10
        _DistanceFromCenter("Distance from Center", Float) = 0.2

        [HideInInspector] _MainTex("Dummy Texture", 2D) = "white" { }
    }
    SubShader
    {
    Tags { "RenderType"="Opaque" }
    LOD 100

    Pass
    {
        CGPROGRAM
        #pragma vertex vert
        #pragma fragment frag          

        #include "UnityCG.cginc"

        struct appdata
        {
            float4 vertex : POSITION;
            float2 uv : TEXCOORD0;
        };

        struct v2f
        {
            float2 uv : TEXCOORD0;
            float4 vertex : SV_POSITION;
        };

        fixed4 _BackgroundColor;
        fixed4 _CircleColor;
        float _CircleRadius;
        int _CircleNumber;
        float _DistanceFromCenter;

        v2f vert (appdata v)
        {
            v2f o;
            o.vertex = UnityObjectToClipPos(v.vertex);
            o.uv = v.uv;
            return o;
        }

        fixed4 frag(v2f i) : SV_Target
        {
             float aspectRatio = _ScreenParams.x / _ScreenParams.y;

             float2 center = (0.5 * aspectRatio, 0.5);

             float2 uv = i.uv - center;

             uv.x *= aspectRatio;

             float angle = atan2(uv.y, uv.x);

             angle = (angle < 0) ? (angle + UNITY_TWO_PI) : angle;

             float circleX = _DistanceFromCenter * cos(angle * _CircleNumber);
             float circleY = _DistanceFromCenter * sin(angle * _CircleNumber);

             float distance = length(uv - float2(circleX, circleY) * aspectRatio);

             float circlePattern = smoothstep(_CircleRadius, _CircleRadius + 0.01, distance);

             fixed4 smallCircleColor = _CircleColor;

             fixed4 result = lerp(_BackgroundColor, smallCircleColor, circlePattern);

             return result;
        }
        ENDCG
    }
  } 
}

型
任何建议都非常感谢。