NGUI实用操练（一）如何实现逐字打印效果【NGUI2.6.3】

最新推荐文章于 2021-03-22 03:48:19 发布
最新推荐文章于 2021-03-22 03:48:19 发布
阅读量1.8k 收藏
点赞数
分类专栏： NGUI 文章标签： 2d 游戏 插件 NGUI 动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LGFEngine/article/details/25107473
版权


从本节开始，我和大家一起学习研究下，如何用NGUI去做项目中实际需求的各种效果。（Ps：基于NGUI 2.6.3版本）

大家可以看下NGU/Examples/Scenes/Example 3 - Menu例子，上面有一个逐字打印效果。如图：

上面的字是可以动态输出的。那这个东西是怎么做的呢？别急，很简单，下面我来说下：


（1）创建一个2D的NGUI

（2）增加一个UITexture用来做背景

（3）增加一个UILabel

（4）在UILabel上增加Typewriter Effect组件


这样一个逐字打印的UI效果就完成了。如下是效果图：

LGFEngine
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js实现逐字打印效果，文本逐字显示
aiting4826的博客
06-26 1554
本文介绍的是利用js实现文本逐步显示的效果，简单的说，就是文字一个字一个字的显示出来，就像打印一样。 (引用别人的博客，原文章地址：http://www.gold404.cn/article/1545450130.html) <!DOCTYPE html> <html> <head> <title>js实现逐字打印效果...
NGUI2.6.3文档
09-11
NGUI文档2.6.3，截止2013.9.11官方文档也才出到2.6.3 算是最新版 本文件为exe单个文件，查阅和储存都很方便
NGUI实现打印机效果
qq_38721111的博客
04-26 320
使用NGUI实现打印机的效果需要使用到TypewriterEffect组件，将其与UILabel文本框结合使用即实现。 首先先创建一个Label(在此之前肯定要创建UIRoot了，NGUI—> Create —>2DUI,再在Camera上创建Panel),NGUI—> Open —>Widet Wizard。 就是这样的层次： 下面再看一下Label上需要的...
Unity3D插件 NGUI2.6.3
07-09
NGUI是Unity的一个插件，使用它来制作你的游戏UI必定将事半功倍。为什么这么说呢？首先我们说说GUI与NGUI的区别，GUI是Unity自带的绘制界面工具，它的成像原理是基于表层的，所以执行效率非常的低，并且没有提供复杂的UI的接口，就算开发者硬着头皮写上去只能让UI的执行效率更低。然而NGUI 完全依赖与3D就好比在游戏世界中的摄像机直直的照射在一个平面中，在平面之上再去绘制自己的UI，所以它的执行效率会非常高。
NGUI系列教程三
秋风扶柳笛的专栏
08-30 9482
接下来我们再来看Progress Bar和Slider，对比参数我们可以发现，Progress Bar和slider的明显区别在于slider多一个Thumb选项，这里的Thumb就是我们拖动的时候点击的按钮。   Empty 和Full选项其实就是前景和背景的Spirit。这里大家都已经熟悉了，我们看Slider和ProgressBar的根节点，也可以发现，Slider之比Proge
NGUI系列教程七（3D视图&ScrollView）
秋风扶柳笛的专栏
08-30 8365
今天我们通过一个综合的例子来讲解NGUI的3dUI 和ScrollView。本例结合是了NGUI官方自带例子中的Example 6 - Draggable Window和Example 7 - Scroll View (Panel)两个场景的内容来讲的，帮助大家更好的理解这两个场景的内容。如果大家对这两个场景都很精通的话，可以忽略此教程。最终实现结果如下图： １．首先新建一个场景，通过菜单N
NGUI实现滑动翻页效果实例代码
09-02
这个实例中的代码展示了如何利用NGUI的事件监听和Tween系统实现滑动翻页的效果，这在创建电子书、幻灯片展示或者任何需要翻页效果的项目中都非常实用。通过理解这段代码，你可以进一步拓展自己的NGUI技能，比如增加...
NGUI2.6.3系列教程
09-04
总之，NGUI 2.6.3为Unity开发者提供了一个强大且灵活的UI解决方案。通过理解并运用其各项功能，开发者能够创建出高质量的2D和3D界面，满足各种游戏项目的需求。在实践中不断探索和学习，NGUI将是你构建游戏世界的...
NGUI回血效果制作Dome
02-03
NGUI回血效果制作Dome，这里有一个Unity包，Import到Unity中打开场景，C#脚本查看具体实现方式，简单易懂操作简单，适合初学者的满足
unity UGUI实现打字机效果
01-20
将改脚本挂载到含有UGUI组件Text的对象上面，该脚本将控制Text的文本，以打字机的效果进行显示
NGUI2.6.3下载地址
杜甲同学的专栏
07-20 1516
NGUI2.6.1下载地址：Hi，推荐文件给你 "NGUI+Next-Gen+UI.rar" http://vdisk.weibo.com/s/KLqn5
NGUI学习之路（1）Tween系列【NGUI2.6.3】
LGFEngine
04-30 1523
TweenPosition
NGUI系列教程二
热门推荐
秋风扶柳笛的专栏
08-30 1万+
接下来我们创建一个Label，NGUIàOpen the Widget Wizard,打开widgetTool对话框，在Template中选择Label，确定AddTo右侧选项为panel，点击，Add To完成Label创建。 1.Label属性窗口如图 1.下面的节奏可能有点快，大家可以先熟悉一下上面讲的流程，再进行下面的学习。接下来我们依次创建Button和Input,因为这两个
NGUI实用操练（二）如何实现窗口拖动？【NGUI2.6.3】
LGFEngine
05-06 2277
这一篇，与大家一起学习下，如何对一个2D UI窗口，实现拖动
php逐字输出,JS做出文本逐字打印
weixin_31880471的博客
03-22 309
这次给大家带来JS做出文本逐字打印，JS做出文本逐字打印的注意事项有哪些，下面就是实战案例，一起来看一下。本文实例讲述了JavaScript实现简单的文本逐字打印效果。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下： js打字效果p {width:980px;margin:10px auto;background:#F3E6EA;border:2px outset #f9c6aa;...
javascript 实现简单的逐字打印的效果
Dailoge的博客
08-30 2735
javascript 实现简单的逐字打印的效果
NGUI v301 官网详解 Example 3 - Menu
weixin_34061042的博客
01-06 85
2019独角兽企业重金招聘Python工程师标准>>> ...
文字滚动1.0，基于NGUI实现文字滚动
qq_24628687的博客
12-04 616
基于NGUI实现文字游戏的滚动文字框功能 最近在开发一款文字小游戏，文字游戏为了增加效果，需要让文字一个接一个的显示出来，而不是一次性全部显示出来，于是自己写了一个简单的文字滚动显示的功能，代码： public class UIRollLabel : UILabel { /// <summary> /// 是否正在滚动中 /// </summary>...
Unity实现Text逐字显示
Dragon Peng 的博客
12-01 8022
Unity实现Text逐字显示 不说废话直接上代码 [RequireComponent(typeof(Text))] public class TrendsText : MonoBehaviour { public uint m_TextIndent; //首行缩进--字符数 [TextArea(4, 10)] publi...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值