maizi無所廢言

  • Home
  • Trending
  • _Gadgets
  • _hello
  • contact

Flash CS3 logo
又要記一下筆記了!雖然我之前已解決這個效果問題
就是用最簡單的"移動補間"來製作,最主要是有設定範圍
雖然語法也能設定,但感覺不太能隨心所欲,而且泡泡動的不太生動!?(錯覺嗎?)
也因為我製作的泡泡有要跑出幾個文字泡泡
所以用"移動補間"來製作是最好不過了!


當然如果只是純泡泡的話,一個一個的製作會使工作量繁重並且效果並不好
我們利用AS來實現泡泡的數量,利用設置屬性來改變透明度,大小等
最後在影片剪輯中設置泡泡的左右擺動,就可以實現水泡上升的效果了


步驟如下:


01. 新建一個空白檔案,檔案屬性550×400,藍色背景
02. 建一個影片剪輯,命名為「pao」
進入編輯區以後,利用繪圖工具,漸變填充繪製一個水泡。 (或是有泡泡圖片)
03. 回到主場景,把圖層1命名為「pao」
從資料庫中把「pao」影片剪輯拖放到場景的下方,在下面的屬性面板中命名為「pao」。


在第1格影格寫入AS:


i = 1;//初始化變量
while (i<=20) {//用來控制水珠的數量 
 duplicateMovieClip("pao", "pao"+i, i);//複製水珠
 setProperty("pao"+i, _x, random(550));//在X軸上隨機分佈複製出的水珠
 setProperty("pao"+i, _y, random(100)+300);//同上,只是換成了Y軸 
 setProperty("pao"+i, _xscale, random(60)+40);
 setProperty("pao"+i, _yscale, getProperty(eval("pao"+i), _xscale));
 //以上兩條AS是用來控制水珠大小的。
 setProperty("pao"+i, _alpha, random(30)+70);//用來控制水珠的透明度 
 i++;
}
_root.pao._visible = 0;//將主場景中的水珠隱藏。


 


選影片片段「pao」,寫入AS:


onClipEvent (load)//用來隨機賦於水珠的速度,讓水珠運動更加真實。 
{
    speed = random(5) + 3;
}
onClipEvent (enterFrame)
{
    this._y = this._y - speed;//用來改變水珠Y軸的坐標,這樣我們看起來水珠是在不斷在上升。 
    this._x = this._x + (random(3) - random(3));//為了上水珠運動更真實些,我們上水珠左右晃動一下。 
    if (this._y < -15) //此IF語句的作用是當水珠移出屏幕時,重新放回屏幕中來。 
    {
        this._y = random(100) + 315;
    } // end if
}


範例網址:
page_white_flash.png http://www.swfcabin.com/open/1288339964
adobe_flash.png http://v4.u.115.com/file/f056140ae2


  • 0 Comments

Flash CS3 logo
按下鼠標拖動圖片,圖片會緩衝放大並移到最前面,鬆開鼠標停止拖動圖片緩衝縮小


步驟如下:


先在Flash中導入幾張圖片,分別轉為影片元件,拖到主場景
實例名分別為pic0_mc、pic1_mc、pic2_mc...


語法如下:


for (var d:Number = 0; d<=4; d++) {  // d為數量,比如4張圖,就是d<=4
this["pic"+d+"_mc"].onPress = function() {
  mx.behaviors.DepthControl.bringToFront(this);//移到最前
  startDrag(this); //開始拖動圖片
  this.onEnterFrame = function() {
   this._xscale += (200-this._xscale)/4;//緩衝放大
   this._yscale += (200-this._yscale)/4;
   if (this._xscale>=200) {
    delete this.onEnterFrame;
   }
  };
};
this["pic"+d+"_mc"].onRelease = function() {
  stopDrag(); //停止拖動圖片
  this.onEnterFrame = function() {
   this._xscale -= (this._xscale-100)/4;//緩衝縮小
   this._yscale -= (this._yscale-100)/4;
   if (this._xscale<=100) {
    delete this.onEnterFrame;
   }
  };
};
}


範例網址:
page_white_flash.png http://www.swfcabin.com/open/1292480693
adobe_flash.png http://u.115.com/file/f0cfcee316


  • 0 Comments

Flash CS3 logo
最近找到了不錯的東西,雖然之前我也有找另一種的
不過這個比較簡單,因為想放上來給大家學習
話說大多人都轉戰到AS 3.0了....
我連AS 2.0都學不好...


目前製作的是鼠標經過按鈕後,會顯示出來一個提示信息
用影片可以更加活用,不限於文字,圖片也行喔!


步驟如下:


01. 新建一個按鈕
02. 新建一個影片片段,影片片名命為「mc1」


然後在影片內寫入以下AS:


onClipEvent (load) {
 this._alpha = 0;
}


03. 然後在位相應的按鈕設置AS語法:


on (rollOver) {
 mc1._alpha = 100;


}
on (rollOut) {
 mc1._alpha = 0;


}


接著就測試影片看是不是成功了呀!


