游戏底特律：变人Loading动画效果实现

1、需求描述

上周接到个好玩的任务，就是模仿游戏底特律人的loading动画效果，原始视频如下：

2、实现难点分析与概括：

由上面视频可以看出，此效果难点主要在缝隙的圆弧处理和缝隙的运动规律上。缝隙处理主要是在缝隙边缘做向外围的圆滑收缩处理，这里主要用到了x^3.5函数做圆弧处理。缝隙的运动轨迹盯着视频看了一天，眼都看花了，也没看出来啥规律。后来老大建议用随机处理的方式，但是实现出来随机是有了，效果就没视频上的那么好看了，放弃。最后采用shadertoy上有一定规律的运动，unity上用animator动画控制缝隙运动。

3、实现

Shadertoy版本：

（1）shadertoy主要运行的方法是void mainImage( out vec4 fragColor, in vec2 fragCoord )，fragColor是输出的该片元的颜色值，fragCoord 是输入的当前片元坐标（以pixel为单位）。由于我们现实的圆环默认在显示区正中心，所以需要把坐标转换到x ~ (-0.5xx, 0.5xx)