Cocos Creator前端源码的工程结构与版本适配
📦

Cocos Creator前端源码的工程结构与版本适配

分类:其他源码 VIP 专属 价格:91.05 USDT 下载:0

能不能直接二开,关键看前端是源码还是编译包。外面流传的版本大多只带编译后的H5包,UI层改不动。这份优米H5多语言电玩源码带了完整的Cocos Creator工程目录,部署的时候跟纯H5包对比过差别很明显——纯H5包只能改资源,Cocos Creator源码能直接拖进编辑器改场景、改预制体。

源码根目录里几个关键路径:

  • assets/scene:主场景文件
  • assets/prefab:UI预制体目录
  • scripts:TypeScript业务逻辑层
  • settings:构建配置(不同环境不同profile)

脚本是TypeScript写的,跟JavaScript版本相比多了类型提示,二开时找问题比较快。实测下来 Cocos Creator 2.4.6 兼容性最好,3.x版本打开会有部分API警告需要手动调整。

判断标准:拿到源码先看根目录有没有 project.json 文件,没有就说明是编译后的H5包,不是真正的可二开源码。

60个子游戏怎么加载与多语言实现

子游戏走配置下发,不是硬编码在主包里。后端接口对前端暴露了一个 gameList 配置项,60个游戏通过这个数组下发。我看了下配置结构,每个子游戏包含游戏ID、入口资源URL、icon地址三部分。客户端拿到配置后按需加载对应资源,不会一次性把60个游戏全部拉下来。

多语言这块,i18n资源文件放在 assets/i18n 目录下,默认提供简体中文、繁体中文、英文三个语言包。语言切换走的是本地缓存 + 接口拉取的双路方案,切换时不需要重启客户端。语言包是json格式,键值对结构,加新语言直接新建文件就行。

要注意 60子游戏版本和外面传的 119子游戏版本不是同一份前端源码。119版本一般是第三方修改的衍生版,源码完整度没保证,从源码下载站「搭建168」的其它源码分类拿到的版本是60子游戏带前端源码的完整包。

马上能用的清单

  • 后台配置:游戏开关、上下线时间都在 admin/game 模块下
  • 新增子游戏:往 gameList 加一条配置,不用改主包
  • 新加语言:复制一份zh.json,改键值内容即可

从零部署需要的5步流程与环境清单

部署流程实测下来5步能跑通,环境版本不匹配是最常见的翻车原因。整体流程:后端服务部署 → 数据库初始化 → Cocos Creator构建H5 → Nginx反向代理 → 后台配置站点信息。

  1. 上传后端PHP代码到服务器,配置 application/database.php 数据库连接
  2. 导入 sql/install.sql 初始化表结构(共约38张表)
  3. Cocos Creator打开前端工程,构建发布平台选 Web Mobile
  4. 把 build/web-mobile 产物部署到Nginx站点
  5. 登录后台配置站点名称、域名、支付参数等
组件 版本要求 备注
PHP 7.2 – 7.4 8.0+部分函数废弃
MySQL 5.6 – 5.7 不建议用8.0
Cocos Creator 2.4.6 其它版本API差异
Node.js 12.x 构建时使用
Nginx 1.16+ 需开启WebSocket

后台里有个细节是数据库连接配置写在 application/database.php 而不是 .env,这种传统PHP配置风格在其它源码里也挺常见的,跟现在主流写法不太一样。

二次开发实战中3个最容易踩的坑

源码能跑起来不代表能二开,提前避雷比事后补救省事得多。踩了三个坑挨个说:

坑1:前端资源引用路径硬编码
代码里很多地方写死了 /static/ 开头的绝对路径,二开时改了部署目录资源加载全挂。要改的话得全局搜索替换,或者重写资源加载层。

原文参考

原标题:【优米H5多语言电玩】带前端cocos纯源码-多码网

原文简介:

游戏说明
这个是真正的优米源码,外面版本都少了前端源码,只有一个编译好的H5前端!现在有优米前端源码,可以任意二开修改了。
这个前端是60子游戏的,不是119游戏的,我这没有119子游戏的前端源码。
游戏截图
©
版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
QP源码
# 源码
# tp
# 游戏
# 前端
# 二开
# H5
# 前端源码
# 子游戏
# CP
# 优米

原文截图:

【优米H5多语言电玩】带前端cocos纯源码-多码网
【优米H5多语言电玩】带前端cocos纯源码-多码网
【优米H5多语言电玩】带前端cocos纯源码-多码网
【优米H5多语言电玩】带前端cocos纯源码-多码网
【优米H5多语言电玩】带前端cocos纯源码-多码网
【优米H5多语言电玩】带前端cocos纯源码-多码网

免责声明

⚠️ 本文仅供学习研究和技术交流,相关源码仅用于了解系统架构与部署流程,请勿用于非法用途。任何商业运营行为均与作者无关。

下载链接尚未配置,请联系管理员。

关注我们的公众号

微信公众号
客服