WEB前端教程：刽子手游戏(Hangman Game)
实现一个经典猜词游戏，刽子手游戏（hangman ganme）
阅读
您需要掌握知识点：
刽子手游戏教程
- 创建猜单词游戏（Hangman）(opens new window)
- 如何使用 javascript 实现一个刽子手游戏(opens new window)
- 视频：Vanilla JavaScript Hangman Game Tutorial - No Frameworks(opens new window)
编码
实现一个经典猜词游戏，刽子手游戏（hangman ganme）。玩家尝试猜测一个单词，一旦玩家猜错一次，套索上的简笔就添加一笔，一旦绘制了全身，游戏就结束了，玩家输了。
- 在这里 (opens new window)刽子手游戏起源和规则
- 你可以在这里 (opens new window)体验刽子手游戏
大家可以随意按照自己的喜欢进行游戏界面设计,这里提供一个设计 (opens new window)参考
任务需求
- 玩家点击开始游戏按钮，进入游戏界面开始猜单词
- 玩家能够看到需要猜测的单词的字母数
- 玩家能够从键盘输入字母
- 如果匹配，则字母应出现在单词内的正确位置
- 如果没有匹配，则应该绘制该人的一部分，并且玩家应该看到剩余的猜错次数
- 绘制人的部分可以使用 cavas/svg 或 DOM+CSS 来实现，或者直接使用图片，皆可。
- 重复输入一个错误字母两次时显示通知，已经输入过了，并且这次输入不计数
- 在游戏输赢时显示弹出窗口，如果这个词被猜到了，你应该得到一个胜利状态的提醒框，如果单词没有被猜到，则提示游戏失败
- 点击重玩按钮重新开始游戏
更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。
长按或扫描下方二维码，免费获取 Python公开课和大佬打包整理的几百G的学习资料，内容包含但不限于Python电子书、教程、项目接单、源码等等
- 发表于 2022-11-03 14:27
- 阅读 ( 710 )
- 分类：WEB前端开发
