jQuery实现的几个小游戏

代码下载:jQueryGames

作为jQueryfan,一直以来总想看几个使用jQuery开发的web小游戏。可能我比较落伍现在才有时间和精力去搜集几个这方面的插件。不过如果你是个和我差不多的非资深的jquery爱好者,相信你会对它们感兴趣的。

我给大家先介绍三个小游戏,都是很经典很可爱的。相信你一看就会玩。至于一些整体的设计思想,我在后面会写文章来介绍,如果你砍了这些js文件而且花时间去研究了它的实现我希望你能够留下来自己的心得,一起交流学习。作为报酬我会把这些搜集到的代码给大家一个下载地址,不会要大家的分。

1.       俄罗斯方块。

哇,这个游戏可谓是经典中的经典。看看效果图吧。

 

使用jQuery来实现它,最终js文件加上csshtml文件只有10k左右,惊讶吧。而且效果还不错。这个js文件和html文件我去看了一下,作者的设计思想真的是相当好。佩服的五体投地。。我看作者参考了如下几个文章:

http://en.wikipedia.org/wiki/Category:Tetris

http://en.wikipedia.org/wiki/Tetris_Worlds

http://en.wikipedia.org/wiki/Tetris_effect

俄罗斯方块实际上每个小快对应于英文字母就是S,Z,L,I,O。就是按照这种思想通过一个表格的10列的某些列来显示,每个形状。如下图:

 

这个算法算然不复杂但并不是容易想到的。

看看这段javascript

 

这里x,y就是对应于上面那个图中的行和列,而c是背景颜色。为什么这里x,y都是从03四个数,因为我们对每个形状的定义都是通过4个元素的数组来定义的。

 

其它的开始、暂停和左右移动等你可以看我给的源代码。

2.       配对游戏。

配对游戏主要是练习记忆力,点击某个图片很快就消失,然后再点第二张看是否和第一张相同。给个小图你就明白了。

 

你可以把这些图片换成你喜欢的图片。和显示的图片多少。

 

这个游戏的实现比较简单,代码也不多。你可以给它加上排名啊,简易程度等选择。

3.       jQuery实现的老虎机

这个大家都会玩吧。呵呵。拉斯维加斯很多这东东呢。千万别玩真大了,这玩意永远是输家都。它的算法就注定了这个结果。

  它的实现主要用到了jQuery的动画效果。而它的最后的滑动效果算法我觉得有点看不懂。唉,可能需要点时间去理解老虎机的原理吧。呵呵

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值