## 联系作者微信号：devzhl
![联系方式.png](https://download.cocos.com/CocosStore/resource/09608040fe2242a7ac32fb3321319836/09608040fe2242a7ac32fb3321319836.png) ## 游戏体验 - [web体验地址](https://fahuang.fun/frontend/cocoscreator/txjd-online/web-mobile/index.html) - 进入游戏后创建房间，然后再开一个网页进入房间即可开始对战 ## 开发环境 - 引擎版本：Cocos Creator 3.6.1 - 前端编程语言：TypeScript - 后端框架：FastAPI - 后端编程语言：Python 3.6 - 通讯方式：Http、Websocket ## 项目运行 - 使用Pycharm打开txjd-server项目，导入requirements.txt中所需的模块 - 选中main_txjd_online.py运行即可 - Cocos Creator打开项目，打开main.scene场景 - 修改代码GlobalVar.ts中server_url和ws_url使用注释掉的本地ip服务即可运行客户端。 ## 已适配平台 |H5|微信小游戏|Android原生|iOS原生|抖音小游戏|OPPO小游戏|vivo小游戏| |-|-|-|-|-|-|-| |✔|✘|✘|✘|✘|✘|✘| ## 技术特色 - [帧同步文档](https://gitee.com/haolinzhou/technical-documentation/blob/master/通用文档/帧同步说明.md)、[游戏中帧同步实现](https://gitee.com/haolinzhou/technical-documentation/blob/master/CocosCreator/图形决斗/游戏逻辑说明.md)：该游戏使用了帧同步的同步方式，实现了预判、追帧、数据备份、回滚状态、演算速率控制等功能。 - 预判（服务器对应帧数据未到，可以按收到的最后一帧数据继续演算） - 追帧（客户端演算过慢，加速演算追上服务器当前所在的帧） - 数据备份（演算完一个服务器帧，备份当前状态数据） - 回滚（预判演算的时候，如果与实际不对应，则回滚到开始预判的状态） - 自定义数据结构OFloat：浮点数封装运算，避免帧同步的浮点数异常。基本的四则运算都有。 - 自定义数据结构OVec3：三维向量的封装运算，包括基本的四则运算、平方、开方、点乘、叉乘、归一化等 - [文档汇总](https://gitee.com/haolinzhou/technical-documentation/tree/master/)：这里将汇总所有的项目文档，后续新增的文档可以在这里查看 ## 玩法 - 玩家选择对应的图形后，点击我方地盘即可上阵小兵进攻敌方。
![图形上阵.gif](https://download.cocos.com/CocosStore/resource/7ab50973e3404af3bfee3cc59423a011/7ab50973e3404af3bfee3cc59423a011.gif) - 三角形：低能量，单体攻击
![三角形.gif](https://download.cocos.com/CocosStore/resource/a2c1f28e3e0b46b699d7e920b05ad0b6/a2c1f28e3e0b46b699d7e920b05ad0b6.gif) - 橙色正方形：肉盾，有较高的血量和移动速度
![橙色正方形.gif](https://download.cocos.com/CocosStore/resource/10b8bdfd2d2846c4a6ad6089e09fc30a/10b8bdfd2d2846c4a6ad6089e09fc30a.gif) - 黄色多边形：范围伤害
![黄色多边形.gif](https://download.cocos.com/CocosStore/resource/a2dcd381c8284ad1858932a16502cceb/a2dcd381c8284ad1858932a16502cceb.gif) - 蓝色正方形：激光穿透伤害
![蓝色正方形.gif](https://download.cocos.com/CocosStore/resource/3c86b9bccc3746809352b221d58ade92/3c86b9bccc3746809352b221d58ade92.gif) - 红色圆形：回血
![红色圆形.gif](https://download.cocos.com/CocosStore/resource/6dfdd959b8124d05992d7912ca24e20d/6dfdd959b8124d05992d7912ca24e20d.gif) - 通过多种图形的搭配，选择上阵时机和合理的布阵取得胜利。
![混战.gif](https://download.cocos.com/CocosStore/resource/1bd7647fe55a4d58a5f0fa427227ba88/1bd7647fe55a4d58a5f0fa427227ba88.gif) ## 属性配置 - 角色表（role.xlsx）：配置各个图形的属性
![image.png](https://download.cocos.com/CocosStore/resource/6fd85f3bb9a44ec0b93d9ee05f1ea2f8/6fd85f3bb9a44ec0b93d9ee05f1ea2f8.png) - 子弹表（fire.xlsx）：配置各个子弹的属性
![image.png](https://download.cocos.com/CocosStore/resource/7c1f2018c42b4fe597937fc9cc61a877/7c1f2018c42b4fe597937fc9cc61a877.png) ## [商城其他源码](https://store.cocos.com/app/search?name=haolinzhou) |[![](https://download-cn.cocos.com/CocosStore/resource/2023-10-05/sys/b1ddc84c11bd4cdcb5b28abd59fbcc04/b1ddc84c11bd4cdcb5b28abd59fbcc04.png)](https://store.cocos.com/app/detail/5368)
[**《绯色神域》ai生成的卡牌回合制游戏**](https://store.cocos.com/app/detail/5368) |[![](https://download-cn.cocos.com/CocosStore/resource/2024-01-15/sys/0e12bb9ea35744ff86b09ee6f4952054/0e12bb9ea35744ff86b09ee6f4952054.png)](https://store.cocos.com/app/detail/5797)
[**《幻境之巅》联机对战消除类回合制游戏**](https://store.cocos.com/app/detail/5797)|[![](https://download.cocos.com/CocosStore/icon/af79ccbf01754e26b94de382769acdd8/af79ccbf01754e26b94de382769acdd8.png)](https://store.cocos.com/app/detail/4874)
[**文字斗争**](https://store.cocos.com/app/detail/4874) |[![](https://download.cocos.com/CocosStore/icon/af7969e9ab7a43ee834fa6a5dee4dbed/af7969e9ab7a43ee834fa6a5dee4dbed.png)](https://store.cocos.com/app/detail/4929)
[**游戏开发集成工具**](https://store.cocos.com/app/detail/4929) | | :---: | :--: | :---: | :--: | | [![](https://download.cocos.com/CocosStore/icon/9b16e66fa4994adc8e64a94cf3672308/9b16e66fa4994adc8e64a94cf3672308.png)](https://store.cocos.com/app/detail/5050)
[**消消乐（PC、安卓、H5）益智类项目展示+完整项目源码**](https://store.cocos.com/app/detail/5050) | [![](https://download.cocos.com/CocosStore/icon/dbc97e89b0b74afea65b99cd52662bfa/dbc97e89b0b74afea65b99cd52662bfa.png)](https://store.cocos.com/app/detail/5187)
[**搞心态小游戏-闯关类**](https://store.cocos.com/app/detail/5187)| [![](https://download-cn.cocos.com/CocosStore/resource/2023-11-06/sys/c6cf6d707d0a43e78142b7f2271dd020/c6cf6d707d0a43e78142b7f2271dd020.png)](https://store.cocos.com/app/detail/5495)
[**几何武装蛇**](https://store.cocos.com/app/detail/5495)|[![](https://download-cn.cocos.com/CocosStore/resource/2023-11-18/sys/38426ca4b75447d6a4eb822fce6ca7a9/38426ca4b75447d6a4eb822fce6ca7a9.png)](https://store.cocos.com/app/detail/5544)
[**喵喵退退退**](https://store.cocos.com/app/detail/5544) |[![](https://download-cn.cocos.com/CocosStore/resource/2023-10-17/sys/fb163fffb8d8445fa59fe9e856f4f577/fb163fffb8d8445fa59fe9e856f4f577.png)](https://store.cocos.com/app/detail/5420)
[**基于函数替换的热重载**](https://store.cocos.com/app/detail/5420)|[![](https://download.cocos.com/CocosStore/icon/c581954fe4a04a34a43ae95082ce6ca2/c581954fe4a04a34a43ae95082ce6ca2.png)](https://store.cocos.com/app/detail/5140)
[**python游戏分布式强连接框架**](https://store.cocos.com/app/detail/5140)|[![](https://download-cn.cocos.com/CocosStore/resource/2023-11-28/sys/85abd74c61bb42ee8bb6983fe90367e1/85abd74c61bb42ee8bb6983fe90367e1.png)](https://store.cocos.com/app/detail/5582)
[**常用动画效果**](https://store.cocos.com/app/detail/5582)|[![](https://download.cocos.com/CocosStore/resource/047891baa5474059936a6480c3e592d0/047891baa5474059936a6480c3e592d0.png)](https://store.cocos.com/app/detail/5901)
[**AI生成资源汇总**](https://store.cocos.com/app/detail/5901) ## 购买须知本产品为付费虚拟商品，一经购买成功概不退款，请在购买谨慎确认购买内容。 ## 版权声明 - 该游戏的框架和代码可以商业化使用。 - 本套源码不可转卖，不可众筹。 - 严重声明：请用于合法项目，若发现用于涉嫌违法项目，将中止任何交流与合作，且概不退款。