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