zoukankan      html  css  js  c++  java
  • Daikon Forge GUI 制作图集和字体集

    Daikon Forge GUI 制作UI面板

    在上次的学习中制作了一个简单的面板,下面来学习制作图集以及字体。

    1.DF-GUI 图集(Atlas)制作

    操作步骤

    选中UI Root根节点,在Scene场景中右键鼠标弹出如下菜单,选择需要制作的一个控件,在这里我选择了一个Texture sprite如下图。

    在右方面板出现如下图的组件

    Texture Sprite不需要制作图集,只需要导入位图,拖到图中所指示的位置即可。但是另外的Sprite ,如 Sliced Sprite需要制作图集才可以用。

    制作图集(Texture Atlas)

    在Sliced Sprite中出现如下图

    这里就需要制作图集。首先随便拖一些图片素材进去,这时候要注意设置一下图片的属性,有几个地方要改。否则无法制作图集。

    全部选中右击,选择如下选项。

    取好名字后得到3个文件 ,一个是大的图片集合,一个是图片的材质盒,最后一个是一个prefab,里面有一个DF Atlas脚本。在这里可以添加删除图片,但是添加的图片依然需要之前的设置。

    这样一个图集就制作完成,图集里面包含了许许多多小的图片,这样的目的是为了减少gpu 渲染的回调(draw call 或者opengl call),每次成批得渲染图片,而不是一张张去处理。

    2.DF-GUI 字体(Font)制作

    位图字体(BitMap Font)

    (1)首先是位图字体(BitMap Font),一般用作制作默认字体,可以用不同的工具,制作出的文字效果跟图片类似,因此可以做的很炫酷,一般在游戏中用作很少一部分的hud字体 。原理是根据位图中各个字母的位置获得相应的信息保存到一个文件,每次需要文字的时候,从数据文件读取信息,截取图片中的字母。因此需要有两个文件被选中才能制作。

    随便拖入或者从DF-GUI demo中获得2个BM Font文件。如下图制作。

    之后获得一个字体集的prefab,里面包含一个Df Font脚本,这时候需要把这个字体加入到一个大的图集里(因为BM Font也有一张大的图片),将这个字体图片拖入之前制作的图集中

    再将图集 拖入字体集相应的红色拖选框

    选择刚才制作的字体集,OK

    动态字体(Dynamic Font)

    (2)其次是动态字体(Dynamic Font),一般用作游戏中可以变化的字体,比如显示一些游戏信息用一个字体,显示提示用另外一个字体等等,这些字体是动态添加的,而不是被默认的,一般以.ttf作为后缀。其原理可以参考 http://venrar.blog.163.com/blog/static/60699459200881102648855/ 这篇文章。

    工程中拖入一个ttf文件,如下图操作,相对于BMFont比较简单。

    两种字体比较

    BM font的适用范围和Dynamic Font的适用范围不同

    前者适用于 label,而后者适用于 Rich Text Label,如下图。

    这个在可以尝试一下就可以知道。效果对比图:

    (4)如果需要默认的图集和默认BMfont字体,则在UI Root上的Df UIManager上拖入响应的图集和字体集,这样每次新建一个图片或者label,都以此图片集和字体集作为默认的。如下图所示操作

    这样就完成了图集和字体集的制作。

    说明

    转载自:http://blog.csdn.net/mlyx_ycy/article/details/14450791

  • 相关阅读:
    【Linux】【Shell】【Basic】文件查找locate,find
    【Linux】【Shell】【text】Vim
    【Linux】【Shell】【text】文本处理工具
    【Linux】【Shell】【text】grep
    【Linux】【Basis】用户、组和权限管理
    什么是高并发;超发的解决思路(悲观锁与乐观锁);高并发与多线程的关系--持续更新(十四)
    线程池的应用(十三)
    线程池基本概念(十二)
    ThreadLocal(十一)
    tomcat的单例多线程代码示例(十)
  • 原文地址:https://www.cnblogs.com/zhaoqingqing/p/3529291.html
Copyright © 2011-2022 走看看