若是用文字的話,可以文字和背影框分開製作(當然設為一個影片片段也是可以)
但若是分開的話,要記得實體名稱都要設好


例如:
背景框bg1,文字為w01


影片內語法不變:


onClipEvent (load) {
 this._alpha = 0;
}


 按鈕設置語法就必須加入一個文字物件語法:


on (rollOver) {
 bg1._alpha = 100;
 w01._alpha = 100;


}
on (rollOut) {
 bg1._alpha = 0;
 w01._alpha = 0;


}


範例網址:
page_white_flash.png http://www.swfcabin.com/open/1288171886


  • 0 Comments

About me

a


Maizi 麥子

"喜歡各類的科技產品

科技使人懶惰,人依賴著科技成長”



Follow Us

  • telegram
  • instagram
  • facebook

Banner spot

recent posts

Labels

3C產品 一頁式網頁 工作心事 中港片 文具用品 日韓片 其它片 品嚐美食 個案官網 旅遊記事 特展行錄 討厭生病 敗家事蹟 深沉思考 遊戲暢談 廢言廢言 歐美片 學習作品 Flash Other photoshop Windows

網誌存檔

  • ►  2021 (1)
    • ►  5月 (1)
  • ►  2020 (18)
    • ►  12月 (3)
    • ►  11月 (2)
    • ►  10月 (1)
    • ►  9月 (2)
    • ►  8月 (1)
    • ►  7月 (1)
    • ►  5月 (1)
    • ►  3月 (3)
    • ►  2月 (4)
  • ►  2019 (1)
    • ►  11月 (1)
  • ►  2018 (1)
    • ►  6月 (1)
  • ►  2015 (3)
    • ►  10月 (1)
    • ►  8月 (1)
    • ►  6月 (1)
  • ►  2014 (2)
    • ►  4月 (1)
    • ►  2月 (1)
  • ►  2013 (8)
    • ►  10月 (1)
    • ►  7月 (1)
    • ►  6月 (3)
    • ►  4月 (1)
    • ►  1月 (2)
  • ►  2012 (18)
    • ►  10月 (1)
    • ►  9月 (2)
    • ►  8月 (1)
    • ►  7月 (2)
    • ►  6月 (1)
    • ►  5月 (2)
    • ►  3月 (2)
    • ►  2月 (4)
    • ►  1月 (3)
  • ►  2011 (26)
    • ►  12月 (6)
    • ►  11月 (2)
    • ►  10月 (2)
    • ►  9月 (2)
    • ►  8月 (2)
    • ►  5月 (1)
    • ►  4月 (4)
    • ►  3月 (3)
    • ►  2月 (3)
    • ►  1月 (1)
  • ▼  2010 (77)
    • ►  12月 (2)
    • ►  11月 (7)
    • ▼  10月 (3)
      • FL • 製作上升的水泡效果動畫 (AS2)
      • FL • 鼠標觸發圖片緩衝放縮效果示 (AS2)
      • FL • 製作鼠標經過按鈕顯示影片 (AS2)
    • ►  9月 (7)
    • ►  8月 (2)
    • ►  7月 (7)
    • ►  6月 (5)
    • ►  5月 (7)
    • ►  4月 (4)
    • ►  3月 (12)
    • ►  2月 (8)
    • ►  1月 (13)
  • ►  2009 (49)
    • ►  12月 (9)
    • ►  11月 (7)
    • ►  10月 (5)
    • ►  9月 (7)
    • ►  8月 (4)
    • ►  7月 (6)
    • ►  6月 (3)
    • ►  5月 (3)
    • ►  4月 (2)
    • ►  3月 (1)
    • ►  2月 (1)
    • ►  1月 (1)
  • ►  2008 (45)
    • ►  12月 (1)
    • ►  11月 (2)
    • ►  10月 (3)
    • ►  8月 (12)
    • ►  7月 (10)
    • ►  6月 (3)
    • ►  5月 (5)
    • ►  4月 (3)
    • ►  3月 (3)
    • ►  2月 (1)
    • ►  1月 (2)
  • ►  2007 (39)
    • ►  12月 (3)
    • ►  11月 (3)
    • ►  10月 (1)
    • ►  9月 (4)
    • ►  8月 (6)
    • ►  7月 (3)
    • ►  6月 (2)
    • ►  5月 (3)
    • ►  4月 (2)
    • ►  3月 (3)
    • ►  2月 (3)
    • ►  1月 (6)
  • ►  2006 (89)
    • ►  12月 (8)
    • ►  11月 (13)
    • ►  10月 (20)
    • ►  9月 (11)
    • ►  8月 (5)
    • ►  7月 (10)
    • ►  6月 (9)
    • ►  5月 (4)
    • ►  4月 (6)
    • ►  3月 (3)
  • ►  2005 (9)
    • ►  12月 (5)
    • ►  10月 (3)
    • ►  9月 (1)

Visitor Counter

counters-free

instagram

網頁blogger中插入程式碼

Scroll Top 按鈕

Template Created By : ThemeXpose Distributed BY: Blogger Templates

Back to top