canvas画出简陋版随鼠标转动眼睛且会眨眼的可爱樱桃小丸子

可到我的github上下载文件

需求：

• 刚加载时鼠标不移动，眼睛会不停地眨眼
• 眼球会跟随鼠标移动而移动
• 鼠标不移动时恢复眨眼效果

 

提示：

• 除了眼睛是动态以外，其他静态绘制都在static()函数中
• 利用椭圆的短轴长度先变短后恢复长度来模拟眨眼睛的效果
• 眼球随鼠标移动关键在于Math.atan2()，他可以求得鼠标坐标与眼球原点的角度差，利用三角函数即可求得眼球的移动路线
• 鼠标静止时触发眨眼特效，因为鼠标移动会触发高频率的onmousemove，需要使用防抖的debounce，即设置最后一次才会触发眨眼函数

 文件大多都有解释，而且都是知识都是属于canvas基础范围内哦，就不浪费口舌啦，不过眨眼睛那块可能有一丢丢难，如果需要的话可以留言，可以帮的话我尽量帮哦，不过相信聪明的你们肯定一看就会啦是吧哈哈哈