日期:2014-05-16  浏览次数:20514 次

JavaScript游戏玛丽医生Dr Mario实现原理
在很久很久以前,我们这些80后的小朋友终于玩上了自己的小霸王游戏机,超级玛丽,玛丽医生,雪人兄弟,诸多经典游戏让人无法忘怀,成为一个心结!

在完成了俄罗斯方块后,这是我写的又一个JavaScript游戏,玛丽医生Dr.Mario。





游戏方法:

3颗相同颜色的药丸与同色的病毒在横向纵向上相连时,则可杀死该病毒得分。

方向键:上:药丸形状及颜色切换,左、右、下:左移、右移、下落。

实现流程:

药丸落下 -> 边界检测 -> 不可再动 -> 加入到groups -> 杀病毒检测 -> 消除 -> 重新整理groups -> 无支撑的药丸掉落 -> 回到杀毒检测,直到所有无支撑药丸掉落结束 -> 下一个

Groups概念:

在该游戏的实现中, 出现了一个groups的概念,它是一个数组,它记录了所有堆积的元素,这些元素是活动的,会在消除某些元素后掉落,所以,比较麻烦。

groups记录着每次掉落元素的坐标及样式,形如:[[[0,0,'red_left'],[0,1,'blue_right']],......]

在每次消除病毒后,它需要维护一次,维护的过程是,先将其按照每个元素的第1维进行倒序排列(用于保证越靠下的药丸在后面最先掉落),然后遍历每个元素,进行整理,如:某个与元素的一半被消除了,或者两个元素都被消除了,等等。

几个算法:

在该游戏中需要优化的几个算法:

取横向、纵向N个以上连续相同的内容(实现参见:http://www.jslab.org.cn/?tag=getsamelistfrommartix)

边界检测(与俄罗斯方块的边界检测算法类似,采用位与的方式)

groups维护(遍历数组)

如果能够优化以上算法,则程序运行效率会更高!


其他操作类似于俄罗斯方块,具体情况,可以去看它的源代码!


现在就来玩玩看这个JavaScript实现的Dr.Mario玛丽医生吧 ^_^

------解决方案--------------------
JF
------解决方案--------------------

再接再厉 多奉献好东西...
------解决方案--------------------
顶。。。
------解决方案--------------------
先顶再看
------解决方案--------------------
很不错,学习

还原得很好,不过就是如果右边医生丢药丸的动作能加进去就完美了
------解决方案--------------------
不会玩~~~,怎么感觉和俄罗斯方块差不多?
顶~~
------解决方案--------------------

没玩过,
------解决方案--------------------
很强大。。。

js无极限。。。
------解决方案--------------------
很厉害啊,学习了
------解决方案--------------------
dddddddddd
------解决方案--------------------
zxczs
------解决方案--------------------
uP
------解决方案--------------------
LZ好强大
------解决方案--------------------
看不懂!~
T_T.......
------解决方案--------------------
介于牛1和牛3之间 佩服啊
------解决方案--------------------
好,支持

------解决方案--------------------
好强啊!顶楼主一个!·
------解决方案--------------------
支持,怎么进去了,没看到哪里能玩啊。。。
------解决方案--------------------
~jF
------解决方案--------------------
我顶,接分
------解决方案--------------------
顶下,接分!!
------解决方案--------------------
真是越来越喜欢这游戏了,下载谢谢!
------解决方案--------------------
我也下载试试
------解决方案--------------------
非常不错,很专业。
------解决方案--------------------