DaBeiYou:合成大北邮:使用Vue3和Matter.js从零开始实现的合成大西瓜游戏,带有重力感应新玩法-源码

上传者: 42178688 | 上传时间: 2021-06-23 13:11:59 | 文件大小: 1.83MB | 文件类型: ZIP
Vue
合成大北邮 使用Vue.js 3和Matter.js从零开始实现的合成大西瓜游戏,带有重力感应新玩法, 玩法变动 稳定碰撞才会触发合并,增加不确定性 支持重力感应,可以甩手机体验刺激玩法 合成到最后一种图之后不会立刻停止,而是允许用户继续刷分、冲榜 普通大西瓜游戏共有11种图,本项目有12种,多出的一种作为“彩蛋”——当合成到第11种时,就会判定为游戏通关。此行为可以在Play.vue中修改 带有一个排行榜页面,可自己附加后端实现排行榜 改图方式 Clone本项目 修改src/config.js,替换导入的图片、每种图的大小和分数。图片数量可以任意增减。 最简单实现排行榜 在Play.vue中endGame函数处加入上传分数相关代码 在Rank.vue中拉取排名 后端实现在 文件夹中 注意事项 由于使用assetLoader在webpack loader中加入了图片预加载功能,导入的图片

文件下载

资源详情

[{"title":"( 37 个子文件 1.83MB ) DaBeiYou:合成大北邮:使用Vue3和Matter.js从零开始实现的合成大西瓜游戏,带有重力感应新玩法-源码","children":[{"title":"DaBeiYou-main","children":[{"title":".gitignore <span style='color:#111;'> 231B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 1.38KB </span>","children":null,"spread":false},{"title":".browserslistrc <span style='color:#111;'> 30B </span>","children":null,"spread":false},{"title":"public","children":[{"title":"static","children":[{"title":"img","children":[{"title":"load.png <span style='color:#111;'> 12.51KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"index.html <span style='color:#111;'> 1.74KB </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 4.19KB </span>","children":null,"spread":false}],"spread":true},{"title":"LICENSE <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1014B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"views","children":[{"title":"Play.vue <span style='color:#111;'> 5.86KB </span>","children":null,"spread":false},{"title":"Rank.vue <span style='color:#111;'> 2.01KB </span>","children":null,"spread":false}],"spread":true},{"title":"main.js <span style='color:#111;'> 316B </span>","children":null,"spread":false},{"title":"game","children":[{"title":"ScoreButton.vue <span style='color:#111;'> 1.18KB </span>","children":null,"spread":false},{"title":"GravityController.vue <span style='color:#111;'> 2.33KB </span>","children":null,"spread":false},{"title":"Stage.vue <span style='color:#111;'> 11.03KB </span>","children":null,"spread":false}],"spread":true},{"title":"router","children":[{"title":"index.js <span style='color:#111;'> 1.18KB </span>","children":null,"spread":false}],"spread":true},{"title":"App.vue <span style='color:#111;'> 788B </span>","children":null,"spread":false},{"title":"config.js <span style='color:#111;'> 1.95KB </span>","children":null,"spread":false},{"title":"assets","children":[{"title":"images","children":[{"title":"5.png <span style='color:#111;'> 69.02KB </span>","children":null,"spread":false},{"title":"3.png <span style='color:#111;'> 24.55KB </span>","children":null,"spread":false},{"title":"11.png <span style='color:#111;'> 307.56KB </span>","children":null,"spread":false},{"title":"4.png <span style='color:#111;'> 37.96KB </span>","children":null,"spread":false},{"title":"9.png <span style='color:#111;'> 223.26KB </span>","children":null,"spread":false},{"title":"7.png <span style='color:#111;'> 134.54KB </span>","children":null,"spread":false},{"title":"10.png <span style='color:#111;'> 307.19KB </span>","children":null,"spread":false},{"title":"12.png <span style='color:#111;'> 320.17KB </span>","children":null,"spread":false},{"title":"8.png <span style='color:#111;'> 167.04KB </span>","children":null,"spread":false},{"title":"6.png <span style='color:#111;'> 134.08KB </span>","children":null,"spread":false},{"title":"1.png <span style='color:#111;'> 7.35KB </span>","children":null,"spread":false},{"title":"2.png <span style='color:#111;'> 9.06KB </span>","children":null,"spread":false}],"spread":false}],"spread":false}],"spread":true},{"title":"backend","children":[{"title":"README.md <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"scores.sql <span style='color:#111;'> 221B </span>","children":null,"spread":false},{"title":"run.py <span style='color:#111;'> 2.53KB </span>","children":null,"spread":false}],"spread":true},{"title":"babel.config.js <span style='color:#111;'> 288B </span>","children":null,"spread":false},{"title":"yarn.lock <span style='color:#111;'> 379.97KB </span>","children":null,"spread":false},{"title":".eslintrc.js <span style='color:#111;'> 338B </span>","children":null,"spread":false},{"title":"vue.config.js <span style='color:#111;'> 1.86KB </span>","children":null,"spread":false},{"title":".prettierrc.js <span style='color:#111;'> 1.31KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明