Unity 对话气泡

前言:

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元

 

相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页