Flash 交互打字效果(1),Flash 交互打字效果(1)
【 tulaoshi.com - Flash 】
编者:虽然有人也许会说,这样的打字效果在Swish中可以很方便地实现……但是大家用Flash制作会有更多不同的体验,提醒大家注意:这里的初识文字是写在代码里面的,同时它还可以接受用户动态输入,完成交互显示。首先来处理这个效果中最重要的部分:字符的显示。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)1.新建一个影片元件“screen”。点选“文字”工具,在“属性”栏中将其改成“动态文本”(如下图),然后在影片中拉出一个大小合适的矩形区域。
2.点选刚刚拉出的文本区域,将其“instance”值改为“textarea”。然后调整其字体,颜色等参数至适当值。特别注意将文本区域的“行类型”改成“多行”。(参考下图)
3.点击第一帧,在“帧动作”中加入以下代码:
textarea.text=textshow.substring(0,index)+"_";
index++;
if(indextextshow.length)
stop();
gotoAndPlay(Math.ceil(Math.random()*5)+5);
4.在第10帧新建一个关键帧,点击第10帧,加入以下代码:
gotoAndPlay(1);
5.新建一个层“back”,在里面拉出一个跟文本框大小差不多的黑色矩形,作为文本框的背景。点击本层的第10帧,按F5键,将本层时长延长至第10帧。
6.新建一个层“sound”,点击“文件”-》“导入”,导入一个打字的声音文件。然后将其拖放到这一层的第一帧并适当延长本层时长。
好了,文字的显示部分基本完成,对代码部分不清楚的朋友请再仔细阅读本文开始的实现原理,下面继续。
来源:http://www.tulaoshi.com/n/20160129/1490960.html
看过《Flash 交互打字效果(1)》的人还看了以下文章 更多>>