Cocos Creator 新手引导制作

效果展示

原理

利用mask组件的反向遮罩功能，将除目标显示对象的其他场景元素进行遮挡，从而达到突出目标显示对象，指引玩家进行操作。

实现

1. 创建节点，层级为：Guideline > Mask > Backgournd

2. 在Mask节点上添加Mask组件，并勾选 Inverted
   

3. 设置Background的长宽为场景大小，并添加BlockInputEvents组件，此组件的作用为防止点击事件穿透。

4. 创建脚本guideline-component.ts，并添加到Guideline节点上。

5. 把要引导的目标节点传递给Guildline，以实现引导功能

public show(target: Node)