飞机大战>准备工作

今天开启一个新的篇章，H5小游戏，我会和大家一起分享一下怎么快速GET新技能，准备好了吗？

先说说框架

• 出去打仗后勤工作必须得先做，选择装备游戏引擎 白鹭引擎
• 准备工作我说完了。。。

我的意思是关于游戏框架，官网肯定比我说的好，这里再去搬砖过来阐述这个引擎是干什么的基本上都是废话，我的主要责任是拿着引擎开路，在路上走着走着你就慢慢明白这个引擎带给你的是什么。。。

1. 依旧是基本步骤开始，下载白鹭的开发工具IDE，安装好应该是这样

image.png

2.选择工具栏目下载Egret Wing，这是什么呢？自行查看，其实类似Android Studio的Gradle工具，用来辅助项目开发，调试发布等功能

image.png

3. 其实相对于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文件的内容以及游戏内容加载开始。

如果你都准备好了，那就可以准备你的游戏之旅了，下一篇：

背景/音效动起来