mirror of
https://gitee.com/sli97/behavior-eden-coco-plugin.git
synced 2025-10-29 10:26:33 +00:00
47104caa6e224bd1e50413192f066f0b858e72cd
Behavior Eden
Behavior Eden是一款开源的Cocos Creator轻量级可视化行为树编辑器
背景
行为树是一个非常经典的用来实现复杂 AI 行为的工具,为了帮助大家提高对行为树的理解和使用能力,本项目通过非常少的代码实现了行为树的Runtime和Editor核心部分,并开放了所有的源代码,希望能对大家有所帮助。
安装(仅支持 Cocos Creator 3.8 以上)
- 方法一:下载插件源码(https://gitee.com/sli97/behavior-eden-coco-plugin.git)
打成 zip 包,
通过
Cocos的扩展管理器导入。 - 方法二:通过
Cocos官方商城安装,搜索Behavior Eden关键字并下载导入
使用
1、添加组件
打开Cocos项目,在场景中新建一个节点,搜索并添加BehaviorTree组件,同时会自动添加BehaviorEditor组件。
2、指定JSON文件
- 手动创建:新建空白
JSON文件,并拖入组件的asset面板属性中 - 自动创建:点击
BehaviorEditor组件的Editor按钮,插件会在asset根目录生成当前节点同名json文件,并自动拖进BehaviorTree组件asset面板属性
3、行为树编辑界面
点击BehaviorEditor组件的Editor按钮,会打开行为树编辑界面:
- 左边是行为树绘图界面
- 左上角会根据用户的操作打印
warn日志,可以收起展开 - 中间有个
Root根节点,不可编辑和移动 - 右上角指定当前行为树编辑的
JSON文件,对行为树界面的操作都会实时保存在文件中
- 左上角会根据用户的操作打印
- 右边是操作面板
Node面板可以添加行为树界面,包括Composite组合节点、Decorator装饰节点、Condition条件节点、Action行为节点 点击节点就会在绘图区生成响应节点Inspector界面可以编辑选中节点的属性,包括节点名称、节点中断类型、事件派发等
4、行为树搭建步骤
- 点击
Node面板的各个节点类型,即可创建节点 - 点击节点右上角的
X即可删除节点 - 指定根节点:从
Root节点下方面板拖出箭头,即可把所选节点设置为根节点 - 设置子节点:同上
- 解除父子关系:通过点击箭头处的
X断开父子关系 - 指定
Action或者Condition事件触发场景节点、组件、方法、参数等属性来执行真正的逻辑,方法务必返回NodeStatus类型的节点状态 - 自定义脚本可以通过
"db://behavior-eden/index"路径引入插件暴露的类或者枚举 - 自定义脚本可以通过
this.getComponent(BehaviorTree).enableBehavior()或disableBehavior()来暂停和启动行为树 - 可以设置中断类型
AbortType来实现中断某个正在Running状态的节点 BehaviorTree可以设置Restart When Complete、Start When Enabled、Pause When Disabled、Log Node Change等面板属性- 退出面板,运行
Cocos项目查看业务逻辑是否符合预期
开发
1、目录分析
2、补充类型文件
npm i补充fs、node等模块类型npm run watch实时编译ts- 修改代码后,在插件面板按下
ctrl + r或者command + r查看修改是否生效
Description
【插件】CocosCreator v3.8开源免费轻量级可视化行为树编辑器《Behavior Eden》简介
https://forum.cocos.org/t/topic/153076
Languages
JavaScript
83.4%
TypeScript
14.9%
HTML
1.4%
CSS
0.3%
