oops-framework框架 之 初始了解(一)

引擎：CocosCreator

环境： Mac

Gitee: oops-framework


简介

oops-framework是由作者dgflash编写，基于CocosCreator 3.x而实现的开源框架。

该框架以插件形式存在，主要目的是为了降低与项目的耦合，并且通过插件内部的命令快速的获取最新版本。

该框架的特性有：

  • 提供游戏常用的功能库，提高开发效率
  • 提供业务模块代码模版，降低程序设计难度
  • 内置模块低耦合，可根据需要自行删减，以适应不同的类型
  • 提供了常用的插件工具，支持Excel表转Json、支持热更新、AB包
  • 增加了ECS、MVVM框架相关，以及常用的屏幕适配，UI管理，多语言等等

为了方便大家更好的学习和使用该框架，作者很贴心的准备了一些学习资料：

dgflash-视频教程

dgflash CSDN博客

dgflash-cocos论坛

通过视频、博客、论坛相关可以了解框架，作者提供的Git仓库如下：
请添加图片描述

  • oops-framework 框架实现的教程项目，可用于学习和研究
  • oops-game-kit 框架提供的模版，可用于开发游戏
  • oops-plugin-framework 基础框架的插件，必备
  • oops-plugin-excel-to-json Excel转Json的框架插件，可选
  • oops-pugin-bundle AB包框架插件，可选

我们可以自己造轮子，享受代码的成就感。但学习理解他人所分享的，对于个人的提升还是很有帮助的。

学习该框架的前提是：了解cocosCreator及常用组件的使用，如果尚未入门，不推荐现在学习该框架。

在这里，感谢作者对 oops-framework的分享，我会将从框架中学习到的一些东西，以文章的形式分享出来，如果编写不当，欢迎您的指出，感谢!


框架使用

作者分享了两个工程：

  • oops-framework 通过框架实现的一些项目示例，可用于学习和了解框架的功能
  • oops-gamekit 通过框架构建的开发模版，相当于空项目，可用于研究和使用框架开发

两者的的安装和使用是类似的，以oops-framework 为例：

注： 下载项目完成后，千万不要直接导入CocosCreator编译器并打开，会有报错的。

  1. 使用Git命令下载所需要的项目(任选之一即可)
git clone https://gitee.com/dgflash/oops-framework
git clone https://gitee.com/dgflash/oops-game-kit
  1. 下载成功后，进入项目目录，执行update-oops-plugin-framework的命令，下载框架插件：
// windows执行.bat命令, mac执行.sh命令， 以Mac为例：
./update-oops-plugin-framework.sh 

// 如果命令提示错误，类似如下：
// -bash: ./update-oops-plugin-bundle: No such file or directory
// 可以增加 sudo ，它会提示你输入登录密码
sudo ./update-oops-plugin-framework.sh 

// 如果使用sudo后，报错：command not found，那就再运行下命令
chmod u+x update-oops-plugin-framework.sh
sudo ./update-oops-plugin-framework.sh

注：框架以插件的形式存在，所以命令执行完毕后，会保存到 extensions 目录下

  1. 其他框架插件：热更新，Excel转Json相关，跟步骤2是类似的
// AB包
sudo ./update-oops-plugin-bundle.sh
// Excel转Json
sudo ./update-oops-plugin-excel-to-json.sh
// 热更新
sudo ./update-oops-plugin-hot-update.sh

  1. 打开CocosCreator编译器，导入项目打开， 资源管理器中的 oops-framework 便是通过项目目录内的命令下载下来的
    请添加图片描述

  2. 选择assets 目录下的 main.scene 打开，并运行，可查看效果：
    请添加图片描述

到这里就可以学习和使用了。


框架结构

框架以插件的形式存在，在Cocos的官方商店里搜索 oops 也可以进行下载使用的。

了解一个框架的使用，我们需要熟悉它的结构：
请添加图片描述

大致分为三块：

  • core 框架核心技术库相关
  • libs 框架可选技术库相关
  • moudule 通用模块相关

注：基础框架的大小不到2M，libs相关为低耦合，如果不需要，也可以剔除，用于降低包体大小。

目录说明

core

common 公共模块相关

audio 音频模块

event 全局事件

loader 资源管理相关

log 日志模块

random 随机管理

storage 本地存储

timer 定时器相关

game 游戏世界类

gui 游戏界面类

layer 多层界面、窗口管理

prompt 公共提示窗口

utils 各类工具

Oop.ts 框架功能访问接口

Root.ts 框架视图层根节点管理组件

libs 框架中可选技术库

animator 可视化动画状态机

animator-effect 动画特效组件

