散分发布本人呕心之作:JavaScript漂亮俄罗斯方块

cuixiping 2009-07-22 02:12:09
加精
俄罗斯方块,地球人都知道。

网上流传的js俄罗斯方块也是多的像米,各有各的不方便,我这里代码全部自己书写,不参考任何现有俄罗斯方块游戏代码,功能及界面上博采众长,力争将我的Js俄罗斯方块做到脱颖而出。当然离尽善尽美还很远,但敢说比我见到过的所有js俄罗斯方块都要好(好玩、好看),如果你有看到更好的,请告诉我。

一、优点:
1、按键反应灵敏(摒弃了onkeydown的系统自动repeat)
2、支持换皮肤,可以设置方块图案(预置5种方块图案)、背景图案(预置10位美女图)、网格。
3、自定义初始速度
4、积分历史记录
5、自定义按键(呕心之作!目前支持自定义按键的俄罗斯方块太少太少了。)
6、配置自动保存(存于Cookie中),下次游戏时,皮肤设置、速度设置、按键设置、积分记录会自动载入。
7、兼容性(搞过WEB前端的童鞋都知道兼容的痛),我测试通过了IE8.0,IE7.0,IE6.0,Firefox3.0,Opera9.6(为了它颇费一番工夫),其他浏览器因环境限制暂时没有测试。
8、全部采用DIV+CSS,摒弃传统的以表格显示方块的做法。

二、问题:
1、玩到一半时,想从头开始,但这时候没有开始按钮,只有暂停或者继续,你可以直接刷新页面,或者快速按多次下落键到GameOver就可以再开始了。
2、如果在Opera浏览器下玩,且启用了半透明功能,那么很可能会导致CPU占用大增,游戏响应速度大减,在我的古董机+Opera9.6上非常明显。这个应该是Opera的BUG,不知道更高版本Opera如何。
3、配置保存在Cookie中,清除浏览器Cookie会导致配置恢复为预设状态。也有考虑过是否保存到服务端数据库,但又觉得意义不大,而且还要注册账号比较麻烦,所以作罢。

三、提示:
按键自定义功能,增添了游戏的方便性和趣味性。(1)玩家可以一只手控制左右、另一只手控制旋转(我喜欢用左手按Ctrl旋转),双手配合比只使用一只手轻松多了!(2)也可以锻炼一下逆向思维,左右键功能互换,上下键功能互换,看看你脑子转不转得过来!



在线试玩请点击这里,或者输入这个网址 http://www.cuixiping.com/jsgame/tetris-cxp/



游戏的实现逻辑,我就不啰嗦了,代码都是一个个很容易理解的函数,一看就知道功能的,程序逻辑也很清晰。有兴趣的朋友自己右键看。

源码比较长,就不贴了,上几张游戏截图:


截图1,开始之前:



截图2:换皮肤



截图3:按键自定义



截图4:积分历史记录



截图5:Game Over



在线试玩请点击这里,或者输入这个网址 http://www.cuixiping.com/jsgame/tetris-cxp/

cuixiping 2009年7月

...全文
7950 397 打赏 收藏 转发到动态 举报
写回复
用AI写文章
397 条回复
切换为时间正序
请发表友善的回复…
发表回复
fx_blog 2012-01-13
  • 打赏
  • 举报
回复
Javascript 俄罗斯方块!

我的俄罗斯方块
http://www.weiseditor.com/javascript/OLSFK/index.htm
jaky 2011-09-26
  • 打赏
  • 举报
回复
有没有源码啊?学习下,这不错!
cuixiping 2011-09-23
  • 打赏
  • 举报
回复
[Quote=引用 389 楼 lzc0653 的回复:]这么多代码啊?
看看我的简洁版吧!
http://www.xx9000.com/youxi.html
支持各种浏览器
[/Quote]你的俄罗斯方块我看了,“简洁”是“简洁”了,可是功能太少了,可玩性较低。
排行榜、关卡选择,这是游戏的基本要素之一。

而且你还把代码给压缩了,能否给个源码学习一下?
cuixiping 2010-11-17
  • 打赏
  • 举报
回复
下一步计划,用鼠标玩俄罗斯方块
米娅 2010-11-05
  • 打赏
  • 举报
回复
[Quote=引用 100 楼 xiaofangyanan 的回复:]
真好,学习
[/Quote]


。。。
lzc0653 2010-10-21
  • 打赏
  • 举报
回复
这么多代码啊?
看看我的简洁版吧!
http://www.xx9000.com/youxi.html
支持各种浏览器
hyxue521 2010-07-26
  • 打赏
  • 举报
回复
不错 ,后面美女更令人心动
free_boy_xzh 2010-05-15
  • 打赏
  • 举报
回复
能不能把源代码打包发给我呢,正在学JS,想拿来学习下,谢谢
邮箱:xiao_zhang_hua@hotmail.com
QQ:516124730
ILOVEYOULOVEME 2010-04-21
  • 打赏
  • 举报
回复
学习中!
k_jerry 2010-04-19
  • 打赏
  • 举报
回复
顶...
dmy1432 2010-04-14
  • 打赏
  • 举报
回复
lz厉害
wthua 2010-03-12
  • 打赏
  • 举报
回复
的确非常不错,其实很多人都可以写的出来,看你愿不愿意去写。
不过要写的这么简洁估计有些困难。
chen04040317 2010-03-09
  • 打赏
  • 举报
回复
还是蛮不错的吧 支持一下!
yangkunlin 2010-02-11
  • 打赏
  • 举报
回复
楼主很强大,能否共享下源码啊 yangkl@sinosoft.com.cn
hanyuxinting 2010-02-09
  • 打赏
  • 举报
回复
前些天在看编程之美的时候也看了下俄罗斯方块,我想利用这个假期把它实现一下,我用JS写个客户端的试试看~
  • 打赏
  • 举报
回复
有待学习
ourjavasky 2010-02-03
  • 打赏
  • 举报
回复
支持 学习
打字员 2010-01-26
  • 打赏
  • 举报
回复
界面还是不错的,玩起来也不错!
fenghetianshang 2010-01-18
  • 打赏
  • 举报
回复
学习
bmcsy 2010-01-18
  • 打赏
  • 举报
回复
感觉很牛呢,赞一个。
加载更多回复(372)

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