FairyGUI游戏UI编辑器支持多引擎，PSD2GUI工具简化UI设计流程

这款国产游戏用户界面编辑器并不为人所熟知，但它兼容多种流行引擎。学会它后，便能在各种引擎间轻松切换，真是方便至极。然而，这样便捷的工具却鲜为人知，实在令人感到遗憾。

了解编辑器的重要性

这款国产游戏界面编辑器非常实用。它将界面编辑功能独立出来，即便策划或美术人员不熟悉代码，也能轻松掌握操作。比如在一些小型游戏开发团队中，美术人员即便不懂编程，也能借助这款编辑器轻松完成UI设计。此外，它是一款开源工具，专为特定应用设计。常常是，开发者有丰富的创意，却受限于工具，而这款编辑器则能突破这种限制。

国内游戏制作越来越受欢迎，然而，长久以来，我们一直缺乏一款能够支持多种引擎的UI编辑软件。这款工具的问世，极大地便利了各个环节工作人员的协作，显著提升了开发速度。

配置Node.js环境

node -v
npm -v

编辑器依赖Node.js，因此配置环境是首要任务。需访问Node.js官网，下载对应操作系统的最新版安装包，操作简便。以我为例，使用Windows系统，便直接选取Windows版安装包进行安装。安装完毕，启动命令行，执行相应命令检验Node.js及npm是否安装成功。例如，输入“node-v”和“npm-v”来查看版本信息。若此步骤出错，后续步骤将无法进行。我之前因未留意系统配置，导致安装失败，经重新检查系统兼容性后，才顺利安装成功。

安装编辑器

npm install -g psd2fgui

运行指定代码于命令行工具以安装编辑器，此过程需耐心等候。起初我以为安装迅速完成，却等了许久。故请勿急于关闭命令行窗口，务必确认安装完成。安装期间，电脑或许会略有卡顿，这是正常情况。

PSD预处理

美术作品中的PSD文件常常包含众多图层，且命名杂乱无章。因此，我们需进行预处理。若图层是组件，其名称应以“Com”为前缀。同时，这些组件还可以进一步组合。但如果觉得操作繁琐，可以像以前那样将图层合并。不过，务必要保留原始的PSD文件副本。记得有一次我没有备份，后来想要修改时遇到了大麻烦，不得不重新绘制，浪费了大量时间。因此，备份是必不可少的。

转化PSD为FGUI资源包

进入命令行，定位至psd文件所在的目录，输入指定指令。操作完成后，会在同一目录下生成新文件。系统提供了调整转换细节的选项。我按照指示一步步操作，最终顺利完成了转换。若转换效果不理想，可以通过调整选项来优化，操作简便。

导入FGUI资源包

打开软件后，点击“资源”选项，再选择“导入资源包”。此时，挑选出刚刚转换好的文件，可以决定是新建一个包还是加入现有的包。我选择加入现有包，经过比较，发现解析速度挺快，并且没有出现任何错误。

psd2fgui test.psd

你是否也被这款游戏界面编辑器所吸引？若你有使用体验，欢迎分享你的感受。觉得内容有价值，不妨点个赞，并将文章转发出去。

//使用上次转换结果的buildId重新转换
psd2fgui test.psd --ignore-font #mlmjpf0dc7zp

继续浏览有关 FairyGUIPSD预处理Node.js下载命令行工具 的文章