2018-06-15 17:36:04 286
如何提高游戏界面开发效率,是业界不断探讨的一个问题。传统制作模式(美术出图,程序员在Unity里拼界面)需要占用大量的程序员时间用于简单的拼界面工作,所以程序员也开动脑筋制作了很多辅助工具,例如将美术的PSD源文件直接转化为UI界面的预制。我们可以在网上查找到不少针对NGUI或UGUI的PSD2UI方案,而今天我给大家介绍的是应用于另外一款越来越流行的UI引擎FairyGUI的PSD2UI方案。 事实上,如果你使用FairyGUI作为你的UI解决方案,得益于强大的FairyGUI编辑器,程序员已经不再需要在Unity里拼界面,取而代之的是,策划、美术也可以拼出质量高,直接能用的界面。所以对于FairyGUI来说,PSD2UI的方案反而有点繁琐。无论如何,需求总是复杂的,有总比没有好,而且用作第一次的自动生成,还是能提高一定效率的。 安装 这个工具的名称叫psd2fgui,它是一个nodejs的应用。所以安装方式很简单,在命令行模式下运行: 等待安装完成即可。如果你的系统里还没有node的环境,那需要先从Node.js官网下载安装。 安装完成后,我们就可以直接使用psd2fgui命令了。 准备PSD文件 如上图所示,使用图层名称或组名称来表达它的类型和用途。以下是约定的细节:
执行转换 如果成功转换,输出为: 使用FairyGUI编辑器,主菜单->资源->导入资源包,然后选择刚生成的test.fairypackage,显示如下界面: 以下是导入的结果: 然后UI制作人员可以开始在FairyGUI编辑器进行界面的其它调整。 高级选项 psd2fgui还提供了一些开关调整转换的细节。
例如: 定制 目前对于PSD里结构的约定,未必能符合每个人项目的需求。遇到这种情况,可以自行修改psd2fgui的源码进行定制。源码托管在,记得打星支持喔。 via:Gad |