教程 按鈕和動(dòng)作腳本

1、swishmax教程-第三講 按鈕和動(dòng)作腳本在SWISHmax中的按鈕有二種形式，一種是廣義的按鈕，只要能起按鈕作用的就算，不管你畫的是形狀還是寫的文本，比如我們上一講中的“提交”、“返回”二個(gè)文本，另一種是規(guī)范的按鈕，有向上、經(jīng)過、按下、按鍵四種形式，四種形式相當(dāng)于Flash中按鈕的四個(gè)幀，規(guī)范形式的按鈕可以做出更多的變化。本講所講的按鈕指后一種形式的按鈕。一、創(chuàng)建按鈕執(zhí)行菜單/插入/按鈕命令，便在場(chǎng)景中插入了一個(gè)按鈕圖標(biāo)，同時(shí)，場(chǎng)景中生成了一個(gè)藍(lán)色的方塊，但測(cè)試時(shí)卻什么也沒有，原來場(chǎng)景中的藍(lán)色方塊只是一個(gè)標(biāo)記，內(nèi)容需要自己添加。一個(gè)最基本的按鈕應(yīng)該包括哪些內(nèi)容呢？請(qǐng)看右圖，這是一個(gè)完整的展

2、開的按鈕概要，可以看到按鈕的向上、移過、向下、按鍵四個(gè)狀態(tài)下各有一個(gè)形狀和一個(gè)文本。創(chuàng)建按鈕的步驟如下：菜單/插入/按鈕，點(diǎn)擊概要區(qū)中按鈕向上狀態(tài)的圖標(biāo)，在場(chǎng)景中畫按鈕的外形，再寫入說明文本，然后選取最上層的有一個(gè)小手的“按鈕”圖標(biāo)前的“-”號(hào)，在按鈕面板中的“有分隔經(jīng)過狀態(tài)”、“有分隔向下狀態(tài)”、“有分隔按鍵狀態(tài)”前打勾，就會(huì)生成按鈕的四個(gè)狀態(tài)，調(diào)整一下各個(gè)狀態(tài)下按鈕的顏色和說明文本，一個(gè)標(biāo)準(zhǔn)的按鈕就生成了。技巧：1、使用右鍵彈出菜單也可創(chuàng)建按鈕的四種狀態(tài)，在按鈕面板中如打勾后再消除，原先設(shè)置的按鈕狀態(tài)全部消失，必須重新設(shè)置。2、創(chuàng)建按鈕后，如果移動(dòng)整個(gè)按鈕或加動(dòng)作語句，一定要先選取整個(gè)按鈕

3、，即點(diǎn)選帶小手的圖標(biāo)。3、先設(shè)置好按鈕向上的狀態(tài)后再設(shè)置另三種狀態(tài)，可減小工作量。4、想讓鼠標(biāo)放上去時(shí)出現(xiàn)更多的變化，可在相應(yīng)的狀態(tài)下加精靈或形狀。二、動(dòng)作腳本面板SWISHmax的動(dòng)作面板位于場(chǎng)景的上方，切換很方便，它很像Flash mx的動(dòng)作面板，也有專家模式和指導(dǎo)模式兩種。左圖是打開的動(dòng)作面板。從左圖中可以看出，動(dòng)作面板分成二個(gè)部分，左面是各條指令的菜單，一條細(xì)線將其分成上下二個(gè)部分，上半部分定義指令的對(duì)象，下半部分是要執(zhí)行的指令，指令分成幀、電影控制等十大類，每類旁邊的小三角點(diǎn)開后又可看到下一級(jí)菜單。右面可以切換指導(dǎo)模式和專家模式。（專家模式未在圖中顯示出來）。如果您對(duì)腳本命令比較熟悉

4、，使用專家模式下可添加更多的指令。在課堂上，我們將語音介紹指導(dǎo)模式中一些常用指令的使用。三、按鈕的作用按鈕在交互性動(dòng)畫中具有非常重要的地位，利用它，可以實(shí)現(xiàn)播放、停止、屬性變化等多種效果，下面是我精心設(shè)計(jì)的一個(gè)“實(shí)用按鈕效果演示”實(shí)例，先看效果：下面，我們就來一步一步的完成這個(gè)實(shí)例，做出來以后，不知您會(huì)不會(huì)有一種興奮的感覺？因?yàn)閷W(xué)到這里，您已經(jīng)可以獨(dú)立完成網(wǎng)站導(dǎo)航條的設(shè)計(jì)了。1、創(chuàng)造電影：600*170像素，背景白色，幀頻122、導(dǎo)入背景圖像：菜單/插入/圖像/插入素材下載里的名為Snap5.jpg的圖片，對(duì)齊場(chǎng)景。3、寫入靜態(tài)文本“SWISHmax”，字體大小60，紅色。其特效動(dòng)作見下表。4

