如何创造一个出色的HTML5游戏引擎


去年,我们获得机会能够基于HTML5为Spil games创造一系列5款麻将连连看游戏。我们创造的第一款游戏是《Dream Pet Link》。考虑到我们所分配到的任务是基于以下同样的机制但却...

去年,我们获得机会能够基于HTML5为Spil games创造一系列5款麻将连连看游戏。我们创造的第一款游戏是《Dream Pet Link》。考虑到我们所分配到的任务是基于以下同样的机制但却是不同的主题而创造4款额外的游戏,我们便假设是否能够反复使用同样的代码,即我们只需要编写第一款游戏然后为之后的游戏换入新图像和声音资产。

如果是这样的话一切就简单多了。

但这里存在一些问题可能让事情变得更复杂:

*想要在不具有同样机制的其它游戏中重新使用一些代码

*关于代码改变的不确定性必须适应图像和音频中的差异

*我们可以在之后的循环中发现功能和性能的完善

这些注意事项推动着我们去采取与预期不同的设计方法。在此我将与你们分享我在创造这些游戏的过程,以及在这些游戏和我们的其它HTML5游戏中创造代码库的过程。就像你们所看到的这样,这些过程都很顺利且非常有组织性。我也会描述为何JavaScript被当成是支持我们工作的最佳语言。

开启你的引擎

我们决定将功能整合到三个不同的框架里:

1.针对于特定游戏的代码和配置文件

2.所有带有这一机制的游戏将能够分享代码(我们将其称为LinkEnigine)

3.任何游戏都能够使用代码(我们将其称为绝对程序库)。

我们并不总是清楚该将特定的功能安置在哪个框架中。有时候我们将创造一个功能,并暂时运行它,然后意识到它其实可以变得更有效。之后我们将会把它推向下一个抽象阶段,即将其转移到一个不同的框架中。

在是时候创造第二款游戏前我们并不会开始从LinkEngine中分离出特定的游戏代码。等到那时候我们将会觉得自己能够处理绝对程序库中所需要的内容,但是从LinkEngine中分离出特定的游戏代码是一个需要付出额外努力的过程,即我们相信将比事先分离获得更好的结果。

标签: html5

更多 html5 相关资讯

如何用HTML5 Canvas制作子画面动画

如何用HTML5 Canvas制作子画面动画

子面画基本原理 我一直很喜欢网页游戏,因为大多数都容易制作,而且容易玩(只要点击一个链接就可以开始玩了)。 Ajax和移动DOM元素是有些意思,但制约了你能制作的游戏

用绳子原理制作的一款简单的html5小游戏

用绳子原理制作的一款简单的html5小游戏

     前天公司聚会,在一起玩游戏,游戏虽然及其简单,但是却很适合在活动中玩,因为公司参加聚会的人比较多,所以只有一部分人玩到了。晚上回家后我试着将其中一款游戏用html5还

制作HTML5视觉游戏编程工具DASH的经验

制作HTML5视觉游戏编程工具DASH的经验

    本文由两部分内容混合而成,一是简短的开发者日志,二是对我们开发HTML5可视化编程工具DASH时面临的挑战的总结。   DASH是一个用于制作游戏的HTML5可视化编程工具。

创造一款成功HTML5游戏的完整指南

创造一款成功HTML5游戏的完整指南

     现在,我会花大量时间向学生,业余爱好者,专业开发者以及老师解释如何使用HTML5创造。而最近我也一直纠结着是否应该将这些观点与所有人分享。   为什么现在有这么多

一个HTML5的视频智力游戏

一个HTML5的视频智力游戏

这是一个可定制的HTML5视频/图像难题。祝你好运试图解决它;

HTML5 canvas DEMO:生长的树

HTML5 canvas DEMO:生长的树

简介:一个简单的HTML5演示实例,所有的动态画面和色彩效果完全由HTML5技术实现。

HTML5 3D游戏:球撞球

HTML5 3D游戏:球撞球

简介:一个完全由HTML5技术实现的在线小游戏,在这个游戏,你只需控制蓝色的球球把绿色的球撞出这个平台即可。

HTML5 Blackjack

HTML5 Blackjack

简介:一个完全由HTML5技术打造的21点游戏,你的本金是$100,每10美元一手。游戏的设计是主要以快打为主。

HTML5塔防游戏

HTML5塔防游戏

简介:一款基于HTML5技术的塔防小游戏,你只需阻止你的敌人走到终点即可。期间你可以安装障碍物或者安装大炮将他们击毙,当然,你不能把从起点到终点的露给堵死。

HTML5版扫雷

HTML5版扫雷

简介:一个完全由HTML5技术开发的在线扫雷小游戏。规则很简单-点击方块来清除它们,但要提防致命的炸弹。编号是告诉你周边有几个炸弹,用这些信息来计算你下一步。用右键点击