DaBeiYou合成大西瓜游戏实现示例(基于Vue3和Matter.js)
合成大西瓜的同款玩法,用 Vue3 和 Matter.js 撸出来的《合成大北邮》,体验还挺的。玩法上多了点小心机,只有在碰撞稳定后才会触发合并,合起来更有节奏感,不像原版那么“随缘”。
合成大北邮的玩法靠Matter.js来搞物理引擎,细节挺到位的。重力感应也加进来了,你可以甩手机控制方向,嗯,这一块体验还蛮刺激的,是在合到后期图的时候,手感比较上头。
图像资源全都写在src/config.js
里,支持自定义替换,图片数量你爱加几个都行。配合assetLoader
提前预加载,不卡顿,响应也快,适合拿来改造成你自己的合成游戏。
游戏的终点不是第 12 图哦,第 11 图合成成功才算通关,第 12 张其实是个隐藏彩蛋图,还挺有意思的。如果你想改通关逻辑,去动下Play.vue
里的判断就行。
排行榜模块也留了接口,前端在Rank.vue
,上传逻辑加在endGame
函数那块。想做在线版,直接对接个后端 API 就好。如果你用的是 Node 或者 Serverless,拉通也挺方便的。
对了,建议浏览下重力感应 demo,你要想自己加点新玩法,思路挺有启发的。
如果你想搞个自己的合成游戏,或者拿这个当模板加点 IP 变种,《合成大北邮》这个项目还蛮值得一试的,代码结构清晰,改动灵活,适合拿来开刀。
1.83MB
文件大小:
评论区