提示：這是個(gè)很妙的效果，說這句話是為了引起你的閱讀興趣，提供思路為主，以文字為例，更好的效果如把文字換成圖片散射依照這個(gè)思路應(yīng)當(dāng)可以很完美的實(shí)現(xiàn)，同時(shí)，第三部分的BUG已經(jīng)清除，所以我對(duì)本文章作下修改，謝謝各位的幫忙。
第一部分：同一坐標(biāo)點(diǎn)散射，類似煙花效果
目標(biāo)：大量文字從一個(gè)原點(diǎn)向四周散射
“大量”———————很顯然，要用到duplicatemovieclip或者attachmovie，這里我選擇attachmovie，至于
什么原因，以下我將闡述。
“散射”——————x,y偏移，結(jié)合Math.random()就是隨機(jī)偏移.隨機(jī)數(shù)的取值要有正且有負(fù)，因?yàn)樯⑸涫撬拿姘朔降腦，Y偏移。
“一個(gè)原點(diǎn)”————這個(gè)效果的原理理解關(guān)鍵點(diǎn)就在這里，一個(gè)原點(diǎn)，換句話說就是將復(fù)制出來的MC坐標(biāo)歸于一個(gè)位置，這樣任意一個(gè)x,y偏移值，播放起來就是一個(gè)散射，他不同于那種“不同坐標(biāo)點(diǎn)散射”，即如果你把復(fù)制出來的坐標(biāo)值隨機(jī)設(shè)定，加上一個(gè)單純的x,y偏移，MC會(huì)到處亂飛，畫面會(huì)毫無規(guī)律。這一點(diǎn)一定要理解。
實(shí)現(xiàn)步驟：
1，隨便做個(gè)帶文字的MC，在庫中l(wèi)inkage名為mymc
2，舞臺(tái)時(shí)間軸代碼：

LEFT = 0;
TOP = 0;
RIGHT = Stage.width;
BOTTOM = Stage.height;
maxspeed=25
maxmc=100
minmc=20
function randrange(min,max){
var randomnum=Math.floor(Math.random()*(max-min 1)) min
return randomnum
}//自定義函數(shù)，取兩數(shù)之間的隨機(jī)數(shù)
mcnum=randrange(minmc,maxmc)
trace(mcnum)//測(cè)試用
for(i=0;i<=mcnum;i ){
dupmc=attachMovie("mymc","mymc" i,10 i)
trace(dupmc)//測(cè)試用
dupmc._x=200
dupmc._y=200//設(shè)定同一個(gè)坐標(biāo)位置
dupmc._xscale=dupmc._yscale=randrange(0,100)
dupmc.speedx=randrange(-maxspeed,maxspeed)
dupmc.speedy=randrange(-maxspeed,maxspeed)//每一個(gè)復(fù)制出來的MC都會(huì)有一個(gè)隨機(jī)x,y偏移(從自己的負(fù)值到自身值，保證了坐標(biāo)既有正也有負(fù)）
dupmc.onEnterFrame=function(){
this._x =this.speedx
this._y =this.speedy
if (this._x < LEFT || this._x > RIGHT || this._y < TOP || this._y > BOTTOM) {
this.removeMovieClip();
}//end if
}
}
ok,代碼結(jié)束，以下我談?wù)勎覟槭裁床挥胐uplicatemovieclip而用attachmovie
我們都知道把duplicatemovieclip或attachmovie前面加一個(gè)變量，很方便調(diào)整MC屬性，書寫也簡(jiǎn)單，但實(shí)
現(xiàn)方式有兩種。
起初我是用duplicatemovieclip，前面設(shè)定了一個(gè)變量，即：
dupmc=duplicatemovieclip("mymc","mymc" i,10 i)
trace(dupmc)//測(cè)試用
輸出undefined，而換成attachmovie就能正常輸出了
所以我選擇了attachmovie，但說實(shí)在話，attachmovie也不是什么好鳥，MC一大，就會(huì)延遲進(jìn)度，所以這是個(gè)問題，歡迎共同探討，我就來拋磚引玉。

效果欣賞　　源碼下載

