Behavior Tree Editor — 浏览器端可视化行为树设计器

Behavior Tree Editor(行为树编辑器,简称 BT Editor)是一款 免费、开源、纯前端的可视化编辑器,用于设计、调试与导出 行为树(Behavior Tree)。行为树是一种广泛应用于机器人决策、游戏 AI、自动化控制等场景的层次化反应式规划模型。

核心功能

典型使用场景

技术栈

基于 Drawflow 节点编辑器内核,使用原生 HTML / CSS / JavaScript(无构建步骤)开发, 支持所有现代浏览器(Chrome、Firefox、Safari、Edge)。

快速开始

启动本地静态服务器(node server.js 或任何静态服务器),浏览器访问根路径即可使用。 从左侧节点面板拖拽节点到画布 → 连线构建树结构 → 通过顶栏「导出」按钮保存为 JSON 或 XML。

常见问题

行为树是什么?
行为树是一种层次化反应式规划模型,由 Composite(控制流)、Action(执行单元)、Decorator(修饰)三类节点组成。
是否需要联网?
本编辑器完全离线运行,仅在加载远程 Drawflow CDN 与字体时需要联网。
支持哪些文件格式?
节点模板与完整行为树均支持 JSON 和 XML 双向导入导出。
可以商用吗?
可以,遵循 MIT License 即可。

关键词

Behavior Tree Editor, 行为树编辑器, BT Editor, 行为树可视化编辑器, BehaviorTree, 机器人决策, 游戏 AI, 自动化控制, 可视化编程, Drag and Drop Editor, Drawflow, Node Editor, Sequence, Selector, Parallel, Inverter, Repeater, Delay, JSON, XML, NDJSON, WebSocket, Open Source, MIT License, Free, Browser-based, No-code, Low-code.

Behavior Tree Editor

Behavior Tree Editor

View:
Layout:
Subtree:
Nodes: 0
💡 Hold right mouse or Space to pan the canvas
Subtree:

👈 Drag nodes from the sidebar onto the canvas to start building your behavior tree

🖱️ Pan: right-click drag or hold Space + left-click drag

💡 Tip: use the mouse wheel to zoom