最近接触了Egret白鹭引擎，感觉非常好用，提供了各种各样的开发工具让开发者和设计者更加便捷，并且基于typescript语言开发省去了很多学习成本，对于我们这种掉微软坑许久的童鞋来说，确实很有吸引力，在开发中最浪费时间就是设计和调试的阶段，js的语言过于自由，自由到有时候写错了都不知道，但typescript可以使用开发IDE帮助排错和调试，不得不说确实很有效率，在这之前，我在egret论坛里发了几个小游戏做练手，最近的一个《疯狂猜歌名》在素材齐备的情况下，仅用了不到1天的时间完成了开发，以小游戏的标准来说，已经算完成了，但距离商业化尚需一些修改，可以翘楚到如果经验够多，几天一个小游戏是很轻松简单的事情，下面我用另外一个小游戏做教程，学习egret的eui带来的便捷开发。

本篇只是开篇，列个大纲来做好准备，这个游戏本身就是界面游戏，采用简单的界面切换就可以达到游戏的效果，它一共只需要不到4个界面就可以完成，剩下的就是游戏逻辑。

以上，我们可以通过这个结构来看总结游戏需要开发的步骤，但在那之前，最好先是准备好素材，这个游戏教程中的素材来自互联网，只是用来帮助大家学习egret开发游戏的辅助素材，任何人不得用此教程中的素材做商业用途。

以下为大纲：

Html5 Egret游戏开发 成语大挑战（一）开篇

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

Html5 Egret游戏开发 成语大挑战（三）开始界面

Html5 Egret游戏开发 成语大挑战（四）选关界面

Html5 Egret游戏开发 成语大挑战（五）界面切换和数据处理

Html5 Egret游戏开发 成语大挑战（六）游戏界面构建和设计

Html5 Egret游戏开发 成语大挑战（七）游戏逻辑和数据处理

Html5 Egret游戏开发 成语大挑战（八）一般性二级页面处理

Html5 Egret游戏开发 成语大挑战（九）设置界面和声音管理

Html5 Egret游戏开发 成语大挑战（一）开篇的更多相关文章

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

    现在我们使用egret来起步开发一个名叫<成语大挑战>的小游戏,关于egret的开发环境就不在这里啰嗦了,直接去官方下载安装就可,egret是我见过开发环境部署最简单的解决方案,这个系列教 ...

  2. Html5 Egret游戏开发 成语大挑战（八）一般性二级页面处理

    在游戏中,我们一般会有各种各样的二级页面,比如游戏暂停界面或者游戏结束界面,这些界面组成了对玩家交互主要手段,在游戏开发中,对于这些界面的coding组织是非常有学问的,如果倒退到十年前,游戏开发的老 ...

  3. Html5 Egret游戏开发 成语大挑战（六）游戏界面构建和设计

    本篇将主要讲解游戏界面的构建和设计,会应用到egret.eui的自定义组件,可以很直观的构建一个游戏整体,这里我们仍然只需要使用EgretWing就可以达到目的,本篇可能是篇幅最少的一个,但是涉及自定 ...

  4. Html5 Egret游戏开发 成语大挑战（九）设置界面和声音管理

    在上一篇中,简单的使用界面元素快速实现了一个游戏中的二级页面,这种直接在游戏页面上做UI的做法并不太好,原因是,UI会让游戏的压力变大,即使它是隐蔽的,如果同样的功能在其它的地方也是一样的,那么就要写 ...

  5. Html5 Egret游戏开发 成语大挑战（七）游戏逻辑和数据处理

    本篇在前面的基础上,将进行逻辑的编码开发让游戏能够正式的玩起来,这里没有注重太多的体验细节,而是直接实现游戏的规则逻辑,将分成两个部分说明:数据处理和游戏逻辑. 初始化游戏数据 在前面的第五篇中,我们 ...

  6. Html5 Egret游戏开发 成语大挑战（四）选关界面

    通过前面的开始界面基本上了解了eui的使用方法,可以简单快速的制作一个UI界面,本篇使用第二界面选关界面展示更为难一点的代码控制,来展现关卡地图的内容,请确保素材和资源完整,可以在前面的教程中找到下载 ...

  7. Html5 Egret游戏开发 成语大挑战（三）开始界面

    本篇需要在前面的素材准备完毕,才可以开始,使用egret的eui结合代码编辑,快速完成基本的界面搭建,这里写的可能比较细,目的是减少大家对于其中一些操作疑问,我去掉了很多无用的步骤,以最精简的流程来完 ...

  8. Html5 Egret游戏开发 成语大挑战（五）界面切换和数据处理

    经过前面的制作,使用Egret的Wing很快完成了开始界面和选关卡界面,下面通常来说就是游戏界面,但此时界面切换和关卡数据还没有准备好,这次讲解界面的切换和关卡数据的解析.前面多次修改了Main.ts ...

  9. Phaser是一款专门用于桌面及移动HTML5 2D游戏开发的开源免费框架

    Phaser是一款专门用于桌面及移动HTML5 2D游戏开发的开源免费框架,提供JavaScript和TypeScript双重支持,内置游戏对象的物理属性,采用Pixi.js引擎以加快Canvas和W ...