5、、寫入靜態(tài)文本“實(shí)用按鈕效果演示”，字體大小48，藍(lán)色，特效動(dòng)作見下表。靜態(tài)文本“SWISHmax”靜態(tài)文本“實(shí)用按鈕效果演示”第1-10幀效果/漸進(jìn)/淡入第47-56幀效果/滑動(dòng)/從右上進(jìn)入第11-25幀效果/連續(xù)循環(huán)/活塞第65-85幀效果/核心效果/變形第26-33幀效果/復(fù)原第85-100幀效果/模糊（以組件開始：清除）第34-53幀效果/從位置消失/擠壓并向外旋轉(zhuǎn)（在運(yùn)動(dòng)面板上改顏色為藍(lán)色）第54-63幀效果/漸近/淡出5、創(chuàng)建按鈕6、創(chuàng)建“bz”元件，畫一個(gè)園形，70*70，填充已裁剪圖像，紅邊，放在右上角，名稱：bz，目標(biāo)前打勾。7、新建場(chǎng)景二，插入背景圖，寫上靜態(tài)文本：這里是第

6、二場(chǎng)景，再做返回第一場(chǎng)景的一個(gè)按鈕。 8、加語句，我們將在課堂上用語音的方法講怎么加語句，在這里，我們只列出六個(gè)按鈕上的語句如下：（如果您沒有跟上我講課的速度，那么，您可以下載素材包里的“實(shí)用按鈕演示素材”，繼續(xù)跟我做下面的教程）按鈕語句按鈕語句停止播放on (press) stop();鼠標(biāo)跟隨on (press) bz.startDragLocked(50,550,10,160);on (release) stopDrag();開始播放on (press) play();場(chǎng)景跳轉(zhuǎn)on (press) gotoSceneAndPlay(Scene_2,1);透明效果on (press) bz

7、._alpha=bz._alpha-20;if (bz._alpha0) bz._alpha=100;進(jìn)入教室on (press) getURL(,_blank);按鈕語句按鈕語句停止播放on (press) stop();鼠標(biāo)跟隨on (press) bz.startDragLocked(50,550,10,160);on (release) stopDrag();開始播放on (press) play();場(chǎng)景跳轉(zhuǎn)on (press) gotoSceneAndPlay(Scene_2,1);透明效果on (press) bz._alpha=bz._alpha-20;if (bz._alph

8、a0) bz._alpha=100;進(jìn)入教室on (press) getURL(,_blank);（1） 菜單/插入/按鈕，在場(chǎng)景中創(chuàng)建一個(gè)按鈕。（2） 在按鈕的向上狀態(tài)下，按下工具/自動(dòng)外形工具/園形按鈕，畫一90*25的園形按鈕，線性梯度白紫二色。（3） 寫入 靜態(tài)文本“停止播放”，字體大小18，顏色藍(lán)色。（4） 在有小手的按鈕圖標(biāo)上點(diǎn)一下，打開按鈕面板，如右圖，在第二、三項(xiàng)前打勾。（5）打開按鈕，在經(jīng)過狀態(tài)下，寫入靜態(tài)文本“點(diǎn)擊此按鈕，停止播放影片”，在文本下面加一白色外形（透明度80%）以突出顯示文本。（6） 調(diào)整經(jīng)過狀態(tài)和向下狀態(tài)的按鈕顏色和文本位置并進(jìn)行測(cè)試。（7）合上按鈕，按ct

9、rl鍵，拖出五個(gè)一樣的按鈕，分別改名字和文本為“開始播放”、“透明效果”、“鼠標(biāo)跟隨”、“場(chǎng)景跳轉(zhuǎn)”、“進(jìn)入教室”，說明文字也相應(yīng)改變。用排列面板排齊，放在場(chǎng)景的下方。6、創(chuàng)建“bz”元件，畫一個(gè)園形，70*70，填充已裁剪圖像，紅邊，放在右上角，名稱：bz，目標(biāo)前打勾。7、新建場(chǎng)景二，插入背景圖，寫上靜態(tài)文本：這里是第二場(chǎng)景，再做返回第一場(chǎng)景的一個(gè)按鈕。 8、加語句，我們將在課堂上用語音的方法講怎么加語句，在這里，我們只列出六個(gè)按鈕上的語句如下：（如果您沒有跟上我講課的速度，那么，您可以下載素材包里的“實(shí)用按鈕演示素材”，繼續(xù)跟我做下面的教程）按鈕語句按鈕語句停止播放on (press) s

10、top();鼠標(biāo)跟隨on (press) bz.startDragLocked(50,550,10,160);on (release) stopDrag();開始播放on (press) play();場(chǎng)景跳轉(zhuǎn)on (press) gotoSceneAndPlay(Scene_2,1);透明效果on (press) bz._alpha=bz._alpha-20;if (bz._alpha0) bz._alpha=100;進(jìn)入教室on (press) getURL(,_blank);在SWISHmax中，如果是多場(chǎng)景，默認(rèn)狀態(tài)下是從第一場(chǎng)景向后，依次播放各場(chǎng)景，如果我們不在時(shí)間線上加語句控制播放

11、，那我們的“場(chǎng)景跳轉(zhuǎn)”按鈕就不能發(fā)揮作用，所以我們要在時(shí)間幀上加語句如下：第一場(chǎng)景第100幀onFrame (100) gotoSceneAndPlay(Scene_1,1);第二場(chǎng)景第一幀onFrame (1) stop();第二場(chǎng)景中的按鈕上的語句是要當(dāng)按下后，返回第一場(chǎng)景第一幀，這個(gè)語句就不說該怎么寫了，大家自己想想。四、課后作業(yè)（此為選修內(nèi)容）上面的實(shí)例實(shí)際上就是今天的作業(yè)了，如果你覺得有興趣，沒被我講的睡著了，那么，我們?cè)傺a(bǔ)充一個(gè)實(shí)例，實(shí)驗(yàn)如何加載外部swf文件和文本，（本實(shí)例為選修內(nèi)容，如果時(shí)間不夠，將不講此實(shí)例）。請(qǐng)點(diǎn)擊右面的一排文字按鈕，測(cè)試效果，在這個(gè)實(shí)例中，我們用腳本語句控

12、制，進(jìn)行了按鈕加載和時(shí)間幀加載的實(shí)驗(yàn)，這個(gè)實(shí)例制作上只是幾行文字加一個(gè)外框和一個(gè)精靈而已，加載的clock.swf文件是用Flash mx 2004處理過的swf文件。設(shè)計(jì)這個(gè)實(shí)例的目地是為了嘗試解決SWISHmax和Flash的整合問題，在前面幾課中我們談到二個(gè)軟件互相導(dǎo)入時(shí)會(huì)出現(xiàn)的種種問題，那么怎么解決呢？這個(gè)實(shí)例可能能部分解決這個(gè)問題。加載swf文件的路徑有相對(duì)路徑加載和絕對(duì)路徑加載兩種，提倡用絕對(duì)路徑加載，這樣，做好的swf文件可以放在任意的網(wǎng)站上，非常方便。加載swf文件時(shí)可以直接在時(shí)間線上加載，也可以用按鈕控制，既可以加載在層上，也可以加載在精靈上，從本實(shí)例所設(shè)計(jì)的幾種加載方法來看

13、，感覺加載在精靈上更容易控制所加載的SWF文件的大小、屬性等，更靈活方便。為了讓大家更明白如何加載外部swf文件，請(qǐng)打開素材下載中提供的素材文件，我們一起來用絕對(duì)路徑的方法加載swf文件。下面是使用的動(dòng)作腳本語句和解釋，為了版面整潔，我們只選擇了主要語句，每個(gè)加載語句的元件分為二行，上面一行是加載的語句，下面一行是解釋。加載到場(chǎng)景l(fā)oadMovieNum(用按鈕控制何時(shí)截入swf文件，文件被加載到level1上，從中可知SWISHmax也有層深度的問題。刪除到場(chǎng)景unloadMovieNum(1);刪除加載到level1上的swf文件加載外部文本loadVariablesNum(這個(gè)實(shí)際上是加載外部文本中的變量清空文本www = ;清空變量www，不再加載外部文本中的變量加載到精靈abc.loadMovie(abc._xscale=50;abc._yscale=50;abc._x=100;abc._y=50;abc._alpha=100;把swf文件加載到abc這個(gè)精靈上，從而控制加載文件的位置，屬性，這種方法具有靈活方便的優(yōu)點(diǎn)。刪除到精靈abc.unloadMovie();刪除加載到abc這個(gè)精靈上的文件載入到時(shí)間軸play();abc._xscale=100;abc._yscale=100;按下按鈕后，進(jìn)入第二幀，加載語句寫在時(shí)間幀上，后二句是為了初始化a