HTML5边玩边学(10):俄罗斯方块就是这么简单 之 控制界面篇(源码)

简介:

本来想写几句的,但是看到前面一篇的反映不是很理想,所以也没动力了,原计划下面还想写个“贪吃蛇”的,看看再说吧,直接上源代码。

这一次在上一篇程序的基础上增加了以下功能:

1、键盘控制

2、开始、暂停

3、消除时候空行的停顿效果

4、随着消除行数的增多,速度加快

5、音效

等等。

代码里的注释已经很详细了,上一篇中模型的代码基本上没改动,只是增加了控制和图形的代码,自己感觉写的还是比较有条理的。

代码下载:点击

 

提示:本文中的俄罗斯方块游戏需要 Chrome 浏览器才能得到最好的运行效果,Firefox 浏览器也可以运行,但是没有声音效果。

 

{{{{{{

您的浏览器不支持 audio 标签。 你的浏览器不支持 Canvas 标签,请使用 Chrome 浏览器 或者 FireFox 浏览器

}}}}}}

 

后面罗嗦两句,愿意看的就看看。

这一部分代码主要由两个定时器组成。

 

第一个定时器每间隔一段时间就产生一个 TickMessage 消息,对这个消息的处理就是使方块下落,下落后每消去一次,触发的速度就更快一点。

 

第二个定时器是消息循环,他尽可能快的循环,所以时间间隔设置为0。

因为整个游戏的模型部分和控制部分会产生很多的事件,谁也不知道用户什么时候按下按键,所以这里维护了一个消息队列。

一旦有新的情况产生,就在消息队列里面添加上一条对应的消息,而消息循环不停的从里面取出消息,只要有就取出一条,并处理它。

 

图形部分,重点是要把七种颜色的小方块事先绘制好,并缓存起来,后面需要的时候直接使用。否则临时绘制的话,随着方块的增多,程序会出现卡死现象。

 

好了,就说这么多吧,有什么问题请留言。

 


//==========================================



本文转自左洸博客园博客,原文链接:http://www.cnblogs.com/myqiao/archive/2010/10/18/1854709.html,如需转载请自行联系原作者

目录
相关文章
|
1月前
|
JavaScript
自定义全能搜索HTML源码
自定义全能搜索HTML源码
20 1
自定义全能搜索HTML源码
|
1月前
|
移动开发 HTML5
html5掷骰子跳棋游戏源码
html5掷骰子跳棋游戏源码
36 1
html5掷骰子跳棋游戏源码
|
1月前
超好看的照片墙HTML源码
超好看的照片墙HTML源码
44 10
超好看的照片墙HTML源码
|
1月前
二次元风格引导页HTML源码
二次元风格引导页HTML源码
32 1
二次元风格引导页HTML源码
|
1天前
漂亮的七彩引导页导航HTML源码
漂亮的七彩引导页导航HTML源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
2 0
漂亮的七彩引导页导航HTML源码
|
2天前
|
移动开发 HTML5
HTML5漫画风格个人介绍源码
HTML5漫画风格个人介绍源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
5 0
HTML5漫画风格个人介绍源码
|
7天前
2024个人导航HTML源码
2024个人导航HTML源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
11 0
2024个人导航HTML源码
|
12天前
|
移动开发 HTML5
唯美首页纯静态html源码
唯美首页纯静态html5引导页源码,格子化win8风格官方引导页面源码
11 0
唯美首页纯静态html源码
|
12天前
漂亮的个人主页HTML源码
漂亮的个人主页HTML源码
13 0
漂亮的个人主页HTML源码
|
13天前
一款简约单双页版HTML源码
开源的单页个人主页纯静态源码、目前有两个主页版本:master单页版、double双页版、非常漂亮的单页HTML源码
11 1
一款简约单双页版HTML源码