随机推荐

  1. 【代码笔记】iOS-多张图片合成一张

    代码: RootViewController.m #import "RootViewController.h" @interface RootViewController () @ ...

  2. 网络热恋之SDWebImage

    SDWebImage-master 是一个非常强大的三方. 当需要应用SDWeb时把文件夹里的SDWebImage文件夹放入工程里. 在需要使用网络获取图片的文件里进入头文件#import " ...

  3. php页面静态化

    如何优化页面响应时间: 动态页面静态化 优化数据库 使用负载均衡 使用缓存 如果页面中的一些内容不经常改动,可以使用动态页面静态化.好处是:减少服务器脚本的计算时间:降低服务器的响应时间. 1.动态U ...

  4. yii2发送邮件教程

    作者:白狼 出处:http://www.manks.top/article/yii2_swiftMailer本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接, ...

  5. Git笔记1

    1.简介 1.1 GIT(分布式版本控制系统) Git是一款免费.开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目. Git是一个开源的分布式版本控制系统,用以有效.高速的处理从很小到非 ...

  6. Sql Server之旅——终点站 nolock引发的三级事件的一些思考

    曾今有件事情让我记忆犹新,那年刚来携程不久,马上就被安排写一个接口,供企鹅公司调用他们员工的差旅信息,然后我就三下五除二的给写好 了,上线之后,大概过了一个月...DBA那边报告数据库出现大量锁超时, ...

  7. 【JSP】JSP基础学习记录（二）—— JSP的7个动作指令

    2.JSP的7个动作指令: 动作指令与编译指令不同,编译指令是通知Servlet引擎的处理消息,而动作指令只是运行时的动作.编译指令在将JSP编译成Servlet时起作用:而处理指令通常可替换成JSP ...

  8. ASP.NET MVC 监控诊断、本地化和缓存

    这篇博客主要是针对asp.net mvc项目的一些常用的东东做一个讲解,他们分别是监控诊断.本地化和缓存.虽然前两者跟asp.net mvc看上去好像是没什么关联. 但其实如果真正需要做asp.net ...

  9. 【转】虚拟机VMware3种网络模式（桥接、nat、Host-only）的工作原理

     VMware网络配置详解一:三种网络模式简介 安装好虚拟机以后,在网络连接里面可以看到多了两块网卡: 其 中VMnet1是虚拟机Host-only模式的网络接口,VMnet8是NAT模式的网络接口, ...

  10. 基于Qt5.5.0的sql,C++备忘录软件的编写

    我的第一个软件. 基于Qt5.5.0的 sql ,C++备忘录软件version1.0的编写 我用的Qt版本是5.5.0免配置编译器的版本,这里附上我使用的软件下载地址:http://download ...