JavaScript大富翁,复刻了童年与小伙伴玩的经典大富翁游戏。
思路
HTML & CSS
配置选项框:选择金钱、玩家人数、电脑人数
选择角色框:选择角色
主地图:通过grid布局实现,通过JS动态添加棋格;中间的超大格子用来存放各种游戏信息,从上到下依次为:当前玩家、游戏选项、掷骰子区、玩家信息区。
各种组件:角色棋子、房子、升级房子的动画、购买框、消息框、地产信息卡片。
开始(initializing.js)
选择人数
选择角色
游戏开局
进行时(monopoly.js)
主线
掷骰子
角色根据骰子点数setInterval移动
setTimeout停下后触发棋格事件
事件完成后轮到下一个玩家
其他
处理买地和升级地产
判断玩家顺序(避开停止和破产状态)
判断玩家破产
判断游戏结束
数据(data.js)
角色棋子
名字
金钱
状态(活跃或破产)
停止(代表天数,默认为0)
是否玩家控制
对应DOM节点
当前在棋格位置
棋格
地名
地价
状态(对应普通地产的等级或特殊区域)
对应DOM节点
机会命运
说明文字
金钱数值
是否停止
DOM操作(dom-binding.js)
实现所有界面内容显示相关内容
没有合适的资源?快使用搜索试试~ 我知道了~
基于html+JavaScript的大富翁游戏,复刻了童年与小伙伴玩的经典大富翁游戏 (源码+文档说明)
共37个文件
png:16个
jpg:8个
js:7个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 181 浏览量
2024-11-07
10:53:22
上传
评论
收藏 2.25MB ZIP 举报
温馨提示
基于html+JavaScript的大富翁游戏,复刻了童年与小伙伴玩的经典大富翁游戏 (源码+文档说明),含有代码注释,新手也可看懂,个人手打98分项目,导师非常认可的高分项目,毕业设计、期末大作业和课程设计高分必看,下载下来,简单部署,就可以使用。该项目可以直接作为毕设、期末大作业使用,代码都在里面,系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值,项目都经过严格调试,确保可以运行! 基于html+JavaScript的大富翁游戏,复刻了童年与小伙伴玩的经典大富翁游戏 (源码+文档说明)基于html+JavaScript的大富翁游戏,复刻了童年与小伙伴玩的经典大富翁游戏 (源码+文档说明)基于html+JavaScript的大富翁游戏,复刻了童年与小伙伴玩的经典大富翁游戏 (源码+文档说明)基于html+JavaScript的大富翁游戏,复刻了童年与小伙伴玩的经典大富翁游戏 (源码+文档说明)基于html+JavaScript的大富翁游戏,复刻了童年与小伙伴玩的经典大富翁游戏 (源码+文档说明)基于html+JavaScript的大富翁游戏,复刻了童年与
资源推荐
资源详情
资源评论
收起资源包目录
基于html+JavaScript实现的大富翁游戏,复刻了童年与小伙伴玩的经典大富翁游戏 (源码+文档).zip (37个子文件)
-master
webpack.config.js 346B
src
js
data.js 5KB
initializing.js 1KB
monopoly.js 7KB
dom-binding.js 10KB
index.js 23KB
package.json 658B
public
img
l3.png 24KB
2.jpg 5KB
c3.png 229KB
Joker.png 149KB
s1.jpg 10KB
s2.jpg 11KB
c1.png 184KB
l2.png 45KB
arrow.png 9KB
6.jpg 5KB
1.jpg 5KB
Harley Quinn.png 147KB
Green Lantern.png 177KB
l1.png 61KB
c4.png 4KB
c2.png 144KB
5.jpg 5KB
Superman.png 170KB
Batman.png 227KB
c5.png 367KB
Robin.png 166KB
Catwoman.png 166KB
3.jpg 5KB
4.jpg 5KB
monopoly.css 8KB
index.html 4KB
index.js 12KB
文档.txt 1KB
package-lock.json 141KB
.gitignore 13B
共 37 条
- 1
资源评论
王二空间
- 粉丝: 6411
- 资源: 1785
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- MATLAB界面设计报告.pdf
- 基于PHP实现的学生宿舍管理系统+项目源码+文档说明
- 微信小程序制作方案及流程-微信程序方案.pdf
- 【java毕业设计】家用电器销售网站源码(ssm+jsp+mysql+说明文档+LW).zip
- 【java毕业设计】固定资产管理系统源码(ssm+jsp+mysql+说明文档+LW).zip
- 如何降低电源的待机功耗
- Java基础面试题梳理及其关键知识点解析
- 【java毕业设计】个性化影片推荐系统源码(ssm+jsp+mysql+说明文档+LW).zip
- 课堂作业-基于PHP实现功能简单的学生管理系统+项目源码+文档说明
- 【java毕业设计】个人交友网站源码(ssm+jsp+mysql+说明文档+LW).zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功