前言:
unity真是啥都得自己写,还是ue4牛逼。
对话气泡功能挺实用的,下图是最终的效果。
准备阶段:
文字逐字显示动画用到了DOTWeen
需要自己用PS画对话气泡
需要自行学习相关的布局组件、
开始制作:
1.PS建一个100*100的对话气泡
导入到项目里面,并且打开
拖动绿线,上下左右到1像素,点击应用
上面是UI的结构,Image是Text的父级
所以Text能够重叠在图片上面。
图像类型一定要改成切片,这也是九宫格必备的。
Image加入这个组件,用来自适应文本框。此时文本框变大的话,图片也会变大。
此时就需要写代码了。文本框我们需要让它最大宽度保持200
自己新建一个组件,然后
基本上按照我上面的意思来就成。
文字逐字动画可以这样
using DG.Tweening;
Text b = this.view["Image/Text"].GetComponent<Text>();
b.DOText("123456789123456789123456789", 5);
b是text,DOText就是动画。需要引入DOTWeen
如何对话气泡跟随npc呢?
第一种做法,直接把UI弄到npc的下面,但是会受到缩放的影响。
第二张做法,弄到屏幕上,然后每帧设置位置,查找NPC的位置,然后转换为屏幕坐标。
如果遇到位置偏移问题要看看轴心,我的气泡的轴心是右下角,也就是
图片中的1,0 多调试一下总能弄好的。
以上就是大概的方向,如果还不懂请联系我QQ2659365465,50元