如何创造一个出色的HTML5游戏引擎(齐齐乐手游网)
当前位置：&>&&>&
如何创造一个出色的HTML5游戏引擎
去年，我们获得机会能够基于HTML5为Spil games创造一系列5款麻将连连看游戏。我们创造的第一款游戏是《Dream Pet Link》。考虑到我们所分配到的任务是基于以下同样的机制但却是不同的主题而创造4款额外的游戏，我们便假设是否能够反复使用同样的代码，即我们只需要编写第一款游戏然后为之后的游戏换入新图像和声音资产。
如果是这样的话一切就简单多了。
但这里存在一些问题可能让事情变得更复杂：
*想要在不具有同样机制的其它游戏中重新使用一些代码
*关于代码改变的不确定性必须适应图像和音频中的差异
*我们可以在之后的循环中发现功能和性能的完善
这些注意事项推动着我们去采取与预期不同的设计方法。在此我将与你们分享我在创造这些游戏的过程，以及在这些游戏和我们的其它HTML5游戏中创造代码库的过程。就像你们所看到的这样，这些过程都很顺利且非常有组织性。我也会描述为何JavaScript被当成是支持我们工作的最佳语言。
开启你的引擎
我们决定将功能整合到三个不同的框架里：
1.针对于特定游戏的代码和配置文件
2.所有带有这一机制的游戏将能够分享代码(我们将其称为LinkEnigine)
3.任何游戏都能够使用代码(我们将其称为绝对程序库)。
我们并不总是清楚该将特定的功能安置在哪个框架中。有时候我们将创造一个功能，并暂时运行它，然后意识到它其实可以变得更有效。之后我们将会把它推向下一个抽象阶段，即将其转移到一个不同的框架中。
在是时候创造第二款游戏前我们并不会开始从LinkEngine中分离出特定的游戏代码。等到那时候我们将会觉得自己能够处理绝对程序库中所需要的内容，但是从LinkEngine中分离出特定的游戏代码是一个需要付出额外努力的过程，即我们相信将比事先分离获得更好的结果。
为什么想要使用更大的字体?
我们并未输入第一款游戏的一件内容是图像资产的改变将如何影响屏幕内容的布局。有些图像经过了特别的设置，但其它却拥有固定/硬编码设置。在我们创造第二款游戏时这个计划失效了。每一款游戏的主题都是不同的，我们的美术师为每一款游戏的文本选择了不同的字体(基于不同的参数)。其它资产的大小也会随之发生改变，例如游戏的logo，按键，对话框，进程条等等。
为了适应这些不同的大小，我们也将一些资产的位置从固定改成相对值。在不适合的情况下，我们创造了一个特定的JSON布局文件，即为不同的资产提供坐标。我们将这一功能置于布局类中，即为了剩下的代码而将复杂性隐藏起来。
人们可能会认为我们应该预见需求事先去支持更灵活的布局，我们本来也能够通过事先计划不同规格的资产而节省一些不必要的付出。实际上，我们预见了这一问题，但我们选择不事先去处理它。游戏设计非常灵活，我们并不知道哪个功能和内容将保持在游戏中而哪个又会离开，不过我们知道可以在之后轻松地对其进行重构。
通过推迟工作去创造更加灵活的布局机制，我们最终获得了一个更棒的解决方法，因为我们能够收集更多有关各种场景所需的功能类型的信息。
听起来没错
每一款游戏都具有伴随着不同长度的独特音效，但我们能够不改变代码而使用这些音效。我们陷入了同样的结构中;同样的行动产生了同样的音效，我们拥有一些关于游戏的不同部分的不同音轨。JSON配置文件允许我们轻松地针对全新音频资产重置现有的行动。
关于在第一款游戏和第二款游戏之间，我们为自己的音频能理做出了较大的完善，所以我们想要将其应用于此。我们添加了能力去使用音频精灵，即运行我们将带有较低延迟的音效放置于设备中，而没有Web Audio API的支持。我们使用了一个Grunt(游戏邦注：JavaScript的自动化工具)任务从现有的音频资产中自动化音频精灵文件，
现在我们拥有一个音频程序库能够跨越平台利用高端能力去提供可伸缩的支持。
在这一过程中我们引进了一些漏洞修补，优化，功能完善。尽管在程序库代码中的每个漏洞修补将有益于所有使用程序库的游戏，但是每个额外的功能和漏洞修补都要求在整个游戏中进行测试。
当我们完成第一款游戏时将改变带到程序库将是一个艰巨的过程&-就跟在开车时进行汽车维护一样，但我们却因为将JavaScript当成开发语言而大获其利。
为什么说JavaScript帮助了这一过程
JavaScript也具有其自身的问题，并且这些问题也体现在其它地方，但此外JavaScript也有它的优势：
属于松散类型语言
对象自变量表示法
普遍性和即时性
强硬类型的语言让编译器能够捕捉到错误并进行优化，这是在松散类型语言中所做不到的。松散类型语言因为这一点遭到了批评，但它却能够在类型转换和类别/对象定义中提供更多的灵活性。这些属性能够帮助我们进行原型设计与重整，甚至在之后的开发阶段中也能做到。
另外一个例子便是JavaScript的对象自变量表示法。在JavaScript中，你可以通过列举内容而创造一个对象。当与一些新功能进行试验或在不需要更加正式的对象/类别定义时这都非常有用。
JavaScript是一种解释型语言(或即时编译)，运行于每一个现代网页浏览器中。这意味着代码/测试循环可以非常快。你能够马上看到改变的结果，这种即时性也能引起功能和结构的快速迭代。你仍然需要通过测试做到这点，但是基于快速反馈和功能检验，我知道没有比这更棒的环境了。
JSON是受到JavaScript的对象自变量表示法的启发，并且是源于JavaScript，这对于创造非开发者也能够轻松修改的配置文件来说是最理想的一种格式。我们使用JSON配置文件去进行关卡配置，声音设计，图像布局，动画等等内容的创造。
Douglas Crawford在《JavaScript: The Good Parts》这本书中彻底讨论了JavaScript的正面(和负面)属性。如果你真的对HTML5游戏开发感兴趣的话，我建议你可以去读这本书。
重构vs.前构
大多数资深的开发者都会避免预先优化代码，相反地，他们会先创造功能然后寻找瓶颈，并为了达到更棒的性能而进行优化。这并不意味着他们并不会事先考虑编写有效的代码，只是他们不愿意在知道需要做什么前花太多时间。
而我们的设计与开发方法与他们相类似。我们当然会事先考虑结构问题并创作出一些高水平的决定，但是在理解这么做的价值前我们并不会沉溺于创造功能。我们能够基于较低的成本快速使用设计理念并进行迭代。JavaScript支持着这一过程并创造出了灵活且有趣的开发体验。
我们最终创造出了5款出色的HTML5游戏，它们都带有较少游戏特定代码，一个面向所有连连看游戏的共用引擎，一个能够支持各种设备的音频回放程序库，一个你能够用于创造各种类型游戏的HTML5游戏引擎。
最重要的是，玩家玩了这些游戏数百万次，并且我们也看到她们对游戏具有非常高的忠诚度。玩家共玩了140万个小时的游戏，并且他们花费在游戏中的时间已经是过去几个月的2倍。毋庸置疑，我们将会在之后的游戏中继续使用这一方法论。
欢迎大家下载，新游大作第一时间下载体验，更多好玩的游戏全在随时随地查看开服、开测动态!礼包福利大把大把滴，更能享受到首充送红包，续充优惠、每天登陆拿红包等福利。让你做手游的VIP巅峰玩家，心动的玩家要赶快拿起手机扫一扫下载吧!
扫一扫即可下载齐齐乐手游+APP
期待你加入齐齐乐手游+APP群：
妹子屁股后面那根粗绳有啥用世间万物各有各的用处,总有那么一丝灵感让我们将生活变得丰富多彩。一个动手能力强的同学到底能爆发出怎样的潜能呢?我们一起来看看吧……
原来在地铁上能够看到最多的手游就是开心消消乐，如今《阴阳师》成了当下最火爆的二次元手游。同时，《崩坏3》、《命运-冠位指定》、《战舰少女R》等二次元手游逐渐占据主流市场。
各位大佬们、小伙伴大家好，又到了每周四给大家推荐游戏的日子了。随着时间的推移，2016年即将结束，在经历了11月下旬温度骤降后，12月正式步入寒冬。说到冬天，最困难的是什么?没错!就是每天早起赶车赶地
齐齐乐的作为首批继百度、豌豆荚入驻的7881的官方店铺，官方店铺这一概念是由7881手游交易平台专业打造，旨在为玩家提供更快、更好和更安全可靠的服务，类似淘宝中的天猫品牌店!!
齐齐乐手游+APP具有更多好玩的游戏,随时查看游戏开测,开服动态,更多礼包福利、充值优惠等；欢迎大家前来咨询!
Copyright (C) 2010 - . All Rights Reserved
齐齐乐-手机游戏网 版权所有 赣ICP备号-29 商务合作QQ：& Construct2引擎教你3小时打造自己的HTML5游戏！
您想学做游戏吗? 小时候就想做游戏，至今还没完成？ 有意学做2D游戏，却不知道如何开始？ 已有美术基础，但看不懂密密麻麻的代码方程？就让我们用 3小时 教会你做手机游戏吧!在网页技术发达的今天，HTML5游戏已成为手机游戏的流行风向标。不但简单易学，一次开发便可横跨多平台。艾空未来这次请到台湾资深游戏导师傅老师一同为大家分享，3小时内就要让你的游戏在手机与计算机上运行。让我们一起掌握最新技术，完成梦想中的游戏吧！
* 本次课程包含上机实作，请来宾务必自备计算机(Windows系统)。
活动时间：日 18:00~22:00报名传送门：活动地点：广州市天河区员村西街广纺联创意园纺联东一路自编45号之182房活动内容：
1、Indie Game奥义心法分享
行业、环境、生活的痛点都是我们创意的入口，不断寻找并体验着身边的一切，为创意插上飞翔的翅膀创造梦想的价值。我们的游戏，H5游戏的切入，IndieGame经验分享 主讲人：iconplus创始人&创意总监：刘惠斌
2、H5极速开发工具Construct 2体验分享
带领来宾以Construct 2游戏引擎进行开发，让您轻松大步跨入H5游戏开发的世界。本次课程以经典平台游戏为主轴，了解原理后现场就将范例改造为无限跑酷游戏。 主讲人：恒进学习中心 傅子恒老师
3、来宾发问与Debug时间
来宾可将使用Construct 2开发上碰到的问题进行现场提问，我们将进行具体且详细的答疑(由于时间有限，每位来宾的问答时间约在3~5min)4、签名时间 与会人员如果带上傅老师的《Construct游戏程序设计》，也可来让老师签下大名留念哦！嘿嘿 日（星期四）活动时间流程& 17:30~18:05 参会签到& 18:05~18:10 主持人开场、致辞& 18:10~19:30 iconplus创意总监刘惠斌经验分享& 19:30~21:00 恒进学习中心傅子恒老师运用C2一次完成游戏分享& 21:00~21:30 来宾DEBUG或提问，现场答疑&参与活动的人员:1.如果你是努力进修的网页前/后端攻城狮 2. 如果你是想成为Indie Game的热血青年 3. 如果你是HTML5开发者 4. 如果你是学校教师、讲师 5. 如果你混迹于各大游戏论坛 6. 如果你是C2论坛吧贴的粉丝 7. 如果你也是傅老师的铁杆粉丝参与活动需求: 参加活动的小伙伴能带上自己的 笔记本或电脑 尤佳，可以一边听分享一边跟着傅老师的节奏嗨起来，一个属于你的游戏就会如奇迹般的诞生了！由于本次活动是 iconplus 赞助，小伙伴们自发组织的，时间与活动安排都比较紧迫，很多不足的地方还需大家体谅，对于人数的安排，我们暂定在广州 ，如果与会人数超出将在安排场点再另发出通知，如有不便敬请见谅！ 另外来自台湾的傅老师工作比较繁忙，很感激老师百忙之中抽空来给我们大家做介绍与分享！^-^请快点来加入我们的大家庭吧，参与本次的活动，一起寻找游戏的真谛与快乐！报名传送门：活动为自发组织而成，不收取任何费用，纯属经验分享
活动联系人：totoyan&
QQ： 电子邮件： 活动QQ群 ：
打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮如何创造一个出色的HTML5游戏引擎 - 推酷
如何创造一个出色的HTML5游戏引擎
去年，我们获得机会能够基于HTML5为Spil games创造一系列5款麻将连连看游戏。我们创造的第一款游戏是《Dream Pet Link》。考虑到我们所分配到的任务是基于以下同样的机制但却是不同的主题而创造4款额外的游戏，我们便假设是否能够反复使用同样的代码，即我们只需要编写第一款游戏然后为之后的游戏换入新图像和声音资产。
如果是这样的话一切就简单多了。
但这里存在一些问题可能让事情变得更复杂：
*想要在不具有同样机制的其它游戏中重新使用一些代码
*关于代码改变的不确定性必须适应图像和音频中的差异
*我们可以在之后的循环中发现功能和性能的完善
这些注意事项推动着我们去采取与预期不同的设计方法。在此我将与你们分享我在创造这些游戏的过程，以及在这些游戏和我们的其它HTML5游戏中创造代码库的过程。就像你们所看到的这样，这些过程都很顺利且非常有组织性。我也会描述为何JavaScript被当成是支持我们工作的最佳语言。
开启你的引擎
我们决定将功能整合到三个不同的框架里：
1.针对于特定游戏的代码和配置文件
2.所有带有这一机制的游戏将能够分享代码（我们将其称为LinkEnigine）
3.任何游戏都能够使用代码（我们将其称为绝对程序库）。
我们并不总是清楚该将特定的功能安置在哪个框架中。有时候我们将创造一个功能，并暂时运行它，然后意识到它其实可以变得更有效。之后我们将会把它推向下一个抽象阶段，即将其转移到一个不同的框架中。
在是时候创造第二款游戏前我们并不会开始从LinkEngine中分离出特定的游戏代码。等到那时候我们将会觉得自己能够处理绝对程序库中所需要的内容，但是从LinkEngine中分离出特定的游戏代码是一个需要付出额外努力的过程，即我们相信将比事先分离获得更好的结果。
为什么想要使用更大的字体？
我们并未输入第一款游戏的一件内容是图像资产的改变将如何影响屏幕内容的布局。有些图像经过了特别的设置，但其它却拥有固定/硬编码设置。在我们创造第二款游戏时这个计划失效了。每一款游戏的主题都是不同的，我们的美术师为每一款游戏的文本选择了不同的字体（基于不同的参数）。其它资产的大小也会随之发生改变，例如游戏的logo，按键，对话框，进程条等等。
为了适应这些不同的大小，我们也将一些资产的位置从固定改成相对值。在不适合的情况下，我们创造了一个特定的JSON布局文件，即为不同的资产提供坐标。我们将这一功能置于布局类中，即为了剩下的代码而将复杂性隐藏起来。
人们可能会认为我们应该预见需求事先去支持更灵活的布局，我们本来也能够通过事先计划不同规格的资产而节省一些不必要的付出。实际上，我们预见了这一问题，但我们选择不事先去处理它。游戏设计非常灵活，我们并不知道哪个功能和内容将保持在游戏中而哪个又会离开，不过我们知道可以在之后轻松地对其进行重构。
通过推迟工作去创造更加灵活的布局机制，我们最终获得了一个更棒的解决方法，因为我们能够收集更多有关各种场景所需的功能类型的信息。
听起来没错
每一款游戏都具有伴随着不同长度的独特音效，但我们能够不改变代码而使用这些音效。我们陷入了同样的结构中；同样的行动产生了同样的音效，我们拥有一些关于游戏的不同部分的不同音轨。JSON配置文件允许我们轻松地针对全新音频资产重置现有的行动。
关于在第一款游戏和第二款游戏之间，我们为自己的音频能理做出了较大的完善，所以我们想要将其应用于此。我们添加了能力去使用音频精灵，即运行我们将带有较低延迟的音效放置于设备中，而没有Web Audio API的支持。我们使用了一个Grunt（游戏邦注：JavaScript的自动化工具）任务从现有的音频资产中自动化音频精灵文件，
现在我们拥有一个音频程序库能够跨越平台利用高端能力去提供可伸缩的支持。
在这一过程中我们引进了一些漏洞修补，优化，功能完善。尽管在程序库代码中的每个漏洞修补将有益于所有使用程序库的游戏，但是每个额外的功能和漏洞修补都要求在整个游戏中进行测试。
当我们完成第一款游戏时将改变带到程序库将是一个艰巨的过程—-就跟在开车时进行汽车维护一样，但我们却因为将JavaScript当成开发语言而大获其利。
为什么说JavaScript帮助了这一过程
JavaScript也具有其自身的问题，并且这些问题也体现在其它地方，但此外JavaScript也有它的优势：
属于松散类型语言
对象自变量表示法
普遍性和即时性
强硬类型的语言让编译器能够捕捉到错误并进行优化，这是在松散类型语言中所做不到的。松散类型语言因为这一点遭到了批评，但它却能够在类型转换和类别/对象定义中提供更多的灵活性。这些属性能够帮助我们进行原型设计与重整，甚至在之后的开发阶段中也能做到。
另外一个例子便是JavaScript的对象自变量表示法。在JavaScript中，你可以通过列举内容而创造一个对象。当与一些新功能进行试验或在不需要更加正式的对象/类别定义时这都非常有用。
JavaScript是一种解释型语言（或即时编译），运行于每一个现代网页浏览器中。这意味着代码/测试循环可以非常快。你能够马上看到改变的结果，这种即时性也能引起功能和结构的快速迭代。你仍然需要通过测试做到这点，但是基于快速反馈和功能检验，我知道没有比这更棒的环境了。
JSON是受到JavaScript的对象自变量表示法的启发，并且是源于JavaScript，这对于创造非开发者也能够轻松修改的配置文件来说是最理想的一种格式。我们使用JSON配置文件去进行关卡配置，声音设计，图像布局，动画等等内容的创造。
Douglas Crawford在《JavaScript: The Good Parts》这本书中彻底讨论了JavaScript的正面（和负面）属性。如果你真的对HTML5游戏开发感兴趣的话，我建议你可以去读这本书。
重构vs.前构
大多数资深的开发者都会避免预先优化代码，相反地，他们会先创造功能然后寻找瓶颈，并为了达到更棒的性能而进行优化。这并不意味着他们并不会事先考虑编写有效的代码，只是他们不愿意在知道需要做什么前花太多时间。
而我们的设计与开发方法与他们相类似。我们当然会事先考虑结构问题并创作出一些高水平的决定，但是在理解这么做的价值前我们并不会沉溺于创造功能。我们能够基于较低的成本快速使用设计理念并进行迭代。JavaScript支持着这一过程并创造出了灵活且有趣的开发体验。
我们最终创造出了5款出色的HTML5游戏，它们都带有较少游戏特定代码，一个面向所有连连看游戏的共用引擎，一个能够支持各种设备的音频回放程序库，一个你能够用于创造各种类型游戏的HTML5游戏引擎。
最重要的是，玩家玩了这些游戏数百万次，并且我们也看到她们对游戏具有非常高的忠诚度。玩家共玩了140万个小时的游戏，并且他们花费在游戏中的时间已经是过去几个月的2倍。毋庸置疑，我们将会在之后的游戏中继续使用这一方法论。
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致