项目简介
Cocos Creator GG Framework 是一个基于 Cocos Creator 框架的快速游戏开发框架,采用 TypeScript 语言,基于单场景 + 多Prefab 的结构设计,以模块化方式组织游戏资源,可提升代码复用性和开发效率,帮助开发者高效搭建游戏项目。
项目的主要特性和功能
- 单场景结构:利用一个主场景管理多个Prefab页面,利于恢复页面状态和实现页面切换动画。
- 模块化设计:用不同的AssetBundle组织Prefab形成模块,实现解耦和跨项目复用。
- 优化的启动流程:启动页与主场景分离,优化小游戏首包体积,使首包体积最小化。
- TypeScript + ESLint规范:采用TypeScript和ESLint作为项目规范,提高代码质量和可维护性。
- 便捷的API调用:通过
gg
入口,开发者能快速调用框架提供的API,简化开发流程。
安装使用步骤
- 安装Cocos Creator 2.4.3:确保已安装 Cocos Creator 2.4.3。
- 安装Node.js:安装 Node.js,并保证npm可用。
- 安装项目依赖:在项目根目录下运行以下命令安装依赖:
bash npm i --save-dev
- 配置VSCode:推荐使用VSCode作为代码编辑器,并安装以下插件:
- ESLint
- Prettier
在VSCode的 settings.json
中添加以下配置:
json
"eslint.alwaysShowStatus": true,
"eslint.format.enable": true,
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
],
"editor.defaultFormatter": "esbenp.prettier-vscode"
5. 项目结构说明:项目采用单场景 + 多Prefab 的结构,Prefab通过AssetBundle组织形成模块,具体结构如下:
assets
┣━━ mainbundle
┃ ┣━━ scenes
┃ ┃ ┗━━ MainScene.fire
┃ ┗━━ scripts
┃ ┣━━ configs
┃ ┃ ┣━━ BundleConfigs.ts
┃ ┃ ┗━━ PanelConfigs.ts
┃ ┗━━ MainSceneCtrl.ts
┣━━ commonbundle
┃ ┣━━ prefabs
┃ ┃ ┣━━ boot
┃ ┃ ┃ ┗━━ BootPanelPrefab.prefab
┃ ┃ ┗━━ popwindow
┃ ┃ ┣━━ LoadingPanelPrefab.prefab
┃ ┃ ┗━━ ToastPanelPrefab.prefab
┃ ┣━━ scripts
┃ ┃ ┣━━ boot
┃ ┃ ┃ ┗━━ BootPanelPrefab.ts
┃ ┃ ┗━━ popwindow
┃ ┃ ┣━━ LoadingPanelPrefab.ts
┃ ┃ ┗━━ ToastPanelPrefab.ts
┃ ┗━━ textures
┃ ┗━━ xxx
┗━━ gamebundle
┣━━ prefabs
┃ ┣━━ game
┃ ┃ ┗━━ GamePanelPrefab.prefab
┃ ┗━━ gamesetting
┃ ┗━━ GameSettingPanelPrefab.prefab
┣━━ scripts
┃ ┣━━ game
┃ ┃ ┗━━ GamePanelPrefab.prefab
┃ ┗━━ gamesetting
┃ ┣━━ GameSettingConst.ts
┃ ┣━━ GameSettingEvent.ts
┃ ┣━━ GameSettingModel.ts
┃ ┣━━ GameSettingModule.ts
┃ ┗━━ GameSettingPanelPrefab.ts
┗━━ textures
┗━━ xxx
6. 开发与调试:从 MainSceneCtrl.ts
开始阅读代码,了解 gg
框架的接口使用方式。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】