白鹭引擎安装

淡淡的烟草味﹌ 2022-09-17 01:56 140阅读 0赞

### 文章目录 ###

*  一、白鹭引擎
 *  二、H5 游戏的渠道分布
 *  三、Egret 引擎
 *   *  1. 工具集
     *  2. 脚本语言
 *  四、搭建开发环境
 *   *  1. 下载
     *  2. 注册登录
     *  3. 下载引擎
     *  4.下载 IDE 工具
 *  五、创建新项目
 *   *  1. 创建项目
     *  2. 调试运行项目
     *  3. 修改代码
     *  4. 保存，重新编译调试

# 一、白鹭引擎 #

Egret 致力于为移动领域提供完整高效的游戏应用解决方案。该方案包含了开源游戏引擎、云平台，开发工具集，打包工具，加速器等等。旨在解决移动生态环境中各个环节需求点，可以帮助开发者实现从项目制作到项目发布的高效平滑过渡。

# 二、H5 游戏的渠道分布 #

当前 html5 游戏渠道估算有 2000 多家，其中多数为长尾渠道，H5 游戏渠道的流量主要来自四个方面：

*  第一类是来自投放，采买的一部分流量，占 H5 游戏整体流量的 20% 。（今日头条）；
 *  第二类是社交平台，此类占整体流量入口 50% 。（ 微博 / 微信 / 微信公众号：爱微游，9G 游戏，1758 等 ）；
 *  第三类是浏览器，占游戏流量入口的 20% 。（ QQ浏览器，UC浏览器）；
 *  第四类是热门app，占流量入口的 10% 。（ WiFi 万能钥匙，墨迹天气，饿了么 ）。

# 三、Egret 引擎 #

## 1. 工具集 ##

*  Egret Engine：egret游戏引擎，包括 EUI，粒子系统等等；
 *  Egret Wing3：egret 的IDE（ IDE 是集成开发环境 ），可以自动构建，发布；
 *  Res Depot：egret 的资源管理工具；
 *  Texture Meger：可以合并纹理集的工具；
 *  Egret inspector：Chorme 调试工具插件。

## 2. 脚本语言 ##

egret 引擎支持 Javascript / TypeScript / ActionScript，TypeScript 是 js 的超集，整体感觉跟 java / C\# 非常像。

# 四、搭建开发环境 #

## 1. 下载 ##

下载最新版本的 Egret Launcher（ [点击跳转 白鹭引擎网站地址][Link 1]）  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b-D5Y-w5aW9_size_20_color_FFFFFF_t_70_g_se_x_16]

## 2. 注册登录 ##

注册账号并登录，登录成功后：  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b-D5Y-w5aW9_size_20_color_FFFFFF_t_70_g_se_x_16 1]

## 3. 下载引擎 ##

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b-D5Y-w5aW9_size_20_color_FFFFFF_t_70_g_se_x_16 2]

## 4.下载 IDE 工具 ##

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b-D5Y-w5aW9_size_20_color_FFFFFF_t_70_g_se_x_16 3]

# 五、创建新项目 #

打开一个 egret wing 并创建一个新项目。

## 1. 创建项目 ##

项目名称：hello；项目类型：egret 游戏项目；引擎版本5.2.29  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b-D5Y-w5aW9_size_20_color_FFFFFF_t_70_g_se_x_16 4]

## 2. 调试运行项目 ##

菜单栏 【项目】选择【调试】选项；  
![在这里插入图片描述][f02a72971c174057a887d9d461db78b2.png]

*  win（ 快捷键 ctrl + r ）/ mac（ command + r ）；
 *  F5。

## 3. 修改代码 ##

修改代码，变成自己的 helloWorld  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b-D5Y-w5aW9_size_20_color_FFFFFF_t_70_g_se_x_16 5]

## 4. 保存，重新编译调试 ##

菜单栏里的【文件】选择 【保存】（快捷键 ctrl + s）

[Link 1]: https://www.egret.com/
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b-D5Y-w5aW9_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/67681be469bd4f9dabbb65c836e19790.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b-D5Y-w5aW9_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/cd27184acb6c468780153d4fa0e64b28.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b-D5Y-w5aW9_size_20_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/7d1ae638ae9a491c9d48f479bdfd9599.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b-D5Y-w5aW9_size_20_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220828/98cf98ab8afb4e868029dd88cf097788.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b-D5Y-w5aW9_size_20_color_FFFFFF_t_70_g_se_x_16 4]: /images/20220828/9a92de4768fc4cff9465f6b49881ce2d.png
[f02a72971c174057a887d9d461db78b2.png]: /images/20220828/3283947140b24784928b75f2b1d2e785.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b-D5Y-w5aW9_size_20_color_FFFFFF_t_70_g_se_x_16 5]: /images/20220828/ce7b5a9f30db42e49d69e5c17eb25682.png