Unity3D 文字滚动跑马灯效果
需求
在日常游戏中,文字滚动效果是比较常用的。例如日常游戏顶部的新闻公告,聊天系统的文字滚动,都属于这个范围。
思路
由于使用的地方比较广泛,所以希望能够尽量独立的游戏之外,能够做到随处使用的功能。NGUI中有很方便的实现,由于功能比较简单,我这里就使用U3D中原生的GUI进行实现,便于以后的移植。
实现
一、新闻公告类
新闻公告类的文字滚动一般都是由左向右,或者由下至上滚动的,并且多是单行单列的模式。
Lamppublic class Lamp : MonoBehaviour { public float scrollviewWidth; public float scrollviewHeight; public float moveSpeed; public GUISkin guiSkin; private float textPositionX = 10f; void OnGUI() { GUI.skin = guiSkin; float scrollviewPositionX = (Screen.width - scrollviewWidth)/2;//居中 //开始滚 GUI.BeginScrollView(new Rect(scrollviewPositionX, 10, scrollviewWidth, scrollviewHeight), Vector2.zero, new Rect(10, 10, scrollviewWidth, scrollviewHeight)); GUI.Label(new Rect(textPositionX,10,770,40),"翻滚吧!大爷!!"); textPositionX += Time.deltaTime*moveSpeed; //结束滚 GUI.EndScrollView(); } }
背景与本主题无关。。。。。
不过看起来字体有一点小,由于滚动区域和可视区域大小是一致的,所以没有显示出滚动条。在调用OnGUI的时候我提前设置了GUISkin,只需要修改GUISkin,就可以改变外观了。
简单的加了个纯色的背景,字体放大了点,有一点滚动条的意思了,没有可爱的美术同学的帮助果然很难看呀,只好先将就将就了。
一个简单的跑马灯就大功告成了。
二、聊天界面类
相对于新闻公告类来说的,聊天类就需要一个堆栈的布局,由上至下的进行添加。
Chat1 public class Chat : MonoBehaviour { 2 3 public string stringToEdit; 4 private List<string> chatContents = new List<string>(); 5 6 void Start () { 7 stringToEdit = string.Empty; 8 } 9 10 11 void OnGUI() 12 { 13 GUI.BeginScrollView(new Rect(10, 10, 400, 400), Vector2.zero, new Rect(10, 10, 400, 600)); 14 for (int i=0; i<chatContents.Count; i++) { 15 GUI.Label (new Rect (10, 10*(i+1), 770, 40), chatContents[i]); 16 } 17 GUI.EndScrollView(); 18 19 stringToEdit = GUI.TextArea(new Rect (10, 420, 400, 60), stringToEdit,200); 20 if (GUI.Button (new Rect (420, 420, 100, 40), "Send")) { 21 if(chatContents.Count>10){ 22 chatContents.RemoveAt(0); 23 } 24 chatContents.Add (stringToEdit); 25 stringToEdit = string.Empty; 26 } 27 } 28 }以上代码基本实现了聊天界面的展示,聊天显示内容数量的控制。
总结
直接使用OnGUI绘制的方法能够提高功能的复用度,基本上可以做到哪里需要就直接使用一个类库文件进行迁移。但是这只是简单的实现了其基本的功能,例如数据接口,运动方向控制等功能都还可以进行进一步的扩展。