DPE Blueprint — 节点式可视化交互编排

▾

右键 添加节点 · 拖拽端口 连线 · 滚轮 缩放 · 空格+拖 平移 · Del 删除 · ⌘D 复制

100%

导航

模拟三维场景（点击构件 = 触发三维事件）

— 运行蓝图后，点击构件可触发事件 —

模拟二维系统（孪大师 UI 编辑器 / 大屏组件）

— comm.emit 动作的事件会到达这里 —

?未选中节点

点击画布中的节点查看和编辑参数

▾

⬚从左侧拖入节点
或 右键画布 快速添加

▶ 运行日志 0 清空 ▾

⌨等价代码（DSL）— 蓝图 ⇄ 代码双向兼容

blueprint.js

双向转化规则
① 蓝图 → 代码：由当前节点图自动生成，语义无损；
② 代码 → 蓝图：仅解析 bp.* DSL 子集（语法受控），自由表达式折叠为「代码片段节点」；
③ AI 助手输出同一 DSL——AI 写的代码可直接编译回蓝图。

DSL 语法速览

bp.when(event, params, fn) — 事件订阅（蓝图事件节点）

bp.call(cap, args) — 调用三维能力（动作节点）

bp.host(action, payload) — 通知宿主二维系统（comm 动作）

bp.delay(ms) / bp.set(var, val) — 延时 / 写变量

if (cond) { } else { } — 分支（逻辑节点）

示例

            bp.when('object.click', { target: '蜗壳' }, async (ev) => {

              await bp.call('camera.flyTo', { pos: [8,6,8] });

              await bp.delay(300);

              await bp.call('sequencer.play', { name: '检修' });

            });

✦AI 助手 — 自然语言 → 蓝图 / 代码

📦 场景上下文（自动注入）

AI 可读取场景全部对象 / 能力 / 当前蓝图状态

🧩 生成结果（DSL → 节点图预览）

— 输入需求或点击示例，生成的蓝图将在此预览 —

生成结果经 schema 校验后应用，不合法节点会被拒绝

应用前会自动快照，可 ⌘Z 撤销