mirror of
https://gitee.com/sli97/behavior-eden-coco-plugin.git
synced 2024-12-25 03:09:09 +00:00
【插件】CocosCreator v3.8开源免费轻量级可视化行为树编辑器《Behavior Eden》简介
https://forum.cocos.org/t/topic/153076
@types | ||
dist | ||
i18n | ||
lib | ||
src | ||
.gitignore | ||
cc.d.ts | ||
CHANGELOG.md | ||
package-lock.json | ||
package.json | ||
README.md | ||
tsconfig.json |
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
查看修改是否生效