JavaScript大富翁,复刻了童年与小伙伴玩的经典大富翁游戏。
思路
HTML & CSS
配置选项框:选择金钱、玩家人数、电脑人数
选择角色框:选择角色
主地图:通过grid布局实现,通过JS动态添加棋格;中间的超大格子用来存放各种游戏信息,从上到下依次为:当前玩家、游戏选项、掷骰子区、玩家信息区。
各种组件:角色棋子、房子、升级房子的动画、购买框、消息框、地产信息卡片。
开始(initializing.js)
选择人数
选择角色
游戏开局
进行时(monopoly.js)
主线
掷骰子
角色根据骰子点数setInterval移动
setTimeout停下后触发棋格事件
事件完成后轮到下一个玩家
其他
处理买地和升级地产
判断玩家顺序(避开停止和破产状态)
判断玩家破产
判断游戏结束
数据(data.js)
角色棋子
名字
金钱
状态(活跃或破产)
停止(代表天数,默认为0)
是否玩家控制
对应DOM节点
当前在棋格位置
棋格
地名
地价
状态(对应普通地产的等级或特殊区域)
对应DOM节点
机会命运
说明文字
金钱数值
是否停止
DOM操作(dom-binding.js)
实现所有界面内容显示相关内容
王二空间
- 粉丝: 7234
- 资源: 2087
最新资源
- 基于 B 站评论区数据构建大语言模型训练用对话数据集详细文档+全部资料+源码.zip
- 基于 Apache Flink 构建赤兔实时计算平台是的企业级、一站式、高性能、低门槛实时大数据实时计算平台,广泛适用于流式数据应用开发场景详细文档+全部资料+源码.zip
- 基于 JavaFX+Pcap4J 开发的一个强大的跨平台底层数据包工具箱 sunny详细文档+全部资料+源码.zip
- 基于 vue、datav、Echart 框架的大数据可视化(大屏展示)模板详细文档+全部资料+源码.zip
- 基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统详细文档+全部资料+源码.zip
- 基于.Net8+AntBlazor+SemanticKernel 和KernelMemory 打造的AI知识库智能体,支持本地离线AI大模型。可以不联网离线运行
- 基于Apache POI导出大数据量(百万级)Excel的实现详细文档+全部资料+源码.zip
- 基于Android中原生SDK操作SQLite的封装,提升App的开发效率详细文档+全部资料+源码.zip
- 基于ak-design可视化低代码快速开发平台,通过可视化的操作,可轻松快速完成拖拽表单编辑设计器、数据列表页设计、流程管理设计器、数据大屏可视化拖拽设计编辑器
- 基于BufferedRandomAccessFile+Forkjoin读取大数据文件详细文档+全部资料+源码.zip
- 基于C#,数据库的大学生宿舍管理系统详细文档+全部资料+源码.zip
- 基于CNN训练的一套 "端到端" 的验证码识别模型,使用深度学习+训练数据+大量计算力,纯数字识别率高达 99.99%,数字+字母识别率 96%详细文档+全部资料+源码.zip
- 基于easyexcel大数据量数据导入导出异步处理组件详细文档+全部资料+源码.zip
- 基于Element-UI的Table 组件开发的虚拟滚动组件,支持动态高度,解决数据量大时滚动卡顿的问题详细文档+全部资料+源码.zip
- 基于Echarts的可视化数据大屏设计器(包含设计、预览、分享等全部流程)详细文档+全部资料+源码.zip
- 基于Echarts实现的数据中心超大屏幕监控详细文档+全部资料+源码.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