綠番薯變色 1.jpg


今天來用FLASH來製作一個好玩的效果,按下按鈕便會讓綠番薯的顏色隨機改變喔,哈哈這樣以後我要變色都很方便啦!(我做好的結果在上面,你可以玩玩看)
1.用圓圈簡單繪製好我的背景圖層,然後將我中間顏色簍空的大頭照(PNG格式)放到背景圖層的上一圖層。
    

綠番薯 發表在 痞客邦 留言(2) 人氣()

action script 3.0 漫天星光
 
今天要來練習的是用Action Script 3.0的語法亂數將元件(星星)以不同形式產生(位置、寬度、高度、透明度、旋轉角度)。
1.開啟3.0檔案,預設舞台大小為550*400,我的背景設定為600*450所以我的背景也改成跟它一樣。(改背景大小設定如下圖)
 
2.匯入背景圖片,要將背景貼和好(可調整屬性)。
 
3.準備好你的星星影片片段的元件(沒有的請點我開啟範例檔),在元件庫中的星星元件右鍵點選屬性。
 
4.點開進階,匯出ActionScript打勾,類別名稱命名star(可自行設定,但在語法時要一致),按下確定。
 
5.現在就要開始來寫語法了,點一下影格位置然後打開動作面板(F9),打上下圖的語法就完成了(圖片看不清楚,下面語法解說比較清楚,灰色字體為註解)。
 

綠番薯 發表在 痞客邦 留言(1) 人氣()

movie-controller_ok.gif
 
↑最後要做出的效果,右邊有兩個按鈕,O按下去讓馬開始跑,X按下去讓馬停下來,上面的是GIF檔所以按鈕不能按喔。
1.首先我準備好背景的圖像(長度為場景的兩倍,目的要讓背景像後移動,做出馬有向前跑的假象)、奔跑的馬動畫片段、以及O和X按鈕。
2.圖層我分四層,最底層為背景的卷軸(製作從左邊移動到右邊的傳統補間動畫),第二層為賽馬動畫(做好馬原地奔跑動畫片段),第三層為按鈕圖層,最上面一層是打語法的(下圖)。
 
3.開啟動作面板(快速鍵F9)在Action第一格影格的打上語法stop();,然後測試影片會發現背景停了,但是馬並沒有停。
4.將你的賽馬元件於屬性面板命名為horse_mc,接著在Action第一格影格打上語法horse_mc.stop();,測試影片就會發現馬跟背景都停了。
 
5.將O按鈕命名為h1_btn,X按鈕命名為h2_btn。
6.接著在Action層打上語法h1_btn.addEventListener(MouseEvent.CLICK,run);,語法的意思為h1_btn按鈕偵聽CLICK滑鼠事件。
7.接著打function run(Event:MouseEvent):void{play();horse_mc.play();},在Flash裡面不需要像我打成一行,我是因為要blog排版好看。這句語法的意思是我們自訂的run函數,定義按下h1_btn按鈕時所發生的動作,也就是時間軸播放以及賽馬影片片段播放。(從開始到現在的所有語法如下圖)
 
8.測試影片你會發現一開始的畫面是靜止的,按下O按鈕(h1_btn)就會發現馬跟背景都開始動了。(如本篇置頂圖)
9.接著要對X按鈕來打程式,當按下按鈕時間軸與賽馬影片片動都會停止。在Action層打上h2_btn.addEventListener(MouseEvent.CLICK,stoprun);
function stoprun(Event:MouseEvent):void {stop();horse_mc.stop();}
10.這樣就完成了,可以測試影片來看。
  

綠番薯 發表在 痞客邦 留言(0) 人氣()

1
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲,請立即離開。

已滿十八歲者,亦請勿將內容提供給未成年人士。