接下来讲如何修改已有的皮肤,比如改变按键位置,改变按键大小,和增加按键。但我再次强调,改的只是按键映射文件,显示出来的按键并不会有变化。
以官网的GBA样本皮肤文件为例,
1. 首先将“deltaskin”后缀的文件改成“zip”后缀,并解压
2. 进入“Standard”文件夹,你会看到“info.json”和一堆其他的“pdf”后缀的文件,这里的json文件就是管按键映射,pdf文件就是皮肤,是一张图。
3. 如果你不了解json结构,可以百度一下,知道最基本的就行。编辑器我用的vscode,但在线编辑器也有很多,随便找一个用就行。
4. 下面两图是iphone “edge to edge”和“standard”的区别:
上图为“edge to edge”,按键不会覆遮挡游戏画面;
下图为“standard”,按键会遮挡游戏画面,并且可以自行修改透明度,并且是我修改过的。可以看到有多个即时存档/读档,和ab键(但还是没有连击键)
5. 我们可以将手机看成是一个1920*1080的坐标系,左上角为0,0,右下角为1920,1080。而我要改的是iphone的“standard”的“landscape”,“landscape”就是横屏模式。
下图我就选中了“iphone”下的“standard”下的“lanscape”。
而“items”里就是要改的按键映射,红圈里的两个黄色大括号就是一个按键,因为上下左右通常是放一起的,所以就看做一个整体。“inputs”为按键,“frame”为映射的位置即大小,“extendedEdges”为额外想某一方向延长的像素点,官网中说“extendedEdges”是为了更准确的映射按键。我们实际要改的只有“frame”下的xy,width,height。
xy就是这个按键左上角的坐标,width为以xy为起点向右延长的像素点,height为以xy为起点向下延长的像素点。而最终的按键映射方框就是长宽分别为x+width和y+height的长方形或者正方形。
所以你想移动按键,就改xy;想改变大小,就该width和height。
6. 添加按键,是的你可以同时拥有两个功能一样的按键,具体做法复制粘贴就行,然后改变xy width height的值。具体效果可以看上面的图。
如下图,这样改完后你就会在577,228坐标有两个按键a。
7. 改完按键映射之后,保存,将改好的“json”文件和“pdf”文件压缩成“zip”,压缩后改成“deltaskin”后缀。之后导入就行了。
再次强调,改的只是按键映射,pdf文件没有被改变,所以你不会看到按键被移动或者放大或者增加,想要有以上视觉效果还得自己用画图工具改动对应的pdf文件。
打开debug模式就可以看到改的按键映射有没有生效。