ActionScript 教學 – 載入外部圖片 – Tweener 縮放開合特效

借一下 Albert 的網站來做個教學

請參考 http://www.albertlan.com/client/mocafusion/

點選網站WORKS選項,小圖被點下後, 開始載入圖片,後方的背景會跟著縮放, 載入完成後, 會有一個亮度的效果。

ActionScript 程式設計  - ActionScript 教學 - 載入外部圖片 - Tweener 縮放開合特效 - fly015

製作方法如下:

1. 按下按鈕後, 開始載入指定的圖片

2. 讓背景的黑色框縮小成280×22

讓進度bar縮小成2×20, 當縮小完成後, 開始指入圖片

3. 載入進度同時, 讓進度bar縮放。

4. 載入成功後, 讓進度bar縮放跟圖片一樣的寬高。

讓背景縮放比圖片的寬高都多出20。同時讓圖片至中。

5. 圖片由亮至沒有效果。

 

程式碼及教學說明如下:

ActionScript 程式設計  - ActionScript 教學 - 載入外部圖片 - Tweener 縮放開合特效 - fly022

fla 原始範例下載
http://milkmidi.googlepages.com/2009_02_01_ImageLoadComplete.zip

by
奶綠茶
老師

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

關於「姜智豪 老師」

於 1996 年開始從事網頁設計工作 20 多年,參與設計過許多網站專案的開發,一直熱衷網頁設計工作至今。從 1998 年開始從事教學工作,對於網頁設計教學有相當高的熱忱,於 2006 年創立飛肯設計學苑。主要專長 Photoashop、 HTML、CSS、RWD、JavaScript、jQuery 等網頁技術,對於 SEO 優化搜尋引擎排名提昇,以及 Instructional Design 教學專案設計亦有深入的研究。
posted in ActionScript 程式設計 and tagged , , , , .

留言功能已關閉。