手机
当前位置:查字典教程网 >网页设计 >Flash教程 >Flash as3制作打字动画效果实例教程
Flash as3制作打字动画效果实例教程
摘要:本例为FlashAS3.0实例之打字效果,打字效果也是一个比较老的的效果,用来熟悉AS3.0的字符串和文本是最好的,希望能给朋友们带来帮助。...

本例为Flash AS3.0实例之打字效果,打字效果也是一个比较老的的效果,用来熟悉AS3.0的字符串和文本是最好的,希望能给朋友们带来帮助。

AS3.0实例教程三-打字效果

打字效果也是一个比较老的的效果,没办法本人太笨,想来想去还是觉得用这个效果来熟悉AS3.0的字符串和文本是最好的。

在AS3.0中字符串和文本与AS2.0相比变化不是太大,在AS2.0入门教程中已对字符串和文本作了祥细介绍,这里就不再细说了。

创建文本框与以住有些不同,在AS3.0中创建文本格式如下:

var 文本名称:TextField = new TextField();

这样文本框就创建了,但在AS3.0中显示对象要用addChild()方法添加到显示列表中,才能在屏幕上看到它,因此就还得加上一句:

addChild(文本名称);

下面来看一个例子:创建一个文本,并让文本显示一些内容。

在帧动作中输入下面的代码:

var mytext: TextField = new TextField();

mytext.text = "我已经创一个文本了";

addChild(mytext);

测试影片,你会看到一个文本:"我已经创一个文本了"显示在屏幕上了。

文本框创建之后就可以设置其属性,调用其方法了。比如:appendText()方法,它将地在号中的字符串添加到文本的的结尾处,看下面的代码:

var mytext: TextField = new TextField();

mytext.width=300;

mytext.text = "我已经创一个文本了";

mytext.appendText(",我又加了一些内容");

addChild(mytext);

测试影片,看到的内容是:"我已经创一个文本了,我又加了一些内容"。你可真能干,你还能加些内容。这里我们加了一句:mytext.width=300;这设置了文本的宽度,以适应文本内容,使它能完全显示出来。

下面进入主题,实现打字效果:

新建flash文档,记住建AS3.0文档。

然后,导入一个打字声音素材(只有一声的那种,附件已提供)到库中,在库中右击声音元件,点“连接”(flash8,cs3)或“属性”(flash cs4),在“为ActionScript导出“前打钩,在”类“文本框中输入一个类名称,我的名称是:dzs,”确定“后会弹出一个对话框,再”确定 “。

下面打开帧动作面板写代码。

首先声明一个字符串对象,将要打出的文字包含进去:

var mystr:String = "在新春佳节来临之际,祝中国教程网的朋友们,新春快乐,万事如意,牛年牛气冲天!";

然后,声明一个变量,存储字符串的字符数,备用:

var strcd:Number = mystr.length;

接下来创建文本框,设置宽度,位置和缩放:

var mytextbox:TextField = new TextField();

mytextbox.width = 300;

mytextbox.x=120;

mytextbox.y=100;

mytextbox.wordWrap = true;//文本框向下扩展

创建一个文本格式对象,设置文本的格式:

var strformat:TextFormat = new TextFormat();

strformat.bold = true;

strformat.color = 0xffff00;

strformat.size = 20;

将文本添加到显示列表:

addChild(mytextbox);

下面创建一个函数将字符串内容添加到文本上,并调用打字声音,因为我们后面会用Timer类实例来调用函数,所以在函数的事作参数,我们用 event:TimerEvent,字符串的charAt(i)方法可以提取字符串中的第i个字符。文本框在有了内容后调用 setTextFormat()方法才会有作用,所以在这里才用它。

var i =0;

function xs(event:TimerEvent):void{

mytextbox.appendText(mystr.charAt(i));

i++;

mytextbox.setTextFormat(strformat);

新建一个dzs类,即我们导入的声音,它将继承Sound类的属性和方法。所以用play()播放它,这样每加一个字符就会出现一声打字声。

var sy:dzs = new dzs();

sy.play();

}

下面创建Timer类,设置每300毫秒调用一次xs函数,为文本添加一个字符,一共调用字符串的个数那么多次:

var jg:Timer = new Timer(300,strcd);

jg.addEventListener(TimerEvent.TIMER,xs);

jg.start();

测试影片,效果应该出来了。

【Flash as3制作打字动画效果实例教程】相关文章:

Flash CS3轻松制作动态文字效果实例教程

Flash模仿制作出蜘蛛网动画效果实例教程

flash 制作求函数解析式

Flash实例教程:单选题的制作

Flash制作动画图文教程

flash as简单制作飘雪动画

最新flash相册特效动画教程

Flash教你如何制作吹泡泡动画特效

Flash cs3制作炫丽的烟花效果

flash怎么制作特殊日子制作倒计时动画?

精品推荐
分类导航