飞机大战>准备工作

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

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

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

  1. 依旧是基本步骤开始,下载白鹭的开发工具IDE,安装好应该是这样
飞机大战>准备工作_第1张图片
image.png

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

飞机大战>准备工作_第2张图片
image.png
  1. 其实相对于Android开发来说已经方便简单很多了,选择顶部项目创建一个新的项目
    飞机大战>准备工作_第3张图片
    image.png
扩展库说明一下:
  • 灰色的是必须的,你也不能取消
  • 龙骨动画库用于支持人物行走等行为,比如一些格斗类型的游戏,
  • 虽然我们选择的项目类型是EUI,但是做的是游戏类型,所以game游戏库是必须的。
  • socket网络通讯库就是字面上的意思,联网游戏必备,我这里是做的单机游戏,所以没有选择。
  • egret实验功能库照片选择支持;没用过。
  • Facebook Instant Game SDK用于支持facebook相关;没用过
  • egretia SDK白鹭引擎自身的SDK可以对接一些检测或者广告等功能,是给开发者带来福利或者埋坑表示不清楚;没用过。
最底部说明:
  • 舞台尺寸就是支持的分辨率大小,我选择是iphone6s的尺寸,缩放模式选择的宽度固定,游戏场景是竖屏,所以最后一个旋转模式选择固定竖屏模式。

4.创建项目

飞机大战>准备工作_第4张图片
image.png
  • 顶部有个错误提示是因为项目没有添加到git库,不用太在意,添加git后会消失,IDE自动默认git帮我们管理项目。


    飞机大战>准备工作_第5张图片
    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文件的内容以及游戏内容加载开始。
如果你都准备好了,那就可以准备你的游戏之旅了,下一篇:

背景/音效动起来

你可能感兴趣的:(飞机大战>准备工作)