歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨 
免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享

歷史上的今天:

論壇通知
返回列表 發帖

動感水珠

本文來自:多姿多采 創作與製圖論壇http://colorful.joinbbs.net/★ 或網路,轉貼請注明出處! 發主題者:讓一切隨風 您是第753位瀏覽者




本帖隱藏的內容需要積分高於 100 才可瀏覽
[隨機語錄]:

首先先放出水滴製作需要的圖片,其實自己也可以參考著圖片自行製作


1、在做這個效果之前我們首先需要製作一個水滴滴落的影片剪輯。製作一個水滴導入flash,並且製作一個水滴從小變大的補間動畫。


2、當水滴變大之後再讓這個水滴慢慢的滴落到下面。並且在開始滴落的時候讓水滴顫抖幾下(使用逐楨動畫做幾個大小變化)。


3、接下來需要製作一個透明按鈕(只要點擊區域),這個按鈕的功能就是讓鼠標放在水滴上的時候讓這個水滴滴落。


4、最後在上面再建立一個層,第一楨寫上楨標籤“start”,然後在水滴變大後加一個STOP楨,在STOP楨之後再插入一個標籤為“over”的空白關鍵楨。作用:當水滴由小變大之後就停止,這樣水滴就會顯示在舞台上,當鼠標移動到水滴上面就會播放over楨以後的內容,也就是讓水滴落下。

附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊
[隨機語錄]:

TOP

下面就要進行程序編寫了。
1、首先來編寫按鈕上的程序,當鼠標按下或移動到它上面的時候就執行水滴落下的動畫
  1. on (release, rollOver) {
  2. gotoAndPlay("over");
  3. }
複製代碼


2、接下來要編寫的是帶有over標籤的關鍵楨,它的功能是獲取你整個動畫已經播放了的時間,單位是豪秒。因為就算不用鼠標點擊按鈕,過一段時間之後也要讓水滴自動落下。其中radomtime變量會在後面的程序中定義。它的功能是讓時間稍微有一些不同,這樣水滴就不會同時落下了。

  程序如下:
  1. starttime = getTimer()+8000+radomtime;
複製代碼




接下來製作舞台上的程序:
1、將剛才製作完畢的影片剪輯拖放到舞台當中,並將這個實例命名為“bol”。如圖

附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊
[隨機語錄]:

TOP

2、選中這個實例,按F9打開動作面板,這裡要進行一些初始變量的設置。程序如下:
  1. onClipEvent (load) {
  2. radomtime = random(5);
  3. //設置一個用來控制時間差距的變量
  4. starttime = getTimer()+8000+radomtime;
  5. //設置一個獲取影片總共播放時間的變量,並且這個變量比影片播放總時間長8秒左右。
  6. }
  7. onClipEvent (enterFrame) {
  8. Timercheck = starttime-getTimer();
  9. //用starttime和影片播放的時間之差來控制水滴落下
  10. if (Timercheck<=0) {
  11. this.gotoAndPlay("over");
  12. }
  13. //如果影片播放的時間比剛才獲取到的starttime時間要長,那麼就讓水滴落下。
  14. }
複製代碼



3、接下來要對舞台上的實例進行複制了。新建立一個層用來放複製實例的代碼。



4、第一個關鍵楨的內容是設置複製數量的變量i的初始值。
i = 1;

附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊
[隨機語錄]:

TOP

5、第二楨的程序主要是用來進行實例的複制。程序如下:
  1. radomscale = (random(4)+2)*26;
  2. //設置一個變量用來控制複製後對象的比例大小。
  3. duplicateMovieClip("bol", "bol"+i, i);
  4. //複製舞台上bol實例,將新復制出的對象命名為"bol"+i,深度為i
  5. setProperty("bol"+i, _x, random(400));
  6. setProperty("bol"+i, _y, random(300));
  7. //設置新復制出來對象的X、Y坐標,利用隨機函數。
  8. setProperty("bol"+i, _xscale, radomscale);
  9. setProperty("bol"+i, _yscale, radomscale);
  10. //利用剛才設置radomscale變量的值來對複制出來對象的比例大小進行控制。 X、Y比例相同,
  11. //這樣水滴的外觀不至於變形
  12. i++;
複製代碼



6、第三楨的程序是控制複製對象的數量。程序如下:
  1. if (i<=15) {
  2. gotoAndPlay(2);//如果復制出對象的個數不夠15個,就返回到第二楨繼續複製。
  3. } else {
  4. stop()//如果復制的個數夠15個的話就停止複制。
  5. }
複製代碼



最後按Ctrl+回車進行測試。
附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊
[隨機語錄]:

TOP

返回列表