技能冷却图标实现（原理篇）



一般 3d游戏 中技能冷却都会有个旋转遮罩，很多人都是使用NGUI、DFGUI等插件中的相关功能去实现，并不知道自己该如何去制作，今天我们就来讲述下自己制作一个这样的效果的流程

技能icon一般是一个矩形 遮罩从矩形的中心进行旋转

分析一下，我们可以将这个矩形分为8个三角形

这样看是不是有所启发呢，没错，我们所要使用的方法就是操作这些三角形来实现一个圆周的旋转

如图，我们将三角形0 1 2的1点 进行x轴位移至11,12,13点 这个旋转的雏形是不是就出来了呢

，然后看图分析 将三角形 0 2 3的2点进行y轴位移  依次类推整个圆周的旋转就大功告成了，原理篇就到这里，实现篇敬请期待。