博客
关于我
unity的ugui-3.生成图片字体
阅读量:105 次
发布时间:2019-02-25

本文共 2298 字,大约阅读时间需要 7 分钟。

图片字符

创建单一字符

首先我们需要一张字体图片:

在这里插入图片描述
放入unity,修改sprite mode为multipie多张图,以便分割,
在这里插入图片描述
点击sprite editor,如果报错请下载2d spite工具
在这里插入图片描述
然后点击Slice,会自动分割数字,也可以自己再调下位置
在这里插入图片描述
在Project下新建材质number1,修改材质的shader,并放入刚刚的图片
在这里插入图片描述
在新建custom font命为number1,将上面的材质球,拖入default material
在这里插入图片描述
index:为1的1asic码值
uv:数字1在图片中的位置,不过要在0-1之间
vert:为偏移量,不过高度要取负
advance:宽度
flipped:反向

在创建text,将刚才自定义的字体拖入font即可

在这里插入图片描述
这样只能一个字符,下面用代码的形式创建多个字符

用到的脚本api知识

AssetDatabase类

AssetDatabase.GetAssetPath(object)

该object在assets下的路径,返回string

AssetDatabase.LoadAssetAtPath< T>(string fontPath)

加载该object的路径,返回T

AssetDatabase.LoadAllAssetsAtPath(path);

//加载该路径下的所有资源,返回Object[]

AssetDatabase.CreateAsset(object, string matPath);

在对应路径下创建object,无返回值

//保存资源

AssetDatabase.SaveAssets();

//更新asset修改的资源

AssetDatabase.Refresh();

CharacterInfo

用来修改自定义字体面版的一些属性

在这里插入图片描述

创建多个字符

代码:

using System.Collections;using System.Collections.Generic;using System.IO;using UnityEditor;using UnityEngine;public class XFImageFontMaker : MonoBehaviour{       //MenuItem可以让我们在asset下的物体右键执行指定方法    [MenuItem("Assets/XFCreateImageFont")]    static void XFCreateImageFont()    {           if (Selection.objects == null) return;        for(int i=0;i
(fontPath); if(font==null) { font = new Font(); //创建材质修改shader Material mat = new Material(Shader.Find("GUI/Text Shader")); //_MainTex为设置游戏对象的主纹理 mat.SetTexture("_MainTex", texture); //在文件夹里创建材质 AssetDatabase.CreateAsset(mat, matPath); font.material = mat; //在文件夹里创建字体 AssetDatabase.CreateAsset(font, fontPath); } //设置字符 Sprite[] sprites = LoadSpriteByPath(texturePath); if(sprites.Length==0) { print("没有发现创建的字符,请分割一下字符"); return; } CharacterInfo[] characterInfos = new CharacterInfo[sprites.Length]; for(int i=0;i
sprites = new List
(); //加载该路径下的所有资源 Object[] objects = AssetDatabase.LoadAllAssetsAtPath(path); for(int i=0;i

在这里插入图片描述

操作:

勾选图片数字1的Advanced->Read/write enabled

在这里插入图片描述
点击sprite editor修改每个字符的name的最后一位,因为是以名字最后一个作为字体的index(ascii),点击apply
在这里插入图片描述
当希望你的字符像放在下中的位置,请将中心点pivot改为top center(相反)

再对数字一图片,右键点击刚才的脚本

在这里插入图片描述
就会多出字体和材质
在这里插入图片描述
再新建Text,将自定义字体数字1拖入Text 的Font,居中,随便输入数字测试
在这里插入图片描述
当我们修改脚本时,要重新单击图片右键后才会生效

缺点:

1.这种方式无法修改字符大小
2.只能对ascii码表里的字符生效

转载地址:http://jkv.baihongyu.com/

你可能感兴趣的文章
Node.js初体验
查看>>
Node.js升级工具n
查看>>
Node.js卸载超详细步骤(附图文讲解)
查看>>
Node.js卸载超详细步骤(附图文讲解)
查看>>
Node.js基于Express框架搭建一个简单的注册登录Web功能
查看>>
node.js学习之npm 入门 —8.《怎样创建,发布,升级你的npm,node模块》
查看>>
Node.js安装与配置指南:轻松启航您的JavaScript服务器之旅
查看>>
Node.js安装及环境配置之Windows篇
查看>>
Node.js安装和入门 - 2行代码让你能够启动一个Server
查看>>
node.js安装方法
查看>>
Node.js官网无法正常访问时安装NodeJS的方法
查看>>
node.js模块、包
查看>>
node.js模拟qq漂流瓶
查看>>
node.js的express框架用法(一)
查看>>
Node.js的交互式解释器(REPL)
查看>>
Node.js的循环与异步问题
查看>>
Node.js高级编程:用Javascript构建可伸缩应用(1)1.1 介绍和安装-安装Node
查看>>
nodejs + socket.io 同时使用http 和 https
查看>>
NodeJS @kubernetes/client-node连接到kubernetes集群的方法
查看>>
NodeJS API简介
查看>>