littlebot
Published on 2025-04-13 / 1 Visits
0

【源码】基于Cocos Creator框架的快速游戏开发框架

项目简介

Cocos Creator GG Framework 是一个基于 Cocos Creator 框架的快速游戏开发框架,采用 TypeScript 语言,基于单场景 + 多Prefab 的结构设计,以模块化方式组织游戏资源,可提升代码复用性和开发效率,帮助开发者高效搭建游戏项目。

项目的主要特性和功能

  1. 单场景结构:利用一个主场景管理多个Prefab页面,利于恢复页面状态和实现页面切换动画。
  2. 模块化设计:用不同的AssetBundle组织Prefab形成模块,实现解耦和跨项目复用。
  3. 优化的启动流程:启动页与主场景分离,优化小游戏首包体积,使首包体积最小化。
  4. TypeScript + ESLint规范:采用TypeScript和ESLint作为项目规范,提高代码质量和可维护性。
  5. 便捷的API调用:通过 gg 入口,开发者能快速调用框架提供的API,简化开发流程。

安装使用步骤

  1. 安装Cocos Creator 2.4.3:确保已安装 Cocos Creator 2.4.3
  2. 安装Node.js:安装 Node.js,并保证npm可用。
  3. 安装项目依赖:在项目根目录下运行以下命令安装依赖: bash npm i --save-dev
  4. 配置VSCode:推荐使用VSCode作为代码编辑器,并安装以下插件:
  5. ESLint
  6. 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】