FairyGUI编辑器制作Unity3D UI值得借鉴

原创 2017年07月31日 15:28:01

笔者介绍:姜雪伟,IT公司技术合伙人,IT高级讲师,CSDN社区专家,特邀编辑,畅销书作者,已出版书籍:《手把手教你架构3D游戏引擎》电子工业出版社和《Unity3D实战核心技术详解》电子工业出版社等。

CSDN视频网址:http://edu.csdn.net/lecturer/144

最近在开发项目时,面临着UI的选型,以前使用的是NGUI或者UGUI,最近看网上关于FairyGUI的介绍,正在考虑使用FairyGUI用于项目开发中UI的制作。编辑器以及UnitySDK下载地址:http://www.fairygui.com/download

官方介绍:FairyGUI UI编辑器 操作简单,使用习惯与Adobe系列软件保持一致,策划和美术设计师可以轻松上手。在编辑器即可组合各种复杂UI组件,以及为UI设计动画效果,无需编写任何代码。可一键导出到Unity,Starling,Egret, LayaAir,Flash等多个主流应用和游戏平台。

在运行效率方面,FairyGUI对DrawCall优化使用了特有的FairyBatching技术,相比NGUI、UGUI的传统优化技术更加高效而且

容易控制,特别是对动静耦合越来越复杂的UI设计更是应付自如。在功能方面,FairyGUI对传统UI制作痛点都有很好的内置支持,例

图文混排(包括文字和动画混排),表情输入(直接支持键盘上的表情),虚拟列表循环列表像素级点击检测曲面 UI手势粒子

和模型穿插UI打字效果等。
FairyGUI还对所有输入方式进行了完整的封装,无论是鼠标、单点触摸、多点触摸还是VR手柄输入,开发者都可以使用相同的

代码处理交互。

以上介绍的基本上都满足了开发者的需求,看一下它的操作界面:

上图显示的是制作的一个动画图标,最左部分是UI制作的层级树状结构,中间是显示的,最右边是属性窗口,在这里可以设置对应的UI属性,下面这幅图是关于导出的,可以导出代码和打包的UI,导出界面如下所示:

这样可以直接把导出的资源放到Unity中,在Unity中运行的Demo示例图如下所示:

UI之间的切换可以直接生成,无需编程,而且UI对Lua也是支持的,可以直接使用lua编程,非常方便。。。。。。。

这样就避免了UI和程序之间配合上的问题,UI是经常变动的,这样会跟程序造成很多麻烦,使用FairyGUI可以避免这种问题的发生,在这里向游戏开发者推荐使用FairyGUI,可以提高UI制作效率,值得使用。。。。。。



版权声明:本文为博主原创文章,未经博主允许不得转载。

Unity3D快速实现UI架构设计一

笔者介绍:姜雪伟,IT公司技术合伙人,IT高级讲师,CSDN社区专家,特邀编辑,畅销书作者,国家专利发明人;已出版书籍:《手把手教你架构3D游戏引擎》电子工业出版社和《Unity3D实战核心技术详解》...
  • jxw167
  • jxw167
  • 2017年05月14日 20:14
  • 1447

【Unity自己写框架】FairyGUI UI框架(一)

笔者之前沉迷游戏无法自拔,但是现在之前玩的游戏也不太爱玩了,发现下班到睡觉之前有2-3个小时空闲,仿佛发现了一逼宝贵的财富不能浪费。 笔者从事手游工作也有两年的时间了,主要做的是逻辑和SDK方面的工...
  • tj134679258
  • tj134679258
  • 2017年04月04日 19:13
  • 5015

[Unity编辑器]自定义编辑器界面

主要参考了雨松MoMo的Unity3D拓展编辑器系列 编辑器GUI类: 1.GUI、GUILayout 2.EditorGUI、EditorGUILayout 编辑器类(脚本要放在Asse...
  • lyh916
  • lyh916
  • 2015年03月21日 13:58
  • 5908

Unity3d 5 官方教程:UI

UI UI系统允许用户迅速且直观地创建用户界面。本篇是对Unity的UI系统主要特性的介绍。 相关教程:用户界面CanvasCanvas是所有UI元素应当存放于内的区域。Canvas是一个有Can...
  • u010930289
  • u010930289
  • 2016年07月17日 16:54
  • 10588

在 Unity 中怎样创建 UI

在 Unity 中怎样创建 UI
  • yangmeng13930719363
  • yangmeng13930719363
  • 2016年05月29日 15:47
  • 7513

Unity FairyGUI测试过程

接上一篇,上一篇记录了利用Unity UGUI来制作一个简单UI界面的全过程。接下来拿FairyGUI来制作一个相同的界面,最后比较两个UI制作过程的优劣。1. 在FairyGUI Editor里面制...
  • andyqingliu
  • andyqingliu
  • 2017年02月07日 11:46
  • 2075

FairyGUI中常用的方法,对比UGUI

-----------------.
  • qq_39718162
  • qq_39718162
  • 2018年01月02日 13:46
  • 517

FairyGUI Unity评估

FairyGUI是一款UI制作的编辑器,它是一个跨平台的UI编辑器,支持多个开发平台,当然,对我们而言,它支持Unity,还有Egret,Egret和Unity有一点关系,它支持从Unity导入数据。...
  • yangxun983323204
  • yangxun983323204
  • 2017年11月09日 15:26
  • 414

初学FairyGUI,对比NGUI

粗略介绍了FairyGUI的背景与优缺点,介绍了在做界面时NGUI存在的问题
  • andyqingliu
  • andyqingliu
  • 2017年01月24日 10:53
  • 5616

Egret5.0使用FairyGUI教程(各种坑点)

总结一下Egret5.0中使用FairyGUI的各种坑
  • u011004567
  • u011004567
  • 2017年07月25日 00:29
  • 2439
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:FairyGUI编辑器制作Unity3D UI值得借鉴
举报原因:
原因补充:

(最多只允许输入30个字)