Flash as3制作打字動畫效果實例教程

本例為Flash AS3.0實例之打字效果,打字效果也是一個比較老的的效果,用來熟悉AS3.0的字符串和文本是最好的,希望能給朋友們帶來幫助。
AS3.0實例教程三-打字效果
打字效果也是一個比較老的的效果,沒辦法本人太笨,想來想去還是覺得用這個效果來熟悉AS3.0的字符串和文本是最好的。
在AS3.0中字符串和文本與AS2.0相比變化不是太大,在AS2.0入門教程中已對字符串和文本作了祥細介紹,這里就不再細說了。
創(chuàng)建文本框與以住有些不同,在AS3.0中創(chuàng)建文本格式如下:
var 文本名稱:TextField = new TextField();
這樣文本框就創(chuàng)建了,但在AS3.0中顯示對象要用addChild()方法添加到顯示列表中,才能在屏幕上看到它,因此就還得加上一句:
addChild(文本名稱);
下面來看一個例子:創(chuàng)建一個文本,并讓文本顯示一些內(nèi)容。
在幀動作中輸入下面的代碼:
var mytext: TextField = new TextField();
mytext.text = "我已經(jīng)創(chuàng)一個文本了";
addChild(mytext);
測試影片,你會看到一個文本:"我已經(jīng)創(chuàng)一個文本了"顯示在屏幕上了。
文本框創(chuàng)建之后就可以設(shè)置其屬性,調(diào)用其方法了。比如:appendText()方法,它將地在號中的字符串添加到文本的的結(jié)尾處,看下面的代碼:
var mytext: TextField = new TextField();
mytext.width=300;
mytext.text = "我已經(jīng)創(chuàng)一個文本了";
mytext.appendText(",我又加了一些內(nèi)容");
addChild(mytext);
測試影片,看到的內(nèi)容是:"我已經(jīng)創(chuàng)一個文本了,我又加了一些內(nèi)容"。你可真能干,你還能加些內(nèi)容。這里我們加了一句:mytext.width=300;這設(shè)置了文本的寬度,以適應(yīng)文本內(nèi)容,使它能完全顯示出來。
下面進入主題,實現(xiàn)打字效果:
新建flash文檔,記住建AS3.0文檔。
然后,導(dǎo)入一個打字聲音素材(只有一聲的那種,附件已提供)到庫中,在庫中右擊聲音元件,點“連接”(flash8,cs3)或“屬性”(flash cs4),在“為ActionScript導(dǎo)出“前打鉤,在”類“文本框中輸入一個類名稱,我的名稱是:dzs,”確定“后會彈出一個對話框,再”確定 “。
下面打開幀動作面板寫代碼。
首先聲明一個字符串對象,將要打出的文字包含進去:
var mystr:String = "在新春佳節(jié)來臨之際,祝中國教程網(wǎng)的朋友們,新春快樂,萬事如意,牛年牛氣沖天!";
然后,聲明一個變量,存儲字符串的字符數(shù),備用:
var strcd:Number = mystr.length;
接下來創(chuàng)建文本框,設(shè)置寬度,位置和縮放:
var mytextbox:TextField = new TextField();
mytextbox.width = 300;
mytextbox.x=120;
mytextbox.y=100;
mytextbox.wordWrap = true;//文本框向下擴展
創(chuàng)建一個文本格式對象,設(shè)置文本的格式:
var strformat:TextFormat = new TextFormat();
strformat.bold = true;
strformat.color = 0xffff00;
strformat.size = 20;
將文本添加到顯示列表:
addChild(mytextbox);
下面創(chuàng)建一個函數(shù)將字符串內(nèi)容添加到文本上,并調(diào)用打字聲音,因為我們后面會用Timer類實例來調(diào)用函數(shù),所以在函數(shù)的事作參數(shù),我們用 event:TimerEvent,字符串的charAt(i)方法可以提取字符串中的第i個字符。文本框在有了內(nèi)容后調(diào)用 setTextFormat()方法才會有作用,所以在這里才用它。
var i =0;
function xs(event:TimerEvent):void{
mytextbox.appendText(mystr.charAt(i));
i++;
mytextbox.setTextFormat(strformat);
新建一個dzs類,即我們導(dǎo)入的聲音,它將繼承Sound類的屬性和方法。所以用play()播放它,這樣每加一個字符就會出現(xiàn)一聲打字聲。
var sy:dzs = new dzs();
sy.play();
}
下面創(chuàng)建Timer類,設(shè)置每300毫秒調(diào)用一次xs函數(shù),為文本添加一個字符,一共調(diào)用字符串的個數(shù)那么多次:
var jg:Timer = new Timer(300,strcd);
jg.addEventListener(TimerEvent.TIMER,xs);
jg.start();
測試影片,效果應(yīng)該出來了。
相關(guān)文章
flash如何做雨滴下落的動畫效果? Flash8做一個下雨效果的技巧
flash如何做雨滴下落的動畫效果?想要做一個逼真的雨滴落下的效果,該怎么做雨滴落下水花擴散的效果呢?下面我們就來看看Flash8做一個下雨效果的技巧2022-08-18flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做? 理發(fā)店旋轉(zhuǎn)燈制作技巧
flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做?經(jīng)常使用flash制作動畫效果,該怎么制作旋轉(zhuǎn)燈效果,下面我們就來看看理發(fā)店旋轉(zhuǎn)燈制作技巧,詳細請看下文介紹2022-07-23flash怎么把形狀變成文字? flash星星變文字動畫的實現(xiàn)方法
flash怎么把形狀變成文字?flash繪制的星星想要慢慢變成文字,該怎么將圖形變文字呢?下面我們就來看看flash星星變文字動畫的實現(xiàn)方法,詳細請看下文介紹2022-06-06flash怎么制作補間動畫? flash變形動畫的實現(xiàn)方法
flash怎么制作補間動畫?flash中想要制作形狀變化的動畫效果,該怎么制作補間動畫呢?下面我們就來就來看看flash變形動畫的實現(xiàn)方法2022-02-06FLASH怎么讓搖曳的荷花更逼著? flash制作風(fēng)吹荷花動畫的技巧
FLASH怎么讓搖曳的荷花更逼?flash中想要制作風(fēng)吹荷花的動畫熊愛國,該怎么制作這個效果呢?下面我們就來看看flash制作風(fēng)吹荷花動畫的技巧2022-02-06flash怎么制作荷花在荷花池里搖擺的動畫? FLASH做擺動荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動畫??flash中想要制作荷花搖擺的動畫,該怎么制作荷花搖曳的動畫呢?下面我們就來看看FLASH做擺動荷花的技巧2022-02-06flash怎么做徑向彩虹文字動畫? 文字添加彩虹動畫效果的技巧
flash怎么做徑向彩虹文字動畫?flash椎間盤買個輸入的文字,想要添加動畫效果,該怎么添加徑向彩虹文字效果呢?下面我們就來看看flash文字添加彩虹動畫效果的技巧,詳細請2021-11-09flash怎么做眨眼動畫效果? flash動漫人物眨眼動畫的做法
flash怎么做眨眼動畫效果?flash中想要制作一個動漫人物的眼睛眨眼動畫,該怎么制作呢?下面我們就來看看flash動漫人物眨眼動畫的做法2021-11-08flash怎么制作火焰文字效果? flash做火焰字體動畫的技巧
flash怎么制作火焰文字效果?flash中想要制作一個熊熊燃燒的活顏文字,該怎么制作這個文字效果呢?下面我們就來看看flash做火焰字體動畫的技巧2021-11-01flash怎么做文字動畫logo? 閃動的片頭動畫flash的實現(xiàn)方法
flash怎么做文字動畫logo?flash中想要制作一個文字logo的動畫,讓文字閃爍,該怎么制作這個效果呢?下面我們就來看看flash制作文字動畫的技巧2021-10-29