animator-move 动画移动组件

behavior-tree 行为树框架

camera 摄像机控制组件

collection 数据集合处理

ecs ECS框架

gui 界面组件， 比如：红点提示、按钮、标签、多语言等组件

model-view MVVM框架

network 网络模块， 支持Http, WebSocket的请求相关，支持Protobuf

render-texture 渲染纹理组件， 可用于三维模型显示到二维精灵等

module 游戏通用模块

common 公共模块

config 配置模块

主要文件：

基础相关：

  • LayerManager.ts UI界面管理， 可用于显示不同的UI页面相关
  • ResLoader.ts 资源管理相关， 可用于resources及其他bundle的加载
  • TimerManager.ts 时间管理相关，可用于时间的显示及定时器相关
  • AudioManager.ts 声音管理相关，可用于音乐音效的播放
  • MessageManager.ts 可用于消息的注册和监听相关
  • GUI.ts 可用于屏幕匹配相关
  • StorageManager.ts 本地存储，支持AES数据加密

组件相关:

  • libs/gui/button 按钮相关， 支持点击效果，防连点和长按点击等
  • libs/gui/language 多语言相关， 支持Label, Sprite, Spine等
  • libs/model-view MVVM组件库相关
  • libs/animator-effect 特效管理相关，比如流光效果等

网络相关

  • libs/network/HttpRequest.ts Http请求相关
  • libs/network/NetManager.ts webSocket请求相关

工具相关

  • Logger.ts 日志管理，支持网络层，业务，视图，配置等日志的显示
  • RandomManager.ts 随机管理器，支持指定范围内的随机数显示
  • core/utils 工具相关，比如：数学运算、字符串、正则、加密、Json加载等
  • libs/network/protocol zip压缩相关

其他

屏幕适配

使用框架及oops-gamekit 开发项目，设置屏幕适配的话，直接通过 项目 -> 项目设置 设置即可

  • 横屏自适应
    请添加图片描述

  • 竖屏自适应
    请添加图片描述

设置以后， 框架会通过GUI.ts自动处理屏幕适配相关。


项目名称和描述

从Git克隆 oops-gamekit 以后，注意通过项目目录内的package.json， 修改下 name和 description， 对项目名和描述重新命名

{
  "_sourceId": "c30b28da-749e-479b-bcb6-cecd8d7be9e3",
  "creator": {
    "version": "3.8.1"
  },
  "dependencies": {
    "crypto-es": "^1.2.7"
  },
  // 项目描述
  "description": "游戏项目模板",
  // 项目名
  "name": "oops-game-kit",
  "uuid": "00d7d957-a3e8-4ad6-80f4-2fcfb235bca4",
  "version": "3.6.3"
}

模版文件

框架提供了项目模版文件，可在创建脚本的时候使用，主要有：

// .../.creator/asset-templete/typeScript
Module.ts
ModuleBll.ts		// 业务层对象
ModuleModel.ts	// 数据层对象
ModuleTable.ts	// Excel表导出的Json数据相关
ModuleView.ts 	// 视图层对象
ModuleViewVM.ts // MVVM的视图层对象

建议

刚刚学习该框架的小伙伴，可以重点示例项目下的几个文件：

// assets/script/game/initialize/bll/InitRes.ts
// 主要用于项目启动时加载必备的资源，注意：要控制资源的大小，避免加载导致黑屏时间过长
entityEnter(e: Initialize): void {
  var queue: AsyncQueue = new AsyncQueue();

  // 加载自定义资源
  this.loadCustom(queue);
  // 加载多语言包
  this.loadLanguage(queue);
  // 加载公共资源
  this.loadCommon(queue);
  // 加载游戏内容加载进度提示界面
  this.onComplete(queue, e);

  queue.play();
}

// assets/script/game/initialize/view/LoadingViewComp.ts
// 资源加载进度条，在加载结束后，会通过如下进入设定的主页面
reset(): void {
  setTimeout(() => {
  	// 关闭加载界面
  	oops.gui.remove(UIID.Loading);

		// 打开游戏主界面（自定义逻辑）
		oops.gui.open(UIID.Demo);
	}, 500);
}

// assets/script/game/initialize/view/HotUpdate.ts
// 热更新相关, 配置文件在resources目录下，分别为`project.manifest`和`version.mainifest`

再次感谢作者dgflash的分享，oops-framework框架QQ群： 628575875。
最后，祝大家学习生活愉快，

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/208678.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

【LeetCode:1657. 确定两个字符串是否接近 | 计数 + 阅读理解】

【LeetCode:1657. 确定两个字符串是否接近 | 计数 + 阅读理解】

