仿谷歌眼睛追踪效果

昨天无聊的时候翻了下以前保存的东西,看到了谷歌的眼睛追踪效果DEMO,感觉自己也可以写写,就写出来了,最终效果上稍微有些差别。
先看一下谷歌的例子:眼睛追踪效果
这里的主要难点的获取圆的坐标值,如果有公式的话,就能用代码写了。于是我翻阅了以前同事发我的PPT“极坐标系”,有兴趣可以下载看看。
这里圆(眼珠运动的轨迹)的坐标就可以用x = r * cosθ,y = r * sinθ来表示。
Math.atan2()函数返回点(x,y)和原点(0,0)之间直线的倾斜角。那么如何计算倾斜角θ呢?只需要将两点x,y坐标分别相减得到一个新的点(x2-x1,y2-y1),然后利用他求出角度就可以了,使用下面的一个转换可以实现计算出两点间连线的夹角。

下面我们完整的代码贴出来:

提示:你可以先修改部分代码再运行。