刮刮卡效果预制体的应用

刮刮卡效果预制体如何应用到自己的项目。
这个预制体的路径为sc23/share/gfx/ScrapeArea
在这里插入图片描述

刮刮卡预制体的属性介绍:
在这里插入图片描述
ScrapeArea为主节点,这个预制体的主代码在这个节点上。
mask为反向遮罩节点,目前不用改动,确保大小和位置为(0,0)就可以了。
texture为遮罩图片的节点,遮罩图片可以修改,遮罩图片的大小也可以修改(根据自己需要的大小任意修改,修改大小要修改size属性,而不是scale属性),这个也要确保图片的位置相对于父节点为(0,0)。

主节点的属性为
在这里插入图片描述
鼠标点击到该组件的遮罩图片时会形成一个椭圆的触点,也就是刮开图片的触点,该触点的形状时为椭圆。ScrapeRadiusX为椭圆的X轴半径,ScrapeRadiusY为椭圆的Y轴半径,可以根据自己的需求调节,单位为像素。
ScrapeArea是刮开遮罩面积多少后就遮罩层就全部消失并调用回调事件,(这个属性设置的还不是太完善,目前建议值为0.5就不要再做修改了)
ScrapeEvents是回调事件,像button组件的应用,把自己场景托进去就可以在完成擦出功能后调用自己希望执行的功能了。

具体的用法就是
1.打开自己的场景
在这里插入图片描述
2.将该组件放入自己的场景中:
在这里插入图片描述
3.设置texture节点的图片和大小到合适大小,大小没有太严格的限制,满足自己的需求就可以了。
在这里插入图片描述

4.最后拖入回调事件就可以了。

最后一点,要注意ScrapeArea,和texture的节点的缩放为1,maskNode,texture节点的位置为(0,0)。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

具体的原理:
https://blog.csdn.net/qq_43788640/article/details/88748041

猜你喜欢

转载自blog.csdn.net/qq_43788640/article/details/88744736