Flash滑鼠特效精選執行個體(2)--4D滑鼠

來源:互聯網
上載者:User

  第二節:4D滑鼠

  該執行個體實現的是,模仿4D滑鼠中鍵效果,當單擊滑鼠中鍵時,拖動滑鼠可以控制文本滾動,最終效果如圖2.1所示,要實現這一效果,具體步驟如下:

  圖2.1 類比滑鼠中鍵效果

  1.建立一影片,通過屬性面板設定其大小為400pxX300px(單位為象素)背景色為#CCCCCC。

  2.建立一圖開元件“txt”,進入其編輯狀態,將預設圖層更名為“文本”,在工作區中輸入文本,可以任意輸入,不會影響效果。再建立一圖層“背景”,為“文本”製作一背景,使用矩形工具,並設定其填充色(本例為:99CCCC),效果如圖2.2所示:

  圖2.2 製作“txt”元件

  3.建立一影片剪輯“text to scroll”,將“txt”元件從庫中拖放到工作區中,選中時間軸視窗中的第125幀(如果希望滾動快一些可以少建幾幀)插入一主要畫面格,將“txt”元件垂直向上移動一段距離,選中第1幀,單擊滑鼠右鍵,建立補間動畫,並在該幀輸入如下ActionScrip指令碼:

  stop();

  //目的是有效控制文本的滾動

  4.建立一按鈕元件“drag on off”,該按鈕元件的製作非常簡單,只需要在“彈起”幀中畫一無填充色的矩形,在“點擊”處畫一比“彈起”,幀矩形要大一些的矩形分別如圖2.3和2.4所示:

  圖2.3矩形1

  圖2.4矩形2

  5.建立一影片剪輯“drag1”,在工作區中繪製如圖2.5所示的類似滑鼠中鍵點擊後的效果,並在第1幀中添加“stop();”以控制影片剪輯的播放。

  圖2.5 滑鼠中鍵

  6.建立一影片剪輯“up dn graphics”,在工作區中繪製如圖2.6所示的“滑鼠”圖案,在時間軸第2幀處插入一主要畫面格。分另為第1和第2主要畫面格添加指令碼“stop();”以控制影片的播放。

  圖2.6繪製滑鼠

  7.建立一影片剪輯“drag2”,其最終時間軸視窗如圖2.7所示:

  圖2.7 “drag2”時間軸視窗

  其詳細製作過程如下:

  選中“black/arrow”圖層,在第2幀處插入一主要畫面格,從庫面板中將“up dn graphics”元件插入工作區中,取其執行個體名為“up”,以便為後面的程式控制。

  選中“script”圖層分別為各幀添加如下代碼:

  第1幀:

  stop();

  //控制影片剪輯的播放與否

  第2幀:

  centerY = getProperty("/load", _y);

  arrowY = getProperty("/drag", _y);

  if (Number(centerY) tellTarget ("/txt") {

  nextFrame();

  }

  tellTarget ("ud") {

  gotoAndStop(2);

  }

  }

  centerY = getProperty("/load", _y);

  arrowY = getProperty("/drag", _y);

  if (Number(centerY)>Number(arrowY)) {

  tellTarget ("/txt") {

  prevFrame();

  }

  tellTarget ("ud") {

  gotoAndStop(1);

  }

  }

  第3幀:

  gotoAndPlay(2);

  //回到第幀,以使影片迴圈播放

  8.返回主情境,將預設圖層更名為:“txt”,將“text to scroll”從庫面板中拖放工作區中,建立一執行個體並為其命名為“txt”;建立一遮罩層“text/mask”,在工作工中繪製一矩形,其填充色為黑色,以控制文本顯示為,效果如圖2.8所示:

  圖2.8 建立遮罩效果

  9.建立“button”圖層,在第1幀處將製作好的按鈕元件“drag on off”拖放到工作區中,並調整其位置並在第2幀處插入一主要畫面格;建立一“load/mc”,在第1幀處將製作好的影片剪輯“drag1”,拖放到工作區中,建立

  執行個體“load”,同時為該主要畫面格添加如下ActionScript指令碼:

  fscommand("allowscale", "false");

  //” allowscale”指定 false,則設定播放器以始終按影片的原始大小繪製影片,從不進行縮放。指定 true,則強制影片縮放到播放器的 100%。

  stop();

  //控制影片的播放

  10.建立一圖層“drag/mc”,將製作好的影片剪輯“drag2”拖放到工作區中建立執行個體,取其執行個體名為“drag”。

  11.這樣整個滑鼠中鍵類比效果就製作完成,儲存作品,按“ctrl Enter”預覽最終效果。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.