今天开启一个新的篇章，H5小游戏，我会和大家一起分享一下怎么快速GET新技能，准备好了吗？
先说说框架
- 出去打仗后勤工作必须得先做，选择装备游戏引擎 白鹭引擎
- 准备工作我说完了。。。
我的意思是关于游戏框架，官网肯定比我说的好，这里再去搬砖过来阐述这个引擎是干什么的基本上都是废话，我的主要责任是拿着引擎开路，在路上走着走着你就慢慢明白这个引擎带给你的是什么。。。
- 依旧是基本步骤开始，下载白鹭的开发工具IDE，安装好应该是这样
image.png
2.选择工具栏目下载Egret Wing，这是什么呢？自行查看，其实类似Android Studio的Gradle工具，用来辅助项目开发，调试发布等功能
image.png
- 其实相对于Android开发来说已经方便简单很多了，选择顶部项目创建一个新的项目
image.png
扩展库说明一下：
- 灰色的是必须的，你也不能取消
- 龙骨动画库用于支持人物行走等行为，比如一些格斗类型的游戏，
- 虽然我们选择的项目类型是EUI，但是做的是游戏类型，所以game游戏库是必须的。
- socket网络通讯库就是字面上的意思，联网游戏必备，我这里是做的单机游戏，所以没有选择。
- egret实验功能库照片选择支持；没用过。
- Facebook Instant Game SDK用于支持facebook相关；没用过
- egretia SDK白鹭引擎自身的SDK可以对接一些检测或者广告等功能，是给开发者带来福利或者埋坑表示不清楚；没用过。
最底部说明：
- 舞台尺寸就是支持的分辨率大小，我选择是iphone6s的尺寸，缩放模式选择的宽度固定，游戏场景是竖屏，所以最后一个旋转模式选择固定竖屏模式。
4.创建项目
image.png
-
顶部有个错误提示是因为项目没有添加到git库，不用太在意，添加git后会消失，IDE自动默认git帮我们管理项目。
image.png
左边项目结构我们需要关注的内容
- .wing文件夹下的launch.json里面主要配置本地访问的端口地址和浏览器等信息。
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch Wing Player",
"type": "chrome",
"request": "launch",
"file": "index.html",
"runtimeExecutable": "${execPath}",
"useBuildInServer": true,
"sourceMaps": true,
"webRoot": "${workspaceRoot}",
"preLaunchTask":"build",
"port":5770
},
{
"name": "Launch Chrome",
"type": "chrome",
"request": "launch",
"file": "index.html",
"useBuildInServer": true,
"sourceMaps": true,
"webRoot": "${workspaceRoot}",
"preLaunchTask":"build",
"userDataDir":"${tmpdir}",
"port":5770
}
]
}
- resource 用于存放游戏资源。
- src文件夹就是我们游戏的核心代码
- index.html文件中的title标签可以修改游戏名字，默认为Egret，这里也是load你src文件的内容以及游戏内容加载开始。
