c# imager让图片有圆角unity_制作H5游戏——Unity转Egret

半个月！

我学会了用egret白鹭引擎开发h5游戏

专业所学unity，所以起初是用它来h5游戏，使用里面发布webgl来做h5，结果问题多，接口不方便，以及加载速度极慢，手机支持限制，性能要求高。优化也很麻烦。

于是就上网找可以制作h5游戏的软件，现在网上都是一些依靠模板去制作的，不用自己编程，但是对自己想要的功能总有限制，还要收费，找了许久才找到laya和egret白鹭引擎是可以制作的。(文章最后一章会放出我做的游戏，看到最后！！！)

laya适合3d游戏，egret适合2d游戏(后面还查到cocos也可以制作，没了解)。

接下来，我就来说下我对egret白鹭引擎的使用吧~

0

关于Egret白鹭引擎

官网链接：https://www.egret.com/about

白鹭科技专注技术创新，攻克底层技术制约，为开发者带来一整套游戏研发解决方案，自主研发了白鹭引擎(Egret Engine)、Egret Pro、白鹭加速器(Egret Runtime)、骨骼动画工具(Dragon Bones)、可视化编辑器(EUI Editor)等多款产品，让开发者简单、高效的开发出移动游戏。

国内，白鹭科技与百度、360、小米、OPPO、vivo等多家厂商达成深度合作，为多个小游戏平台开发专属接入工具，目前已经支持一键接入百度智能小游戏、华为小游戏、字节跳动小游戏(抖音小游戏)、小米快游戏、QQ & OPPO & vivo小游戏平台等多个巨大流量入口，开发者可以轻松的一键将游戏打包成符合平台标准的产品发布。此外，使用白鹭引擎开发的游戏已登陆AppStore(海外)、GooglePLay(海外)、Facebook、Line、KakaoTalk等平台，帮助开发者轻松出海。

我的看法：

对目前仅半个月的了解，我认为呢，这个软件的优势就是可以发布为多个平台的游戏，特别的方便。而且又有多款产品去应对开发游戏中不同的需求。比如：

Egret UI Editor：是针对对.exml的皮肤文件的编辑，不过这个Egret Wing里面有整合，所以我没有安装这个来使用。

Texture Merger：是一个纹理打包和动画转换的工具。就是把一些图片整合到一张图上，还有把gif动画转化为代码可用的.json文件，就假如游戏中的跑、跳、打等动作都是需要用到这个的。

以上两个是我本次开发制作h5游戏用到的产品，其他的还有DargonBones是做骨骼动画的...还有很多可以去官网了解。

这个软件的游戏开发编程语言用的是typescript(简称ts)，其实你大概学过c，c#，python编程语言你就会这个了，因为在知道这个软件之前我都不知道这个语言，但是做的时候就是只要看一下事例就能理解了。实在不会的就去文档里学习吧https://www.typescriptlang.org/docs/handbook/declaration-files/templates/module-d-ts.html

反正呢！在整个开发过程中，你就是要依赖于他们白鹭开发者中心，多查API，多看档案，多参考里面的示例(里面的示例稍微代码写的多又有些复杂，所以我一般都只是看文档里的例子)，多在社区查问题。

白鹭开发者中心：http://developer.egret.com/cn/

1

安装Egret

要安装Egret的各个产品，首先先安装Egret Launcher，先安装它其他的产品你都可以直接安装，特别的方便。

下载地址：https://docs.egret.com/engine

安装之后的打开是这样的，下面我对一些部分进行细说。

引擎

就是新建一个游戏时你要用到的引擎，新建项目时会让你选择，所以你得先选择一个适合版本引擎进行安装。直接在内页选择下载就好了，非常方便。

虽然有说法是肯定越近的版本越好，但其实得根据你的需求选择，像我开发的时候就是下载的最新的但是其实它就耗性能比较高了，后面想降版本，程序又有一些是需要重新写的。所以省的后面麻烦就按需下载吧。

工具

Egret下的所有产品，进去选择你需要用到的产品进行下载安装就好了，安装时记得路径选择好，放在自己的知道的位置，因为这个软件有时候有bug，在里面打开产品会无法编辑项目。这就要你自己去直接打开需要使用的对应的产品了。

项目

这里面是对你的项目进行管理的，可以创建项目、导入项目和发布项目(项目编辑软件是默认用Egret Wing)，反正我下载之后这里打开项目经常失灵，所以我都是打开Wing在里面在打开或新建项目的。

因为在Wing里面发布项目按钮也经常失灵，所以就发布项目就得过来这边发布。

2

关于Egret Wing

安装Egret Wing时，选好安装路径之后一直下一步就好了，不要去设置些什么，或者取消勾选什么。因为默认的会方便你的。

下面展示的是Egret Wing的软件界面，你会发现其实这就是一个整合的代码编辑器，也可以是设计工具。

新建项目

新建项目有三个地方：在顶部菜单栏的文件里面，和上图标记的两个地方。点击新建项目会出现：

打开项目

打开项目后：

在左侧 看到你的项目文件夹里的文件；

在中下 的位置你可以看到一个调试的窗口，输出是编译输出、调试就相当于浏览器的F12里的Console窗口、终端就是有一些指定代码可以发布项目升级引擎等等，具体可以上网查。

右上角程序员那儿你可以选择“程序员”or“设计师”，区别就是程序员是能看见整个文件夹的资源，设计师只能看到里面的图片、音频、exml皮肤等文件。

多窗口模式

当你打开多个文件时你可以用多窗口模式，这是为了对应着看着写程序，这样会方便，不需要来回切换。

左侧有一个“已打开编辑器”会显示你已打开的文件，右击一个文件点击“在新编辑器中打开”，这样就建了一个新窗口来显示你那个文件啦！如图：

关于.exml皮肤文件窗口

这个特别拿出来讲，是因为打开这个文件的窗口跟打开其他文件的窗口是不一样的，会多出来组件窗口和属性面板，所以需要特别讲一下。

组件窗口：是存放着你resource资源文件夹中所有的图片资源

属性面板：当你选中文件中某一个层级可以对该层级的属性进行调整。

3

未完待续

看看我做的游戏吧！

使用Unity发布Webgl的，你会发现前面的加载就特别的慢了！

https://test.wxmini.chinahorsetown.com/Games/mazhen0611/index.html

使用Egret制作的h5游戏，几乎没什么限制，而且加载页的自定义也特别方便。

https://test.wxmini.chinahorsetown.com/Games/mz/index.html

这一篇就先讲这么多了，这一篇只是按照我的理解，让你们基础的认识这一个软件。还有更多重要的，exml文件如何编辑，项目文件夹的介绍等等，期待下一篇吧！

现在你可能还做不了项目，因为你还不知道项目文件夹中的一些哪些文件夹对应什么功能，你资源放在哪里，放完资源后需要做什么，你的皮肤放在哪里，你写的代码放在哪里等等是一个大知识...

对啦！我在准备考证，还有一个考试，虽然希望不大，但是还是要学习一下的，所以更新速度可能比龟速还慢！要游戏源码可联系我！我应该不会给的哈哈哈哈！

>一个热爱打代码的女程序员

  玩滑板很久还是很菜的女滑手

酷安：Huaxifn

(有我做的windows美化插件)