🚀 算法题 🚀 🌲 算法刷题专栏 | 面试必备算法 | 面试高频算法 🍀 🌲 越难的东西,越要努力坚持，因为它具有很高的价值，算法就是这样✨ 🌲 作者简介：硕风和炜，…
阅读更多...
若依前后端分离版idea启动

若依前后端分离版idea启动

1.项目地址 https://gitee.com/y_project/RuoYi-Vue2.修改配置 修改数据库配置 3.执行sql 4.启动项目 启动成功 5.启动前端 首先要安装nodejs,版本不能太高,本人用的nodejs11版本的 npm install --registry https://registry.npm.taobao.orgnpm run dev启动成功 访问 h…
阅读更多...
态路小课堂丨InfiniBand与以太网：AI时代的网络差异

态路小课堂丨InfiniBand与以太网：AI时代的网络差异

近年来，随着人工智能技术的迅猛发展，以ChatGPT为代表的大型AI模型引起了广泛关注。然而，在这个AI时代，我们不得不重新审视传统的以太网和基于InfiniBand构建的网络之间的区别。尤其是今年以来，InfiniBand因其在AI领域中…
阅读更多...
CRM：如何通过客户数据分析获得业务洞察？

CRM：如何通过客户数据分析获得业务洞察？

客户数据分析，也称客户分析，是收集、组织和分析客户数据，以深入了解客户行为的过程。企业将利用这些数据来制定与营销、产品开发、销售等相关的业务决策。 通过客户分析，你可以做出简单的业务决策，比如找出投资回报率…
阅读更多...
景联文科技数据标注平台助力AI数据实现价值最大化

景联文科技数据标注平台助力AI数据实现价值最大化

随着人工智能技术不断进步，应用领域不断拓宽，对于高质量、大规模标注数据的需求也在不断增加。 数据标注是人工智能行业的基石。机器学习需要运用海量的有效数据来做支撑，而这些数据就需要我们的标注员对其进行分析和处理，想要得到…
阅读更多...
【力扣周赛】第 369 场周赛（⭐记忆化搜索 树形DP）

【力扣周赛】第 369 场周赛（⭐记忆化搜索 树形DP）

文章目录 竞赛链接Q1：2917. 找出数组中的 K-or 值竞赛时代码——按题意模拟 Q2：2918. 数组的最小相等和竞赛时代码——分类讨论 Q3：2919. 使数组变美的最小增量运算数⭐⭐⭐竞赛时代码——动态规划解法2——记忆化搜索 翻译成递推 Q4&#xf…
阅读更多...
HarmonyOS ArkTS与c++交互通信

HarmonyOS ArkTS与c++交互通信

