白鹭开发-七彩贪吃蛇(一)

作为一个玩了半年egret的年轻司机，今天给大家分享一个小游戏，名字叫做贪吃蛇大作战，当然是一个简易版本，麻雀虽小五脏俱全，本次开发选择的是egret引擎，开发主要工具是egret Wing3.8版本，目前官网版本已经出到了4.0.2，具体更新内容也没来得及查看，本游戏也是去年年底开发的，年后博主就开始走上createjs的道路了，好闲话不多说，咱们开始搞事情。

1目录空间是用来存放核心文件的地图数据。

2.空间是打包成功后的文件将会显示在这里。

这里提及一下我们自己写的插件可以放到libs下面，但是不可以放到modul下面，否者会报错。

3.放置的是资源，包括图片，json配置，项目配置，音频，媒体这些东西。

4.src是我们存放核心代码的地方这里面有一个预加载文件LoadingUI.ts跟游戏入口核心文件Main.ts。

5.是入口html。

接下来我们看index.html

<div style=”margin: auto;width: 100%;height: 100%;” class=”egret-player”
data-entry-class=”Main”
data-orientation=”auto”
data-scale-mode=”fixWidth” //游戏场景方式 这里是宽度固定
data-frame-rate=”30″
data-content-width=”640″ //游戏宽
data-content-height=”1136″// 游戏高度
data-show-paint-rect=”false”
data-multi-fingered=”2″
data-show-fps=”false” data-show-log=”false”
data-show-fps-style=”x:0,y:0,size:12,textColor:0xffffff,bgAlpha:0.9″>
</div>
<script>
egret.runEgret({renderMode:”webgl”, audioType:0});//webgl渲染方式
</script>

index也没什么好介绍的 ，上面的参数常用的就这几个注释，其余的想了解就需要去官网了  www.egret.com

后续文章会接着来讲

今天又是代码满满的一天。