想要在Unity2D中实现一个漂亮的圆环，但是除了前面做过的各种笔记和自学，啥都不会， 但是成功摸索出来，在这里记录一下理解流程。 源代码和使用方式在最下面。

圆环最简单的实现就是自己画一个背景色透明的圆环： (下面是一张图片，不信你把浏览器背景色调一下)

然后直接往场景里一放就行：

当然这种方式很不行，拉伸大了之后模糊感太大，很难看，而且不易控制大小：

首先2D中用的都是Sprite做渲染，所有显然不适合直接用Mesh顶点作图的方案， 当然如果用Mesh的话也有现成的方案： https://blog.csdn.net/liuzonrze/article/details/83280463

但只要涉及到渲染肯定就用到Shader， 所以先看看Sprite中怎么用上Shader吧。

首先在场景中创建一个新的2D正方形。 新建一个Shader和材质作用到它上面，编写Shader代码进行探索。

这里就是用到Shader的一种主要调试方式：将值直接当作颜色输出来。 下面这一段代码做的工作就是， 试图将模型顶点在裁剪空间中的坐标输出， 结果是输出全白：

那看来从模型顶点入手是不行了， 毕竟二维精灵也没听说过顶点的说法， 那就是原理上与生成Mesh顶点并调整顶点颜色完全不同。

下面看看从程序导入着色器的另一个参数uv坐标， 将片元着色器代码调整如下：

输出结果如下：

虽然是混乱的色彩，但我很开心， 这说明决定2维精灵各个像素颜色的变量就在其中。 我们可以通过取色器对各个像素取色，得出uv坐标的分布规律：

左上角是绿色RGB(0, 1, 0)， 右上角是黄色RGB(1, 1, 0)， 中间显然就是RGB(0.5, 0.5, 0)。

知道uv的分布规律后，我们直接就可以写出代码来画我们需要的一个高清圆弧了！ 将片元着色器代码修改如下：

不管放多大，这种像素级的色彩定位是不会出现模糊的现象的：

接下来就把代码精进，提供参数接口给C#脚本即可

主要是两个参数： 一是Color，用来确定圆环颜色， 二是CircleEdge，用来确定圆环宽度占半径的比例(0~1)

圆环整体的大小通过Transform\Scale进行控制， Scale为1时，可以在场景中看到圆环外环半径刚好是网格线的一半。

例 让圆环缩放时，宽度保持不变的C#脚本如下，主要是控制Scale和CircleEdge的比例关系。