three.js 编辑器的 AI 执行引擎本文围绕three.js 编辑器一款基于 Three.js 的 AI 驱动可视化低代码编辑器展开。- 在线预览 https://z2586300277.github.io/threejs-editor/- GitHub 开源仓库 https://github.com/z2586300277/three-editor- 文档地址 https://z2586300277.github.io/three-editor/docs/distAI 助手不是简单地把用户输入发给大模型再把返回的文本显示出来。three.js 编辑器内部有一套 AI 执行引擎负责把自然语言转化为对编辑器的安全调用。意图识别当用户说“把场景里的立方体变红”时AI 首先需要理解意图修改对象属性。然后它会调用getSceneStats或inspectScene获取上下文确认场景中是否存在立方体。动作编排AI 执行引擎维护了一张动作表对应EDITOR_ACTIONS中定义的能力例如addCoreLight、setObjectParams、animateMeshTransform等。每个动作都有参数说明和执行条件AI 会根据需求选择合适动作。安全护栏为了防止 AI 误操作引擎会对参数进行校验数值范围、颜色格式、对象 ID 是否有效等。只有校验通过才会真正执行失败时返回错误提示而不是破坏场景。多轮上下文历史会话会被保存AI 能参考之前的对话继续修改。例如用户先让 AI 添加一个光柱再说“把它变高一点”AI 会知道“它”指的是刚才的光柱。代码一瞥await runEditorAction(editor, {action: setProps, params: { id: meshId, color: #ff0000, position: [2, 0, 0] } })
