egret新手引导反向遮罩_egret 反向遮罩-优快云博客

本文链接：https://blog.youkuaiyun.com/Smart_home/article/details/89889924

本文介绍了一种新手引导的反向遮罩效果实现，适用于那些需要根据游戏场景动态调整的新手引导。通过标记并连接点形成图形A，再反向绘制遮罩以达到镂空效果。代码中提供了详细的注释，帮助理解实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

五一快乐

新手引导的遮罩效果

最近的功能是做一个新手遮罩的功能
之前的游戏，新手引导都相对简单，简单到什么程度呢
emmmmmmmmmmm
策划拼个图，在合适位置直接调用图片就行…
因为有些游戏的新手引导位置是固定的，所以图片可以由美术来出，直接当成资源在合适时机调用和删除就行，但是有些特效的遮罩，并不是固定的位置，参考开心消消乐，新手引导挖洞的位置取决于棋盘背景的布局，就有了不确定性，为了尽可能的增加用户的自定义性，所有就有了现在的功能。

废话不多说，先放效果图

在这里插入图片描述
上方镂空补位即为自己绘制自定义位置。
在绘制中需要注意的思路是在绘制过程中，先标记需要的点，然后将这些点使用nextTo方法连线，连线完成后得到图形A，再反向绘制出了出了A之外的遮罩。

	/**
     * 根据显示对象的 Alpha 值擦除背景。Alpha 值不为0的区域将被擦除。
     * @version Egret 2.4
     * @platform Web,Native
     * @language zh_CN
     */
    static ERASE: string;

改属性可擦除绘制完成的图形A，就可将A部分镂空处理，下面上详细代码，注释很详细了。

class drawGuideUtilView extends eui.Component