一:技术栈
react + vite + ts + antd
仓库地址:
https://github.com/xzy0625/jilegeji
二: 体验网址
三: 游戏展示
3.1 配置界面:
3.2游戏界面:
3.3游戏结束界面:
四:运行
yarn install
yarn dev
五:核心原理
- 由于没有使用redux,所有的配置都放置在顶层组件上,方便使用
- 地图看成一个三维空间,每一个平面(x, y)都可以确定一个方块,一个方块占据四个点位
- 计算层叠关系的时候关键就是要考虑更高层的点位上是否有卡片
- 代码中已有详细注释,可以自行翻阅
六:后续
所有代码均已开源(仓库地址),请勿做其他用处。由于是闲暇时间所做,难免会有bug,也欢迎大家踊跃提issuse,代码有不懂的也可以留言,作者看到了会第一时间回复