## 游戏体验 - 进入游戏后有三个体验账号，可以在主城页面匹配体验联机对战。 - 玩家也可以进入游戏后注册自己的账号体验游戏 - 游戏第一次打开会比较慢，请耐心等待（最低配的云服务器）。 - [web体验地址](https://fahuang.fun/frontend/cocoscreator/fssy-online/web-mobile/index.html) - [安卓下载地址](https://fahuang.fun/frontend/cocoscreator/fssy-online/fssy-online-release.apk) - [单机版源码](https://store.cocos.com/app/detail/5368) ## 开发环境 - 引擎版本：Cocos Creator 3.6.1 - 前端编程语言：TypeScript - 后端框架：FastAPI - 后端编程语言：Python 3.6 - 通讯方式：Http、Websocket - 数据库：Mysql 8.0.28 ## 已适配平台 |H5|微信小游戏|Android原生|iOS原生|抖音小游戏|OPPO小游戏|vivo小游戏| |-|-|-|-|-|-|-| |✔|✔|✔|✘|✘|✘|✘| ## 游戏简介《绯色神域online》是一款二次元卡牌对战游戏，以浓郁的日系风格和精美的卡牌画风为特色。玩家可以通过收集各种角色卡牌来组建自己的阵容，每个角色都有独特的技能和特点，可以在战斗中展现出强大的实力。 ## 项目说明 - 基于这套源码，可以学会搭建前后端框架、使用Centos服务器部署、Http域名绑定、ICP备案、Nginx转发等游戏开发到上线的流程 - 该资源从0开始搭建了前端、后端开发框架（[前后端框架说明](https://gitee.com/haolinzhou/technical-documentation/tree/master/CocosCreator/通用文档/框架说明)），并且这套框架下已经开发了各种类型的游戏（[其他源码](https://store.cocos.com/app/search?name=haolinzhou)），您可以通过该资源学习如何搭建前后端通用开发框架。 - Http域名的绑定、ICP备案、域名购买等可以参考（[其他文档](https://gitee.com/haolinzhou/technical-documentation/blob/master/通用文档/其他文档.md)） - 游戏本地启动：前端代码中把script/common/GlobalVar.ts文件中的server_url和ws_url改为本地，然后运行后端项目即可。[运行指引](https://gitee.com/haolinzhou/technical-documentation/blob/master/CocosCreator/绯色神域/运行指引.md)
![image.png](https://download.cocos.com/CocosStore/resource/a9a2f52f13f54eadae23a4504d206058/a9a2f52f13f54eadae23a4504d206058.png) ## 游戏玩法 - 玩家可以选择挂机模式，挂机模式中，角色会自动战斗 - 玩家可以选择手动挑战，每个回合玩家输入指令，选择要进攻的我方角色以及被打击的敌方角色即可进攻对方。
![单体.gif](https://download.cocos.com/CocosStore/markdown/4a690d4c39d3483db41e50c8d0318f53/4a690d4c39d3483db41e50c8d0318f53.gif) - 群伤角色只需要选择要进攻的我方角色即可。
![群体.gif](https://download.cocos.com/CocosStore/markdown/be95e00893ef4544a09d0acb0dae4216/be95e00893ef4544a09d0acb0dae4216.gif) - 不同角色有不同的技能，技能分为群伤、单体攻击、单体连续攻击。群伤会进攻敌方所有人，单体攻击只进攻一名敌人，单体连续攻击会随机挑选对面的敌人多次攻击。
![多段.gif](https://download.cocos.com/CocosStore/markdown/3e611e4393b948b6a7d70bc1209d8276/3e611e4393b948b6a7d70bc1209d8276.gif) - 部分技能有特殊效果。封印可以让敌人本回合无法攻击，重伤可以让敌人后续受到攻击会另外承受额外伤害，回避率提高可以让自己miss几率增大，免伤可以让自己后续受到的伤害减少等。 ## 游戏运营 [excel游戏配置](https://gitee.com/haolinzhou/technical-documentation/blob/master/CocosCreator/绯色神域/excel游戏配置.md)
游戏的大部分功能都可以使用excel配置实现，**不需要写任何代码**，你可以修改excel配置不断新增关卡、角色、任务、副本等。 ### 1. 关卡增加例如增加第30关，就新增一个level30.xlsx（参考前面的关卡复制改名即可），然后修改里面敌人的属性和角色。接着修改game.xlsx的序号0对应的数据为30，再使用导表工具导出即可。
![image.png](https://download.cocos.com/CocosStore/markdown/6e998575fc754b4781860b824f8a088d/6e998575fc754b4781860b824f8a088d.png)
![image.png](https://download.cocos.com/CocosStore/markdown/eb0fcc79547c40e1b5cee90ed3bd4bd1/eb0fcc79547c40e1b5cee90ed3bd4bd1.png) ### 2. 增加激活礼包找到gift.xlsx然后新增一行，设置激活码、奖励和奖励数量即可。
![image.png](https://download.cocos.com/CocosStore/markdown/8e20c453775147d5855f427a9c52f715/8e20c453775147d5855f427a9c52f715.png) ### 3. 增加角色 role.xlsx在role表填写好角色的数据，再在skill.xlsx增加对应技能导出，同时在texture增加role的角色图片和skill的技能图标。角色和技能的图片可以参考这篇文章用AI生成：[ai生成美术资源教程](https://mp.weixin.qq.com/s?__biz=Mzg2MzgxOTcxOA==&mid=2247484151&idx=1&sn=0c31dc242a1de655a4e88b1c17d5707e&chksm=ce73805ef90409483abf7fb23ee54ed89e3c6adec6904faf03f006b144616504051e8f274c91#rd)
![image.png](https://download.cocos.com/CocosStore/markdown/bfbda6a3cbfa4af6a8c54020e198116a/bfbda6a3cbfa4af6a8c54020e198116a.png)
![image.png](https://download.cocos.com/CocosStore/markdown/fdf7ec4d728f46c1979a28e4379ebe82/fdf7ec4d728f46c1979a28e4379ebe82.png)
### 4. 其他 - 修改每日奖励->reward.xlsx - 修改任务->task.xlsx - 修改商城->shop.xlsx - 修改分享奖励->share.xlsx - 修改累计登录奖励->dayReward.xlsx - 修改副本->challenge.xlsx ## 技术特色 [前端框架文档](https://gitee.com/haolinzhou/technical-documentation/blob/master/CocosCreator/通用文档/框架说明/前端框架说明.md)
[后端框架文档](https://gitee.com/haolinzhou/technical-documentation/blob/master/CocosCreator/通用文档/框架说明/后端框架说明.md)
### 1. ECS框架 ### 2. 资源管理框架只需要输入资源的路径，就把可以直接加载对应的资源，同时自动监听资源的释放，对应节点被销毁会自动释放引用的资源。
![image.png](https://download.cocos.com/CocosStore/markdown/ca44e7b75a634b7f8a35485fec490fec/ca44e7b75a634b7f8a35485fec490fec.png) ### 3. PROP监听者模式先监听对应的属性heroName，绑定函数
![image.png](https://download.cocos.com/CocosStore/markdown/c92077a4997e4c8983e4548a587296c0/c92077a4997e4c8983e4548a587296c0.png)
修改heroName后，会自动触发所有绑定的函数
![image.png](https://download.cocos.com/CocosStore/markdown/43b6ed1c798f4f0aa890a269b91bed2e/43b6ed1c798f4f0aa890a269b91bed2e.png) ### 4. 消息管理框架 ### 5. MVC框架一行代码即可创建ItemDlg界面，同时自动把ItemDlgCom添加到对应节点
![image.png](https://download.cocos.com/CocosStore/markdown/fc26bdd7357f43088637c4330f584404/fc26bdd7357f43088637c4330f584404.png) ### 6. UI自动转代码工具选择预制体，点击自动生成代码即可生成节点数据，可以快速获取节点。
![动画.gif](https://download.cocos.com/CocosStore/markdown/f8cd0ab809f74be39ee44417f40474ce/f8cd0ab809f74be39ee44417f40474ce.gif) ### 7. 简单的对象池功能输入预制体路径，自动新增对象池管理资源
![image.png](https://download.cocos.com/CocosStore/markdown/ebc327974c2c4fabab9de89a212cc5fd/ebc327974c2c4fabab9de89a212cc5fd.png) ### 8. 指引功能 ### 9. 导表excel转代码里面附带了现成的excel转ts工具，可以直接导出代码，只需要配置excel即可新增角色、关卡等
![动画.gif](https://download.cocos.com/CocosStore/markdown/f3fea1180c10419e84dfe3696397dfe9/f3fea1180c10419e84dfe3696397dfe9.gif) ### 10. 简单的红点显示管理 ## 技术文档 - 该源码有完整的技术文档，开发过程中遇到任何问题也可以联系作者。 - [前端框架文档](https://gitee.com/haolinzhou/technical-documentation/blob/master/CocosCreator/通用文档/框架说明/前端框架说明.md)：该文档详细说明了前端框架代码以及各个模块的使用 - [后端框架文档](https://gitee.com/haolinzhou/technical-documentation/blob/master/CocosCreator/通用文档/框架说明/后端框架说明.md)：该文档说明了后端的模块以及各个模块的功能实现 - [linux服务器部署](https://gitee.com/haolinzhou/technical-documentation/blob/master/通用文档/linux服务器部署文档.md)：该文档说明了如何在centos服务器上部署项目，以及部署项目所需要执行的指令 - [游戏逻辑文档](https://gitee.com/haolinzhou/technical-documentation/blob/master/CocosCreator/绯色神域/游戏逻辑说明.md)：该文档说明了游戏的逻辑控制实现 - [运行指引](https://gitee.com/haolinzhou/technical-documentation/blob/master/CocosCreator/绯色神域/运行指引.md)：第一次运行项目指引 - [excel游戏配置](https://gitee.com/haolinzhou/technical-documentation/blob/master/CocosCreator/绯色神域/excel游戏配置.md)：游戏的导表配置 - [https的nginx配置](https://gitee.com/haolinzhou/technical-documentation/blob/master/通用文档/https的nginx配置.md)：配置nginx转发，配置ssl - [其他文档](https://gitee.com/haolinzhou/technical-documentation/blob/master/通用文档/其他文档.md)：记录一些备案、服务器部署、域名配置等链接和服务器文件路径等 - [文档汇总](https://gitee.com/haolinzhou/technical-documentation/tree/master/)：这里将汇总所有的项目文档，后续新增的文档可以在这里查看 ## 其他说明如果有购买《绯色神域》单机版的客户，可以联系作者升级购买网络版。[单机版源码](https://store.cocos.com/app/detail/5368) ## [商城其他源码](https://store.cocos.com/app/search?name=haolinzhou) [个人源码网站](https://fahuang.fun/frontend/page/me/index.html)
|[![](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) ## 联系作者微信号：devzhl
![e822ef592a90e1b9f4a1ca5ef717066.jpg](https://download.cocos.com/CocosStore/markdown/9bea16608cac4bbfa5686ead6892bfd5/9bea16608cac4bbfa5686ead6892bfd5.jpg) ## 购买须知本产品为付费虚拟商品，一经购买成功概不退款，请在购买谨慎确认购买内容。 ## 版权声明 - 该游戏的框架和代码可以商业化使用，角色由AI生成可以随意使用。 - 本套源码不可转卖，不可众筹。 - 严重声明：请用于合法项目，若发现用于涉嫌违法项目，将中止任何交流与合作，且概不退款。