H5游戏：《撕掉美女的衣服》

说一说技术原理:

1. 首先有准备2张图片素材, 1张用于绘制在底下, 另1张用于绘制在上面.

2. 鼠标或手指划过的地方, 标记为擦除区域

3. 重新绘制画面时, 先绘制上层图片, 清除标记区域为透明像素

4. 用另一个canvas放在底下绘制下层图片, 或将第3步的图片数据获取并缓存起来,再绘制下层图片,再绘制缓存数据.

5. 为了模拟照片纸张边沿的白边效果, 可以在区域边沿绘制白色描边

 

这游戏在手机上很风靡，flash版的也有，HTML5版的现在也来了。

撕边的图形算法目前比较差，没时间改进了。

轻轻敲击这里立即体验   （海外服务器，如果载入较慢，请耐心。）

代码没有压缩，没有混淆，要源码的亲们自己看。

这个游戏，不管是写，还是玩，都很简单，难的是找图片素材。

有丰富素材的亲们，欢迎共享。

0