擦玻璃(刮刮乐)效果的二种实现方式初体验

第一种实现方式原理 :

常规做法,使用Mask的反向遮罩 + Graphics形状和线段
出现三类情况:
1.在touchmove中进行不断的moveTo+lineTo+stroke,线条会出现下图的断裂情况,不知道是不是bug
G_1
2.在touchmove中进行不断的circle +circle+fill ,快速滑动会产生如下的断线情况
G_1_2
3.在touchmove中进行不断的circle+fill + moveTo+lineTo+stroke ,就比较稳定的效果了
G_2

第二种实现方式原理:

所谓高逼格的Camera + RenderTexture + 笔刷贴图 + Shader
这里也展现三种效果:(右上角是提交贴图的预览图)
1.颗粒感很重,快速移动也容易断线
R_1
2.进行插值优化快速移动,线条越发平滑
R_2
3.处理边缘颜色,企图达到某种质感
R_3

6赞

第二种效果太炫了
可以分享下吗

第二种可以分享下吗,感谢大佬

1赞

具体源码可以参考
图像刮刮乐

1赞

不废话直接上代码赞 :+1: