egret新手引导反向遮罩

五一快乐

新手引导的遮罩效果

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

废话不多说,先放效果图

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

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

改属

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明
Egret是一个HTML5游戏开发引擎,而Egret Webpack是Egret引擎团队为了提高项目编译效率而封装的一个Webpack插件。在Egret 5.3.6版本中,引入了对Webpack的支持。通过使用Webpack,开发者可以显著提高项目的增量编译效率,并能够更好地利用npm上丰富的第三方JavaScript库。Egret Webpack提供了两个插件,分别是WebpackDevServerPlugin和WebpackBundlerPlugin。这两个插件可以被所有Egret项目使用。在构建过程中,这两个插件包含了一个typescript.mode字段,可以设置为legacy或modern模式,用于配置编译设置。在使用Egret Webpack之前,首先需要初始化package.json文件并安装Webpack。可以通过运行npm init命令来初始化package.json文件,然后通过运行npm install --save-dev webpack命令来安装Webpack。Webpack是一款功能强大的模块加载器和打包工具,可以将各种Web开发中常用的静态资源进行统一的管理和打包发布。它可以处理JS(包括JSX)、CoffeeScript、TypeScript、样式(如less/sass)、图片等各种资源,并能够处理模块之间的依赖关系。Webpack具有强大的模块化功能,可以兼容多种JS书写规范。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Webpack 改进编译速度egret(理论)](https://blog.csdn.net/qq_37193522/article/details/121215099)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Egret应用开发实践(01) Egret与WebPack](https://blog.csdn.net/weixin_34060299/article/details/89443497)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值