HTML5游戏:《妄撮》(撕纸)

想象一下,墙上贴着海报,撕掉上面一层海报,此时露出下面一层的旧海报。《妄撮》就是一个类似效果的小游戏,撕掉相片,会显示下面一层的相片。

操作很简单:

指针(PC上的鼠标或触屏上的手指)不断划擦画面,从而显示出下层的画面。本身没有什么胜负或结束。

效果体验   (海外服务器,如果载入较慢,请耐心。)


基本原理:

  1. 先绘制上层图片到画布上
  2. 当鼠标在画布上划擦时,以鼠标周围的笔刷大小的范围内,先绘制一小块底层图片,再按条件绘制边沿笔刷。
  3. 绘制笔刷前,判断准备绘制的像素点是否位于已划过的范围,仅当为否时才绘制笔刷。

不足之处:

  1. 撕边效果不够自然
  2. 图片素材较少
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值