这个游戏实现主要依靠canvas的isPointInPath()。这个API可以让canvas实现很强的交互体验。
首先通过随机数随机生成圆的颜色、大小和位置,并且用循环绘画出来。利用addEventListener给canvas绑定事件,通过getBoudingClientReact算出鼠标在canvas的坐标,根据isPointInPath判断鼠标是否在已经画好的圆的路径里面,在的话则根据该圆的数据话一个白色的圆,逐渐增加透明度,从而实现游戏效果。
test1
本文共 325 字,大约阅读时间需要 1 分钟。
这个游戏实现主要依靠canvas的isPointInPath()。这个API可以让canvas实现很强的交互体验。
首先通过随机数随机生成圆的颜色、大小和位置,并且用循环绘画出来。利用addEventListener给canvas绑定事件,通过getBoudingClientReact算出鼠标在canvas的坐标,根据isPointInPath判断鼠标是否在已经画好的圆的路径里面,在的话则根据该圆的数据话一个白色的圆,逐渐增加透明度,从而实现游戏效果。
test1
转载于:https://www.cnblogs.com/zhangbob/p/7085687.html