《javascript的游戏程序设计方案与实现速算24》由会员分享，可在线阅读，更多相关《javascript的游戏程序设计方案与实现速算24（21页珍藏版）》请在金锄头文库上搜索。
1、JavaScript的游戏程序设计与实现-速算“24”目 录题目 3摘要 3关键词 3一 速算“24”游戏说明3二创建初始界面4 （一） 扑克牌显示区 4 （二） 计算区域5三自动发牌6 （一）制作图象文件6 （二）随机发牌6 （三）动态设置网页中图像的源文件7四添加按钮事件处理7 （一） 添加“开始”事件7 （二） 添加其余的事件7五即时显示表达式8（一）图片的数字显示8（二）运算符的显示9六计算表达式的值并反馈结果 10 （一）标准的JavaScript数学表达式11 （二） 对数学表达式的计算以及反馈11七获取时间和计时 12 （一）获取时间，实现计时 13 （二） 计时的停止 14 （
2、三） 调用函数stoptime（）和ctime（）14 （四） 对时间的反馈 14总结 15参考文献 16附录 17JavaScript的游戏程序设计与实现 速算“24”摘要 JavaScript是一种易于使用的对象描述语言，它是为了创建真正的联机应用程序而设计的，无论是在用户端还是在服务器端，这种应用程序都可以将对象和资源连接在一起。运用JavaScript开发一个速算“24”游戏，该游戏实现如何在JavaScript中进行数学运算和相关处理以及如何实现计时。关键词 游戏 语言 动态显示 计时 运算 JavaScript 是由Java继承而来的，是一种面向对象的程序设计的脚本语言。JavaS
3、cript为Web页面设计人员提供了极大的灵活性和控制手段。他是一种优秀的“粘合剂”，能够将一个Web节点中的文字，图形，声音和动画等各种媒体形式捆绑在一起。下面我们将通过制作“速算24”这个游戏，来更深入的了解，学习JavaScript 。一 “速算24”游戏说明 “速算24”是一个考察心算能力，有助于智力开发的扑克游戏。给出4张扑克牌之后，要求应用这些扑克牌数字做数学运算，迅速构造出一个数学表达式得出结果24。 游戏的初始界面如下图所示 单击“开始”按钮开始游戏，系统自动发牌。如下图所示。 然后可以在计算器区域单击“扑克牌”以及运算符按钮进行运算，单击“计算”按钮时，系统会自动判断结果是否
4、是24，并给出反馈信息，同时系统会自动计时。二 创建初始界面JavaScript是一个脚本语言，需要嵌套到HTML语言才能运行。所以，我们首先使用HTML语言来为该游戏创建一个简单的初始界面。游戏的网页界面分为2个区域：扑克牌显示区，计算区域。（一） 扑克牌显示区 首先创建扑克牌显示区。HTML语言有一个table表格属性。使用四个图像文件，将他们放入一个表格中，然后放入一个div，图像文件最初使用扑克牌的背景图片，在游戏过程中，将会动态改变这些图像的源文件，以显示系统所发的扑克牌的实际图像。在HTML文档的BODY区使用如下代码： &
5、nbsp; table border=0 bgcolor=black cellspacing=0 cellpadding=0 是表格的属性设置。 border=0 将表格设置为无边框 bgcolor=black 将表格颜色设置为黑色 cellspacing=0 cellpadding=0 表元间距和表元空隙均为0（二）计算区域 计算区域是用户进行操作的主要区域，因此比较复杂。同样，我们使用一个表格来进行布局，这个表格放入到一个div中并居中。由于使用了大量的按钮，所以将这些按钮放入到一个表单中。在HTML文档的BODY区使用如下代码： 一共设置了11个操作按
6、钮和运算符按钮，其属性和作用如下表所示 按钮序号Name属性Value 属性作用1 B6 + 加法运算符 2 B7 - 减法运算符 3 B8 * 乘法运算符 4 B9 / 除法运算符 5 B10 （ 左括号 6 B11 ） 右括号 7 B12 计算 计算表达式的值 8 B13 无解 让用户选择“无解” 9 B14 重玩 重新开始同一局 10 B16 显示运算表达式 11 B17 00：00 显示时间 在默认情况下，浏览器会自动给出按钮尺寸，大小为刚好显示按钮上的文字，因此，调整按钮大小的最简单的方法，就是在按钮的显示文字中添加适当数目的空格。 至此，我们已经设置好了游戏的初始界面。三 自动发牌
7、单击“开始”按钮时，系统需要随机地发出4张纸牌，显示在扑克牌显示区。同时，在计算器区域，也要显示相对应的4张缩略图。（一） 制作图象文件首先，要制作10个图像文件，分别为10张扑克牌的图片（即A，2，3，4，5，6，7，8，9，10）。并将图像文件根据大小命名，规则如下： A，2，直到10，依次命名为：1.jpg10.jpg 如何制作这些扑克牌图片呢？ 在windows 附件的游戏中有一个纸牌游戏，里面有扑克牌的图像，因此我们可以利用它制作我们所需要的图象文件。方法：先运行这个纸牌游戏，找到你想要的牌，然后运行QQ程序，利用QQ程序里面的抓图工具，将你所需要的图片抓下来并保存在特点的文件夹里面，并按照上面的命名规则命名。此外还要制作一张图片作为背景图像，保存为background.jpg 。例如： background.jpg（二） 随机发牌 要实现随机发牌效果，需要用到随机函数，利用一个循环，产生4个1到10之间的随机数，然后根据随机数的大小将网页中的图像的源文件指向相应的图像文件。首先定义一个全局变量flag，用于标识游戏是否已经开始，
