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

第一种实现方式原理 :

常规做法,使用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

2024-08-24 16:22 点击量:11