项目简介
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】