动态图形原图
本次选择临摹图形为该图
原图分析
可以看出,图形底层由六行六列一共36个圆形组成,每个圆形之间有一定的空隙,并不是完全贴合。每个圆中可以看到有一个黑色的扇形在旋转,扇形一共有两种旋转模式,即顺时针与逆时针。
认真观察后可以发现扇形的旋转速度是符合正弦函数的,而且在每半个正弦周期内扇形旋转的角度是 PI/2,即90°。简单点说就是扇形在转过90°的过程中,速度从0变大再变成0.
代码分析与公式推导
分析
整篇代码值得说的地方不多,临摹中遇到的最困难的问题就是如何实现扇形旋转时速度呈现正弦变换,而且关键在于旋转角度刚好要是90°。实现如上效果其实只需要两行代码,但是涉及到了高数知识,而且刚开始时思路没理清,一直调整不好旋转角度,花了挺多时间。
c = frameCount/(4*PI