【短教程】Godot中圆形头像的两种实现方法

对于Sprite的纹理一般是矩形，如果要实现圆形效果，则需要纹理是正方形，或者通过缩放将Sprite变为正方形。如果不是正方形，则效果会变成椭圆形。
本教程将基于正方形纹理的Sprite，按序介绍两种方法：（1）不使用着色器的；（2）使用着色器的。

（1）不使用着色器的
第一步，我们需要一种能够设置边框的Control控件，例如Button。然后，我们可以把button主题中的style中的normal的Corner Radius的每个值都设为Sprite正方形图片边长的一半，此时该Button会变为一个圆形
第二步，我们需要把这个Button移动到Sprite的上方，然后将Sprite作为该Button的子节点
最后一步，将该Button的ClipChildren属性值改为ClipOnly

（2）使用着色器的
我们在Sprite上新建着色器，原理很简单，就是判断该点是否在圆上和圆内，在的话就设置为原来的纹理，不在就设为透明，
首先，当使用UV坐标时，我们知道该圆的圆心在(0.5,0.5)半径为0.5，于是我们可以得出该圆的标准方程，于是就可以写如下函数，然后在fragment函数中调用该函数传入UV
在该函数中,point是UV，center是圆心，r是半径，compare是圆的标准方程左边和右边之差，因为浮点数不能使用等于号比较，因此使用小于某个比较小的数进行比较