egret系列教程之《射出桃花运》一:加载界面

《射出桃花运》这个小游戏是我14年时候接手的一个外单,也是我写的第一个egret游戏(项目),那个时候Egret Wing还只能编辑界面,使用的还是gui,现在egret已经出了eui,Egret Wing也可以写TS了......现在算是熟悉eui,也是给新手一个参考,我决定使用egret的eui重写一下这个游戏,并写一个简单的教程。
      声明:这个教程主要针对新手,会适当讲一下涉及的一些基础知识,高手请勿吐槽哈

     《射出桃花运》游戏地址和源码下载请移步: http://www.chenlinsheng.com/archives/1096

      现在让我们大家一起开始一步步把《射出桃花运》这个游戏做出来吧。

      首先,我们先创建一个eui项目:
egret系列教程之《射出桃花运》一:加载界面_第1张图片 
egret系列教程之《射出桃花运》一:加载界面_第2张图片
这里我使用Egret Wing2.1.5创建项目,使用的egret版本3.0.3,项目命名ShootGame1。

     创建之后,我们发现Egret Wing已经默认给我们创建了不少代码,可以直接运行。
egret系列教程之《射出桃花运》一:加载界面_第3张图片  egret系列教程之《射出桃花运》一:加载界面_第4张图片
      现在我们开始修改代码,一步步完成《射出桃花运》这个游戏
      首先,从加载页面开始,我们先看一下《射出桃花运》的加载页面

      egret系列教程之《射出桃花运》一:加载界面_第5张图片 
对比我们发现有三个需要修改的:背景色,缺少logo,还有加载文字。
接下来我们一步步修改。

       首先是背景色:

修改背景色比较简单,只需要修改index.html的background为....

完整教程请看原文:http://bbs.a-coder.cn/thread-52-1-1.html

你可能感兴趣的:(html)