当前位置: 老葡京网站娱乐 > 网页设计 > HTML 5教程 > 正文

[html 5游戏开发]经典的推箱子

时间:2014-03-16 lufy

老葡京网站娱乐 www.sdguanhua.com 开言:

lufylegend.js引擎已经更新到1.6以上了,虽然我陆陆续续发布了一些教程,也提供 了一些简单的游戏示例,但是一直以来也没有制作几款完整的作品来,实在也是自己一个人时间太有限 了,接下来的时间,我会尽可能的使用lufylegend.js引擎开发几款完整的作品,来增加一下这个引擎的 说服力,希望喜欢html5,喜欢游戏开发的朋友多提些意见。

这一次先来看一个经典的推箱子游 戏,相信大家也都知道这款游戏,推箱子游戏最早源于日本,是一款极其锻炼逻辑思考能力的游戏,箱 子只能推不能拉,玩家必须在一个有限的空间里,将所有的箱子归位,如下图所示。

图1

这是我用最新版lufylegend.js引擎开发的,想挑战一下的朋友,可以点击下面的游戏链 接试一下自己能通过几关。

http://lufylegend.com/demo/box

游戏一共6关,我在游戏里 加入了排名系统,每过一关可以上传自己的成绩,跟大家比拼一下,或者您也可以将自己的过关方法心 得等回复到文章下面。

制作开始

好了,废话说完了,现在来看看如何来制作这款游戏。

一,首先,你需要下载lufylegend.js引擎

下面是我在博客的lufylegend-1.6.0发布帖

http://blog.csdn.net/lufy_legend/article/details/8593968
 

下面一步步来进 入开发正题。

二,绘制背景和箱子

我们先来准备一张图,

图2