21、经典游戏编程实现:石头剪刀布与猜单词游戏

经典游戏编程实现:石头剪刀布与猜单词游戏

1. 石头剪刀布游戏实现

石头剪刀布是一款广为人知的游戏,下面我们将详细探讨如何运用 HTML5、JavaScript 和 CSS 来实现这个游戏。

1.1 函数调用关系

在这个游戏里,函数的调用关系如下表所示:
| 函数 | 调用者 | 被调用函数 |
| — | — | — |
| init | <body> 标签的 onLoad 事件 | drawAll |
| drawAll | init, choose | 调用每个对象的 draw 方法(在本应用中为 drawThrow) |
| Throw | 全局变量的 var 语句 | - |
| drawThrow | drawAll 通过 Throw 对象的 draw 方法调用 | - |
| choose | init 中的 addEventListener 调用 | drawAll |
| flyin | choose 中的 setInterval 调用 | - |

从这个表格能够看出,大部分函数的调用是通过事件处理隐式完成的,而非一个函数直接调用另一个函数。在 init 函数完成初始化设置之后,主要的工作由 choose 函数来执行。游戏规则的关键信息存于两个二维数组之中。

1.2 完整代码及解释

以下是石头剪刀布

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值