1 / 11

23-5 延伸學習-跟隨指標的花龍

23-5 延伸學習-跟隨指標的花龍. 本章的延伸學習提供的也是與滑鼠有關的效果 , 這個「跟隨指標的花龍」範例 , 是讓滑鼠拖著一個名稱為 flower 的影片片段實體移動 , 同時利用影格造成的時間差迴圈 , 讓 flower 實體每隔 0.2 秒被複製執行一次 , 但最多同時只有 30 個實體同時存在舞台中。 請雙按範例檔 23-a01.swf, 動動滑鼠看看本範例的效果吧!. 延伸學習-跟隨指標的花龍. 延伸學習-跟隨指標的花龍. 請開啟練習檔 23-q01.fla, 我們來看看這個範例是如何製作的。

Download Presentation

23-5 延伸學習-跟隨指標的花龍

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 23-5 延伸學習-跟隨指標的花龍 • 本章的延伸學習提供的也是與滑鼠有關的效果, 這個「跟隨指標的花龍」範例, 是讓滑鼠拖著一個名稱為 flower的影片片段實體移動, 同時利用影格造成的時間差迴圈, 讓 flower 實體每隔 0.2 秒被複製執行一次, 但最多同時只有 30 個實體同時存在舞台中。 • 請雙按範例檔 23-a01.swf, 動動滑鼠看看本範例的效果吧!

  2. 延伸學習-跟隨指標的花龍

  3. 延伸學習-跟隨指標的花龍 • 請開啟練習檔 23-q01.fla, 我們來看看這個範例是如何製作的。 • 請開啟元件庫面板, 在這個練習檔中我們繪製了 5 個元件, 分別為原版葉、原版花、原版花旋轉、花、背景。

  4. 延伸學習-跟隨指標的花龍

  5. 延伸學習-跟隨指標的花龍 • 首先, 新增一個花圖層, 並將花影片片段元件拉曳到舞台中, 將其實體命名為flower。

  6. 延伸學習-跟隨指標的花龍

  7. 延伸學習-跟隨指標的花龍 • 新增一個 Actions 圖層, 並在影格 3 建立關鍵影格。 • 請選取 Actions圖層的影格1, 然後按 [F9] 鍵開啟動作面板, 我們要在此影格中加入 ActionScript 語法:

  8. 延伸學習-跟隨指標的花龍

  9. 延伸學習-跟隨指標的花龍

  10. Actions圖層中影格 1 的程式說明

  11. 延伸學習-跟隨指標的花龍 • 接著我們要在 Actions圖層的影格 3 中加入一段小程式。 • 進行到此就完成此範例的製作了, 請按下 [Ctrl] + [Enter] 鍵來觀看成果。

More Related