如何將Flash動畫做得更流暢?不lag

文章分類: Flash設計-實驗
2007-04-20 08:16:00 by: joooooohs

Share |

Flash Lag(Delay)、動畫遲鈍的改進方案:

★ 盡量少用Alpha漸變效果(例如物件從alpha=0漸變到alpha=100),尤其是「大物件」做alpha漸變,會讓CPU非常吃力,用補間或是用程式跑都一樣啦。

★ 如果有很多物件要動(移動、縮放都算),一個動完再換一個動,不要一起動。

★ 漸層的向量圖,在Flash裡頭,很容易變層「賤層」,移動時也是吃掉巨量CPU。

★ 任何大範圍、大物件的移動,都會吃掉巨量CPU。

★ 若真的要移動大範圍,盡量把物件變成「單色」之後再說,因為物件顏色越不複雜,就越順。或是「快一點」把他移到定位。

★ 減少不必要的畫面裝飾物,尤其是絢麗的背景,而且還會有動態效果的那種。

★ 用Flash8 的陰影模糊特效,不如在Photoshop 加效果後,輸出PNG再匯入Flash。

★ 「點陣圖」PNG,JPG,GIF,比「向量圖」的處理還快。

★ PNG檔,若有陰影、霧邊,也不要動的太誇張。

★ 同樣的東西,若能在一秒內移動完畢(不影響效果和節奏),就不要讓他飛兩秒。

★ FPS(影格速率)不要太高,因為蠻多電腦都沒有辦法每秒更新30-40個畫面,若設到40-50fps,那常常只有設計師電腦看的爽而已。

★ 千萬記得殺掉你已經用完的onEnterFrame function。

* 其他一些討論分享,大概是2004年就有人在討論了~
http://mmug.com.tw/forum/viewtopic.php?p=1303&sid=c7aa6cee8675de085e819f0a23447ca7

基本上那些高手是告訴你:影格速率設為30~40,其實電腦普通一點的網友「根本只能看到10幾20多格/每秒」。還有一些圖形的處理之類的。

* 下面這篇很棒,用同一個範例,但搭配不同的作法,實際測試FPS (每秒跑多少影格)
告訴你怎樣比較不lag(日文)
而他的解決方法是:讓flash變成不透明(在html 碼加上一行<param name="wmode" value="opaque" />...誰試過?

http://nextframe.jp/fpsCheck/fpsCheck.htm

* 各位請日後務必注意,跑flash動畫時,一邊把CPU資源畫面叫出來,看看順不順(按Ctrl + Alt + Del)。

下面的一些案例圖,點圖放大後有說明:

網路行銷參考案例

網路行銷案例參考

案例附圖:網路行銷

互動廣告行銷參考

網路行銷參考案例

網路行銷參考案例
[上一次編輯 by joooooohs, 於 2007-08-17 00:42:08]
RSS RSS: http://blog.shanger.net/feed.asp?q=comment&id=95
UTF-8 Encoding 引用URL: http://blog.shanger.net/trackback.asp?id=95
引用 Olive | |
[ 2007-12-08 01:10:00 ]
恩...雖然知道這些道理...
但why有時看國外的一些web...
就覺得他們用一堆效果卻依舊順暢...
是不是其實也和他們放置的server流量多少有關哩..
引用 Amos | |
[ 2009-09-30 14:58:00 ]
非常感謝大大指教~~
原來我用太多alpha了…難過會一直不順

如果我改成50%~~100%,是否會吃比較少的CPU呢?
感謝回覆指教
1

★ 我要留言 (不須登入)
表情符號
[smile] [confused] [cool] [cry]
[eek] [angry] [wink] [sweat]
[lol] [stun] [razz] [redface]
[rolleyes] [sad] [yes] [no]
[heart] [star] [music] [idea]
允許 UBB Codes
自動轉換網址
顯示表情符號
暱稱:
* 必填
驗證碼:
驗證碼 * 必填. 填入左側的數字
Email:

網址: