Creator打字机效果

我封装了非常好用的方法
只需要传入指定的label，要显示的内容和每个字显示的时间间隔就可以，返回全部显示完所需时间
支持同一个label未全部显示完就再次设置新的显示内容
这个方法靠两个数组维持

 // 这个数组控制文字是否可以继续显示，防止文字乱套is_string: boolean[] = [];// 之前使用过set_label_stringTW方法的所有labellabel_last: LabelComponent[] = [];// 设置label内容以打字机形式显示   label为指定组件，string为显示内容，time为几秒多显示一个字   返回显示完全部文字的所需时间set_lable_stringTW (label: LabelComponent, string: string, time: number): number {let self = this;// 文字可以继续显示this.is_string.push(true);// 获取控制本次效果是否继续显示的变量号码let num = this.is_string.length - 1;// 如果不是第一次调用if (this.label_last != null) {// 利用for循环，将传入的label之前所有的打字机效果文字全部停止显示for (let i = 0; i < this.label_last.length; i ++) {if (this.label_last[i] == label) {this.is_string[i] = false;}}}// 把本次传入的label存起来this.label_last.push(label);// 设置显示内容为空label.string = "";// 将文本截成一个字一个字的数组let str: string[] = string.split("");// for循环利用定时器实现打字机效果for (let i = 0; i < str.length; i++) {// 文本的每个字let string = str[i];this.scheduleOnce(function () {// 如果可以显示if (self.is_string[num] == true) {// 显示给labellabel.string = label.string + string;}}, i * time);}// 返回全部显示完所需时间return(str.length * time - time);}

源码：https://gitee.com/propertygame/cocos-creator3.x-demos/tree/master/NoviceGuide
技术交流Q群：1130122408
更多内容请关注微信公众号

Creator打字机效果相关推荐

Creator新手引导 | 限制只能点击一个按钮 | 文字打字机效果
效果实现这个非常简单巧妙源码在文末实现思路节点有点多,一个一个讲解下 bg是游戏背景图,主要是为了和灰黑色的遮罩区别 Btn_parent是三个按钮的父节点,加了一个layout,使每个按钮不 ...
jq挑战30天——打字机效果+小程序
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
cdn加载插件和npm安装的差别_web开发：打字机效果插件Typed.js
本文同步发表在我的个人博客中: 沧沧凉凉www.cclliang.com 打字机效果是非常酷的文字显示效果,视觉表现极佳,而通过Typed.js可以很简单的在web开发中实现打字机效果. 1. 官网 ...
Cocos Creator 粒子效果插件
[插件]Cocos Creator 粒子效果版本2.3.4 参考: 粒子特效制作工具:Cocos2d Paticle Builder 粒子特效制作工具:Particle Designer 粒子特效制 ...
Gamemaker studio2经验（4）——打字机效果
问题概述在很多游戏中--算了实在不好意思写引言了,就直说啦.如果你是UT粉,想用gm搞搞UT的同人作品但是又无从下手,那么请看过来. 对于RPG类游戏,文字交流系统是不可或缺的,但是gm的文字系统- ...
如何实现文字逐个出现的打字机效果
嗨!大家好,我是小蚂蚁. 今天分享一下如何在微信小游戏制作工具中实现文字逐个出现的打字机效果,这个小功能可以用于游戏中的文字对白的展示,如果你要做的是一个文字类游戏的话,那么肯定用的上. 最终的效果如 ...
html5 打字机效果,使用JavaScript制作打字机文本效果
我们在看电影时经常能够看到一些炫酷的打字机效果,用于显示一些地名或剧情简介.我们在网页中也能够实现类似的效果,目前网上已经有很多打字机效果的插件,如轻量级响应式jQuery打字机特效插件和逼真的js打 ...
java图形打字机_Android模仿打字机效果的自定义View实现
前言在做splash界面的时候,需要做类似于打字机打字的效果,字一个一个地蹦出来,显示每一个字都带有打字的声音. 效果演示本例自定义View的演示效果如下(PS:一直不知道在Android上怎么录 ...
AEJoy —— 表达式之闪烁光标的打字机效果（二）【JS】
效果图打字机效果之红色闪烁的鼠标光标一旦您知道在哪里添加表达式,为键入动画的光标添加颜色实际上是很容易的. 演示的打字机动画与闪烁的彩色光标下面下面我创建了 4 种方法来学习这个 After E ...
Vue3实现打字机效果
typeit 介绍 typeit是一款轻量级打字机特效插件.该打印机特效可以设置打字速度,是否显示光标,是否换行和延迟时间等属性,它可以打印单行文本和多行文本,并具有可缩放.响应式等特点.官方文档安 ...

Creator打字机效果

Creator打字机效果相关推荐

最新文章

热门文章