OBS 插件 input overlay 自定义键盘按键以及界面

兰落最近在直播以及录制 Celeste 的春游mod，想把对应的按键顺序也录制进去，就去下载了 OBS 的 Input OvIerlay 插件，但是发现其默认的配置不符合我的按键习惯，想更改一下配置，但是发现B站比较缺少相关的比较详细的介绍，便自己摸索了一下，现在来分享给需要的你们。

键盘的设置文件分为配置文件以及材质文件。

配置文件定义了按键的相关信息。

材质文件定义了按键的样式以及按下按键的效果。

以默认的 wasd 的设置举例，内容如下：

对应的材质文件如下图：

对应的效果如下：

2. 配置文件的说明

定义了要使用的按键的个数，本例中是12个。

定义了界面布局的类型，1 代表鼠标，2 代表键盘。

定义了最后显示的行列数，本例中是3行5列（空格占用了3列）。

定义了材质文件每个按键的宽和高，也影响最后显示出来的每个按键的宽和高，本例中分别是157px和128px。

定义了最终效果后每个按键的垂直、水平的位移（负数是向上/向左），本例中是向下5px，向左20px。

本例中如果没有位移，效果如下：

会发现两行之间紧密贴在了一起，两列之间不紧凑，有位移后效果就好了很多：

定义了材质文件中每行有几个键，本例中是9个。

定义了材质文件中没两行中的空间，一般是高度的两倍（插件会自动加上3px的空隙）。

定义了材质文件中的每个按键按从左到右，从上到下对应的键盘十六进制代码，这里将其简称为按键序列，这里依次是 Q,W,E,Shift,A,S,D,Ctrl,Space,Tab,R,F 。详细的每个按键的对应的十六进制代码会放在文末，方便大家自定义。

定义了按键序列每个元素所占用的行和列，第9个键 Space 键占用了3列宽，1行高，其他按键都是1列宽，1行高。

定义了按键序列每个元素所在的行和列（从0开始计数），比如其中第4个按键 Shift 键在第1行第0列，倒数第三个 Tab 键在第0行第0列。

材质文件从左上角开始算像素，按配置文件，第一个157px*128px的方块是第一个按键Q，向下空开3px的空隙后的157px*128px的方块是按下Q后所显示的效果，向右空开3px的空隙后市第二个按键，这样上下两个方块加3像素的空隙构成一行。

在知道了配置文件以及材质文件的构成后，就可以开始进行自定义了，首先，兰落在玩 Celeste 的时候习惯的键位是 WASDJKL ，对应上、下、左、右、冲刺、跳跃、抓住，一共是7个按键，查表对应的16进制代码分别是 0x0011,0x001F,0x001E,0x0020,0x0024,0x0025,0x0026想要 WASD 在左边占两行3列，右边放JKL，总共是2行6列，每个按键占用1列宽，1行高，每行每列间要有2px的空隙，最后画材质文件的时候准备每个按键占用80px*80px，只画一行，最后就得到配置文件如下：

用PS画出来的材质文件如下：

最后得到的效果如下：

最后，希望本文能够帮助大家在用 Input Overlay 时做出自己想要的效果~