Html5 Egret游戏开发 成语大挑战（二）干净的eui项目和资源准备

如今咱们使用egret来起步开发一个名叫《成语大挑战》的小游戏，关于egret的开发环境就不在这里啰嗦了，直接去官方下载安装就可，egret是我见过开发环境部署最简单的解决方案，这个系列教程中，使用了egret的Wing和ResDepot，只须要安装这两个就行，首先打开EgretWing，选择建立项目，输入你想要的项目名称，项目类型为“Egret EUI项目”，而后下一步：

因为游戏设计的是竖屏，而素材的分辨率为720x1136，因此设置是如上的选择，而后选择完成，稍等就会构建一个模板项目出来，只须要在此基础上进行开发，这时对于有洁癖的我来讲，比较忍受不了的是模板中提供的默认皮肤，因为咱们是本身有资源素材开发游戏，因此这些默认资源没什么用，但是建立空egret项目的话，配套的eui设置就得本身搞了，因此才用模板建立好了以后如下操做方式干掉没用的资源：

   

直接删除掉assets下的文件和eui_skins目录素材以后，还得要去编辑“default.res.json”和“default.thm.json”文件，确保它们没问题，首先打开“default.res.json”，删除清理掉丢失掉的资源：

而后打开“default.thm.json”文件，将没用配置给删除掉，最后变成以下的模样

 

顿时以为清爽多了，这只是个人我的喜爱，按照上面方法能够建立一个比较干净的项目。

下面将准备的资源放入到项目中，在assets目录下创建三个目录：“images”、“res”、“sound”，这三个目录的说明：

images:这里存放了游戏中的题目图片，因为有400道题目，因此，题目图片仍是按需加载比较靠谱，大约有13MB

res：这里存放了游戏的ui图片等，未来要preload预先加载，将它们放在一块儿的缘由是未来方便整合打包

sound：这是游戏的音乐和音效，至因而否要提早加载，看我的状况而定，本项目中使用异步加载

素材资源下载，请查看文章尾部的附件。

而后刷新当前项目，双击打开“default.res.json”，你就会发现有这个提示：

此时，建议不要点是，而是点否，本身经过拖拽进来按照本身须要安排资源比较好控制，将须要预先加载的资源扔到preload组里面

好了，在开搞以前的准备工做已经完成了，后面就能够进入正式状态了，敬请浏览下一篇

本篇中所使用的附件素材在这里下载：

成语大冒险图片1.zip 

成语大冒险图片2.zip

成语大冒险图片其余.zip

因为博客园限制，只能上传分为3个包了