@ edv4h/ usketch- plugin- debug- hud

屏幕固定 控制 + 调试面板。用后置键切换(`) (中文(简体) ). 除了检查(形状,事件,FPS,同步,迷你地图),它是一种 普遍 控制表面: 每一个插件操作都可以从这里驱动, 所以主机应用程序 不需要每个插件添加铃声 UI .

import { createDebugHudPlugin } from "@edv4h/usketch-plugin-debug-hud";
const plugins = [/* ... */, createDebugHudPlugin()];

默认隐藏; 按 ` 打开。 (仅限 正在切换中 .

控制面板

• 工具 - 每个注册工具一个按钮(tools.getOrdered()),单击 store.setActiveToolId(id)。 。 。 .
• 行动 ——每个 PluginAction 注册的插件(见下文),分组 作为按钮/参数自动形成.
• 释放事件 原始后退:输入任何事件名称+JSON有效载荷和 events.emit(...)。让您驱动一个插件未曝光的操作 一个动作.
• 默认样式/ 清除画布 编辑 store 默认样式; 批次删除 .

导航许多插件

拥有HUD贡献的每个插件都获得自己的部分. 有几十个 插件会是一个长卷轴, 所以 :

• 插件区开始 崩溃;页眉显示每个控件数 别动 在码头头的qq会同时崩溃每个插件部分.
• ☆/★针 插件: 被绑定的路段移动到顶端的 “ Pinned” 组 自动打开.
• 打开/ 绑定状态持续在 localStorage (单位:千美元)usketch-debug-hud-dock) (中文(简体) ).
• 搜索框(顶部有刺, Esc 清除)匹配插件名称 / id, 动作标签 / 组 / id, 设置标签 / 字段名称, 以及面板标题 . 匹配区域在查询活动时被强制扩展; 插件名 匹配时显示该插件的所有控件 .

向 HUD 显示插件操作

在您的插件中注册动作 setup 通过 ctx.actions - 高级UD使 对每个没有辅助用户界面的控制。 示例(fredraw) :

const off = ctx.actions.register({
  id: "freedraw:color",
  label: "Color",
  group: "Freedraw",
  params: [{ name: "color", type: "color", default: "#1e1e1e" }],
  run: ({ color }) => ctx.events.emit("freedraw:set-color", { color }),
});
// call off() in teardown

PluginAction 字段 : id, (中文(简体) ), label选项 group 编号 : icon 编号 : order, (中文(简体) ), 选项 params (单位:千美元)ActionParam[] —— 说 string|number|boolean|color|enum, (中文(简体) ), run(args)选择 isActive() 编号 : isEnabled() 切换/ 上下文 状态。 无参数动作变成按钮; 选择文字动作 (如"已选中的通卡") isEnabled() 转到当前选择的门上.

迁移至今:放出生地,生地,有背景,有牌,有粘. 其他人跟着 相同的一行图案( 将插件的现有事件从 run) (中文(简体) ).