一、创建Native C Module 1、右键项目->new->module 如图： 2、修改build-profile.json5配置 "externalNativeOptions": {"path": "./src/main/cpp/CMakeLists.txt","arguments": "-v -DOHOS_STLc_shared&quo…
阅读更多...
带你用uniapp从零开发一个仿小米商场_10.开发一个占剩余窗口的滚动区域

带你用uniapp从零开发一个仿小米商场_10.开发一个占剩余窗口的滚动区域

首先是一个头部的tag切换栏,这个很简单,就不多说 源码奉上 <scroll-view scroll-x class"border scroll-row" style"height: 80rpx;"><view class"scroll-row-item" style"height: 80rpx;line-height: 80rpx;" v-for"(…
阅读更多...
数学建模之相关系数模型及其代码

数学建模之相关系数模型及其代码

发现新天地&#xff0c;欢迎访问小铬的主页(www.xiaocr.fun) 引言 本讲我们将介绍两种最为常用的相关系数&#xff1a;皮尔逊pearson相关系数和斯皮尔曼spearman等级相关系数。它们可用来衡量两个变量之间的相关性的大小&#xff0c;根据数据满足的不同条件&#xff0c;我们要…
阅读更多...
PyTorch入门教学——加载数据（Dataloader）

PyTorch入门教学——加载数据（Dataloader）

1、简介 PyTorch中如何读取数据主要涉及到两个类&#xff0c;分别为Dataset和Dataloader。 Dataset&#xff1a;创建可被Pytorch使用的数据集Dataloader&#xff1a;向模型传递数据本文主要讲解Dataloader的使用方法。 2、Dataloader 2.1、查看使用方法 查看官网文档&#…
阅读更多...
matlab simulink PMSM电机转速预估

matlab simulink PMSM电机转速预估

1、内容简介 略 22-可以交流、咨询、答疑 2、内容说明 PMSM电机转速预估 PMSM电机转速预估 PMSM、转速估计&#xff0c;PID控制 3、仿真分析 略 4、参考论文 略 链接&#xff1a;https://pan.baidu.com/s/1AAJ_SlHseYpa5HAwMJlk1w 提取码&#xff1a;rvol
阅读更多...
计算机视觉（OpenCV+TensorFlow）

计算机视觉（OpenCV+TensorFlow）

计算机视觉&#xff08;OpenCVTensorFlow&#xff09; 文章目录 计算机视觉&#xff08;OpenCVTensorFlow&#xff09;前言3.图像金字塔3.1 高斯金字塔3.2 拉普拉斯金字塔 4.图像轮廓图像边缘和图像轮廓的区别检测图像绘制边缘 5.轮廓近似外接矩形外接圆 6. 模板匹配6.1 什么是…
阅读更多...
LeetCode 1212 查询球队积分(PostgreSQL)

LeetCode 1212 查询球队积分(PostgreSQL)

数据准备 Create table If Not Exists Teams (team_id int, team_name varchar(30)) Create table If Not Exists Matches (match_id int, host_team int, guest_team int, host_goals int, guest_goals int) Truncate table Teams insert into Teams (team_id, team_name) va…
阅读更多...
关于pytorch安装成功后No module name ‘torch‘的解决方法

关于pytorch安装成功后No module name ‘torch‘的解决方法

一、pytorch环境配置 1、Pytorch 的安装 &#xff08;1&#xff09;单击启动 Anaconda Prompt 创建虚拟房间 &#xff08;2&#xff09;输入py -0p查看当前python版本 或者这里不清楚自己 python 版本的可以 cmd 命令行输入 python 查询 &#xff08;3&#xff09;输入命令…
阅读更多...
Jetson Nano部署YOLOv5与Tensorrtx加速

Jetson Nano部署YOLOv5与Tensorrtx加速

一、烧录镜像 1、Jetson Nano烧写系统镜像 Jetson Nano是一款形状、外接口类似于树莓派的嵌入式主板&#xff0c;搭载了四核Cortex-A57处理器&#xff0c;GPU则是拥有128个NVIDIA CUDA核心的NVIDIA Maxwell架构显卡&#xff0c;内存为4GB的LPDDR4&#xff0c;存储则为16GB eM…
阅读更多...
『 Linux 』环境变量

『 Linux 』环境变量

文章目录 &#x1f680;什么是环境变量&#x1f680;&#x1f680;查看环境变量&#x1f680;&#x1f579;️和环境变量有关的命令&#x1f579;️ &#x1f680;PATH环境变量&#x1f680;&#x1f579;️设置PATH环境变量&#x1f579;️ &#x1f680;HOME环境变量&#x1…
阅读更多...
vue 前端实现login页登陆 验证码

vue 前端实现login页登陆 验证码

实现效果 // template <el-form :model"loginForm" :rules"fieldRules" ref"loginForm" label-position"left" label-width"0px" class"login-container"><span class"tool-bar"></sp…
阅读更多...
解决VSCode按住Ctrl（or Command） 点击鼠标左键不跳转的问题（不能Go to Definition）

解决VSCode按住Ctrl（or Command） 点击鼠标左键不跳转的问题（不能Go to Definition）

问题出现 往往在升级了VSCode以后&#xff0c;就会出现按住Ctrl&#xff08;or Command&#xff09; 点击鼠标左键不跳转的问题&#xff0c;这个问题很常见。 解决办法 1 进入VScode的首选项&#xff0c;选择设置 2 输入Go to definition&#xff0c;找到如下两个设置&#…
阅读更多...
逸学java【初级菜鸟篇】11.多线程【多方位详解】

逸学java【初级菜鸟篇】11.多线程【多方位详解】

hi&#xff0c;我是逸尘&#xff0c;一起学java吧 目标&#xff08;任务驱动&#xff09; 本章没有任务目标&#xff0c;略述概述多线程一隅&#xff0c;全是精华。 线程 进程 在提到线程是什么之前我们还需要提到另一个名词 他就是进程 进程&#xff1a;是指一个内存中运…
阅读更多...
如何删除mac苹果电脑上面的流氓软件？

如何删除mac苹果电脑上面的流氓软件？

在使用苹果电脑的过程中&#xff0c;有时候我们也会遇到一些不需要的软件。无论是因为不再需要&#xff0c;或者是为了释放磁盘空间&#xff0c;删除这些软件是很重要的。本文将为大家介绍怎样删除苹果电脑上的软件&#xff01; CleanMyMac X全新版下载如下: https://wm.make…
阅读更多...
最新文章

Copyright @ 2022~2023