TextMeshPro 实现聊天系统动态表情

TextMeshPro 实现聊天系统动态表情

在游戏开发中，需要图文混排，表情，超链接，等富文本功能。
本文选择Unity免费提供的TextMeshPro 解决方案。

TextMeshPro官方文档
官方文档： http://digitalnativestudios.com/textmeshpro/docs/

1.打图集
（1）把所有的表情图片导入到TexturePack，打成图集
（2）TexturePack导出的文件有两个，xxxAtlas.png和xxxAtlas.json
（3）把Atlas.png和Atlas.json，导入Unity中
（4）选中Atlas.png，右键Create->TextMeshPro->Sprite Asset，会生成一个xxxAtlas…asset的文件
（5）将生成的图集xxxAtlas.asset拷贝到 TextMesh Pro/Resources/Sprite Assets 文件夹下面，同时将同时将xxxAtlas.png 拷贝到TextMesh Pro/Sprites文件夹下面

2.设置TMP Settings
将Default Sprite Asset 设置成上一步生成的xxxAtlas…asset的文件

3.测试效果
新建一个TextMeshPro，赋值<spriteindex=1 anim=1,5,5>就可以看到效果啦

4.扩展
TMP可以在sprite中指定多个属性，anim可以指定播放图集的开始索引，结束索引，播放速率
<sprite=0><sprite=1><sprite=2><sprite=3>
<sprite=“emoji” index=0><sprite=“emoji” index=1>
<sprite=“emoji” anim=0,3,10>
<sprite=“EmojiOne” index=1 anim=1,5,5>

5.注意
如果需要对表情位置进行调整，可以选中xxxAtlas.asset文件，设置Global Offsets

TextMeshPro 实现聊天系统动态表情相关推荐

NGUI聊天信息中插入动态表情
聊天系统中难免需要加入动态表情来增加表现力,而使用NGUI中自带的表情系统有些局限:一是只能使用静态表情,二是需要制作字体图集,不能使用动态图集.所以需要另外寻找方法实现聊天文字中插入动态表情的效果. ...
python是动态语言图片_利用python图片生成，需10几行代码，生成的动态表情包（小黄鸭）...
小编找到了10几行的,好玩的动态表情包生成的代码.分享分享! 这个程序怎么做呢?不要急,来听我给大家分析分析. 工具:程序环境语言:Python 3.6 编辑器:Pycharm 程序步骤实现字符动 ...
小程序源码：开心锤锤超火动态表情包
这是一款表情包小程序源码大家刷抖音的时候应该都刷过开心锤锤这个网红卡通短视频吧现在这一款小程序就是和它有关的里面的表情包呢大部分都是动态表情包(斗图的时候是不是更炫) 至于里面的表情包人物的就都 ...
微信小程序：开心锤锤超火动态表情包微信小程序源码下载自动采集
这是一款表情包小程序源码大家刷抖音的时候应该都刷过开心锤锤这个网红卡通短视频吧现在这一款小程序就是和它有关的里面的表情包呢大部分都是动态表情包(斗图的时候是不是更炫) 至于里面的表情包人物的就都 ...
怎么制作gif动态图 QQ动态表情包怎么制作
在平时的聊天中经常会使用到GIF动图,不仅仅可以缓解气氛,还很有趣,那这些动态图是如何制作的呢?没有想象的那么难,今天来看看怎么制作的吧! 1.先准备好素材,要制作什么样的动图,可以是图片也可以是视频 ...
unity3d 图文并排--动态表情--超链接。
先看一下demo 主要是通过正则表达式,获取文本标签信息. 然后重载OnPopulateMesh方法,重新绘制文本模型. 代码有点多,贴上主要方法OnPopulateMesh: protected o ...
关于如何设计动态表情的分享
真心话表情, 专治直男癌~ 还不快发给你的男友????? 这次给大家带来一篇简单的动态表情制作教程方法是我个人经常使用的,希望对大家有所帮助祝各位学习愉快~~编辑:千锋UI设计
小程序源码：开心锤锤超火动态表情包-多玩法安装简单
这是一款表情包小程序源码大家刷抖音的时候应该都刷过开心锤锤这个网红卡通短视频吧现在这一款小程序就是和它有关的里面的表情包呢大部分都是动态表情包(斗图的时候是不是更炫) 至于里面的表情包人物的就都 ...
开源动态表情识别算法Emotion-recognition
就了解,有几家做脸部特征识别的算法公司都顺利拿到了VC投资, 因此我们可以看到表情识别的前景还是非常广泛. 举例,识别上课学生动态表情,可识别20种人类情绪,并在其中选出8种情绪进行应用:正面情绪&q ...

TextMeshPro 实现聊天系统动态表情

TextMeshPro 实现聊天系统动态表情相关推荐

最新文章

热门文章