说一说技术原理:
1. 首先有准备2张图片素材, 1张用于绘制在底下, 另1张用于绘制在上面.
2. 鼠标或手指划过的地方, 标记为擦除区域
3. 重新绘制画面时, 先绘制上层图片, 清除标记区域为透明像素
4. 用另一个canvas放在底下绘制下层图片, 或将第3步的图片数据获取并缓存起来,再绘制下层图片,再绘制缓存数据.
5. 为了模拟照片纸张边沿的白边效果, 可以在区域边沿绘制白色描边
这游戏在手机上很风靡,flash版的也有,HTML5版的现在也来了。
撕边的图形算法目前比较差,没时间改进了。
轻轻敲击这里立即体验 (海外服务器,如果载入较慢,请耐心。)
代码没有压缩,没有混淆,要源码的亲们自己看。
这个游戏,不管是写,还是玩,都很简单,难的是找图片素材。
有丰富素材的亲们,欢迎共享。
0标签:游戏,H5,图片素材,撕掉,亲们,美女,绘制,图片 From: https://www.cnblogs.com/igin/p/16922322.html