第二部分：不同坐標(biāo)點(diǎn)的文字散射
目標(biāo)：文字呈一種空間放射狀散射出來，并不斷循環(huán)，外加透明度，縮放比例動(dòng)態(tài)調(diào)整塑造立體感，空間感。
要點(diǎn)：空間感和節(jié)奏感（動(dòng)作執(zhí)行有間隔，逐個(gè)出現(xiàn)并依次放射）
概念理解：MC內(nèi)部時(shí)間軸的坐標(biāo)系是制作空間感最好的坐標(biāo)系，任何點(diǎn)無論在在哪個(gè)象限內(nèi)，用坐標(biāo)值乘
以一個(gè)遞增的正變量，都可以達(dá)到放射的目的。
首先，得明白主時(shí)間軸和MC內(nèi)部時(shí)間軸的坐標(biāo)差別——————推出MC內(nèi)部時(shí)間軸坐標(biāo)特點(diǎn)：就是一個(gè)直角坐標(biāo)系，中心為原點(diǎn)，分為四個(gè)象限，這正是我們所要的坐標(biāo)系，因?yàn)槲覀円派洌鴺?biāo)值的偏移應(yīng)該有正有負(fù)，而在舞臺(tái)的時(shí)間軸，畫面只能顯示_x>=0&&_y>=0的區(qū)域，是個(gè)不易操作的坐標(biāo)系。下面來舉個(gè)例子說明MC內(nèi)部時(shí)間軸的坐標(biāo)系是制作空間感最好的坐標(biāo)系。
以一個(gè)公式開頭（在頭腦中畫出高中數(shù)學(xué)的直角坐標(biāo)系）：
mymc._x = a*c
mymc._y = b*c
其中，a,b是坐標(biāo)系中隨機(jī)的一個(gè)點(diǎn)，它的x坐標(biāo)為a, y坐標(biāo)為b, c是一個(gè)遞增值。
那現(xiàn)在推算下是不是無論該點(diǎn)在哪個(gè)象限內(nèi)，都可以達(dá)到放射的目的呢？
在第一象限：
a>0,b>0,c遞增———X坐標(biāo)不斷增加，同時(shí)Y坐標(biāo)也不斷增加———放射
在第二象限：
a<0,b>0,c遞增———X坐標(biāo)不斷遞減，同時(shí)Y坐標(biāo)不斷增加———放射
在第三象限：
a<0,b<0,C遞增———X坐標(biāo)不斷遞減，同時(shí)Y坐標(biāo)也不斷遞減———放射
在第四象限：
a>0,b<0,c遞增———X坐標(biāo)不斷增加，同時(shí)Y坐標(biāo)不斷遞減———放射
思路：
首先，在限定范圍內(nèi)（最好小一點(diǎn)，為他的散射留出更多空間，這樣會(huì)覺得字從很深的地方飄來，
以下我限定的是-10——9），為復(fù)制的MC設(shè)定一個(gè)隨機(jī)位置，這就相當(dāng)于我上面所舉例子中的a和b，他們
其實(shí)是個(gè)坐標(biāo)初值。
然后，要達(dá)到放射效果，還需要一個(gè)遞增的正變量，即c，
所以我打了個(gè)字，轉(zhuǎn)換成了MC，再次轉(zhuǎn)換，命名為mymc,并延長(zhǎng)至第3禎，新建一AS層。
為了讓要出現(xiàn)的東西依次出現(xiàn)(既可以體現(xiàn)節(jié)奏感，又可以防止文字重疊現(xiàn)象），我選擇禎循環(huán)的編程方式。
第一禎：設(shè)一些要用到的變量初值
mymc._alpha = 0;
i = 1;
numOfText = 20;
minOfZ = 1;
maxOfZ= 120;
第二禎：主程序

function randrange(min,max){
var randomnum=Math.floor(Math.random()*(max-min 1)) min
return randomnum
}//自定義函數(shù)，取兩數(shù)之間的隨機(jī)數(shù)
duplicateMovieClip("mymc", i, i);
this[i].x = randrange(-11,9);
this[i].y = randrange(-10,9)//我選擇的初始坐標(biāo)范圍是-10到9
this[i].z = random(maxOfZ) 1;//1——120之間的整數(shù)
this[i].dz = -2;
this[i].gotoAndStop(random(this[i]._totalframes) 1);
this[i].onEnterFrame = function() {
this.z = this.dz;//做加速運(yùn)動(dòng)
if (this.z<minOfZ) {
this.x = randrange(-11,9);
this.y = randrange(-10,9)//這里的this也可以改為this[i]
this.z = maxOfZ;//this.z<minOfZindex時(shí)，也就是MC到達(dá)極限透明度，X，Y，比例
時(shí)，此時(shí)他已經(jīng)超出了舞臺(tái)，要不間斷播放，需要重新設(shè)定他的初值
}
this.pers =600/this.z;//由于每次減2，所以this.z最小值為2，因?yàn)樵贉p2就為0了，小于1
this._x = this.x*this.pers;
this._y = this.y*this.pers;//this.pers會(huì)越逐漸遞增
this._xscale = this._yscale=this.pers;
this._alpha = 1000/this.z;//這里的1000你也可以改，不過別太小
};
第三禎：條件判斷
i ;
if (i>=numOfText) {
stop();//停在第二禎
}else{
gotoAndPlay(_currentframe-1);
}
順便提一下，我們要的c就是代碼中的this.pers=600/this.z，他是個(gè)遞增函數(shù)，且恒正。
很簡(jiǎn)單吧，測(cè)試下，思考下，也許你會(huì)比我想到的更多。

效果欣賞　　源碼下載

第三部分：XML控制散射內(nèi)容
目標(biāo)：
我們先前散射出來的內(nèi)容是固定的，在經(jīng)典里前不久看到一篇帖子，說如何用XML控制顯示內(nèi)容，所以特來介紹。
思路：
簡(jiǎn)單的XML載入
步驟：
1，把第二部分中包含三禎的MC刪除，重建一個(gè)MC,實(shí)例名為mymc,在內(nèi)部拉一動(dòng)態(tài)文本框，實(shí)例名為mytxt,變量名為content，這里要注意，這也就是我起先出現(xiàn)BUG的關(guān)鍵點(diǎn)所在，一定要設(shè)“嵌入字體”，把a(bǔ)-z,A-Z,0-9都嵌入進(jìn)去，至于原因，藍(lán)紫光解釋得很清楚。
2，在MYMC內(nèi)部時(shí)間軸加動(dòng)作，我們荏苒采用禎循環(huán)方式變成
第一禎：定義初始變量，載入XML文件并取節(jié)點(diǎn)值

stop();
mymc._alpha = 0;
i = 1;
numOfText = 20;
minOfZ = 1;
maxOfZ= 120;
var myxml=new XML()
myxml.ignoreWhite=true
myxml.onLoad=function(suc){
if(suc){
gotoAndPlay(2);
mylist=this.firstChild.childNodes
}
}
myxml.load("myxml.xml")
第二禎：主程序

function randrange(min,max){
var randomnum=Math.floor(Math.random()*(max-min 1)) min
return randomnum
}//自定義函數(shù)，取兩數(shù)之間的隨機(jī)數(shù)
duplicateMovieClip("mymc", i, 10 i);
this[i].x = randrange(-11,9);
this[i].y = randrange(-10,9)
this[i].z = random(maxOfZ) 1;//1——120之間的整數(shù)
this[i].dz = -4;
this[i].mytxt.text=mylist[i].attributes.content
this[i].onEnterFrame = function() {
this.z = this.dz;
if (this.z<minOfZ) {
this.x = randrange(-11,9);
this.y = randrange(-10,9)//這里的this也可以改為this[i]
this.z = maxOfZ;//this.z<minOfZindex時(shí)，也就是MC到達(dá)極限透明度，X，Y，比例
時(shí)，此時(shí)他已經(jīng)超出了舞臺(tái)，要不間斷播放，需要重新設(shè)定他的初值
}
this.pers =600/this.z;//由于每次減2，所以this.z最小值為2，因?yàn)樵贉p2就為0了，小于1
this._x = this.x*this.pers;
this._y = this.y*this.pers;//this.pers會(huì)越逐漸遞增

this._xscale = this._yscale=this.pers;
this._alpha = 1000/this.z;//這里的1000你也可以改，不過別太小
第三禎：條件判斷
i ;
if (i>=mylist.length) {
stop();
}else{
gotoAndPlay(_currentframe-1);
}
注意點(diǎn)：載入延遲問題解決方案
第一禎代碼我為什么要加個(gè)stop();，然后通過條件判斷myxml.onLoad執(zhí)行g(shù)otoAndPlay(2);？
還是一個(gè)載入延遲問題，參考 我的一篇帖子 ，和loadmovie差不多，如果我不加個(gè)STOP，影片就會(huì)從1到3毫無障礙地播放，由于XML載入的延遲性，在XML文件還沒載入完畢之前（一般是一輪，從1到3播放完畢一遍的時(shí)間）所執(zhí)行的程序里面根本無法取得節(jié)點(diǎn)，則mylist也將是NaN，那么緊跟的第二禎里面this[i].mytxt.text=mylist[i].attributes.content取不到值，文本內(nèi)容會(huì)是undefined，也就是說不按我那樣弄的話的直接后果將是所載入的MC中有一個(gè)文本內(nèi)容為undefined。
欣賞地址：由于有XML，無法欣賞

源碼下載
后續(xù)：我只是以文字形式具體講解了散射特效，你可以把文字換成圖片并用XML載入，鼠標(biāo)控制空間移動(dòng)，等等，需要我們共同去想。

最新評(píng)論