javascript的游戏程序设计方案与实现速算24.doc

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 （三） 调用函数stoptime（）和ctime（）………………………………………………14 （四） 对时间的反馈 …………………………………………………………………………14 总结 …………………………………………………………………………………15 参考文献 ……………………………………………………………………………16 附录 …………………………………………………………………………………17 JavaScript的游戏程序设计与实现 ——速算“24” 摘要 JavaScript是一种易于使用的对象描述语言，它是为了创建真正的联机应用程序而设计的，无论是在用户端还是在服务器端，这种应用程序都可以将对象和资源连接在一起。运用JavaScript开发一个速算“24”游戏，该游戏实现如何在JavaScript中进行数学运算和相关处理以及如何实现计时。 关键词 游戏 语言 动态显示 计时 运算 JavaScript 是由Java继承而来的，是一种面向对象的程序设计的脚本语言。JavaScript为Web页面设计人员提供了极大的灵活性和控制手段。他是一种优秀的“粘合剂”，能够将一个Web节点中的文字，图形，声音和动画等各种媒体形式捆绑在一起。下面我们将通过制作“速算24”这个游戏，来更深入的了解，学习JavaScript 。 一 “速算24”游戏说明 “速算24”是一个考察心算能力，有助于智力开发的扑克游戏。给出4张扑克牌之后，要求应用这些扑克牌数字做数学运算，迅速构造出一个数学表达式得出结果24。 游戏的初始界面如下图所示 单击“开始”按钮开始游戏，系统自动发牌。如下图所示。 然后可以在计算器区域单击“扑克牌”以及运算符按钮进行运算，单击“计算”按钮时，系统会自动判断结果是否是24，并给出反馈信息，同时系统会自动计时。 二 创建初始界面 JavaScript是一个脚本语言，需要嵌套到HTML语言才能运行。所以，我们首先使用HTML语言来为该游戏创建一个简单的初始界面。游戏的网页界面分为2个区域：扑克牌显示区，计算区域。 （一） 扑克牌显示区 首先创建扑克牌显示区。HTML语言有一个table表格属性。使用四个图像文件，将他们放入一个表格中