在ActionScript 3中優化渲染

Question

我正在研究包含7-10層相當大（1500x800）位圖和動畫片段的視差動畫（類似於 - flordearagua.com）。爲了實現視差，我編寫了代碼以不同的速度移動所有圖層，這取決於鼠標位置和加速度等參數。所有這一切工作正常。

我想讓這個動畫真的更流暢。我想用這個達到最低24 FPS。目前我能夠通過我所做的所有優化實現僅15-17 FPS。

請注意。我正在使用的所有組件都是庫組件。我爲一些圖層啓用了位圖捕捉，但對於一些我卻不能。在執行視差移動時，啓用某些圖層的位圖捕捉會導致抖動。

請建議任何優化。

謝謝。

Answer 1

拆分大的圖像分成較小的圖像，應該使Flash Player來進行測試，看看每個圖像是舞臺的視口區域內，並且它沒有被渲染。

所以分割圖像並把它們添加到的DisplayObjectContainer，所以將它們添加到雪碧。並用一組較小的圖像替換您的大圖像。你應該看到一些改進。

如果這不起作用，你可以嘗試手動執行可視性測試，使得不在視口中可見=虛假的圖像。

Answer 2

我認爲這是你應該做的 - 但我不能說這與你已經有多接近了。

• 將所有較大的圖層保留在顯示列表中。
• 在每一幀上，計算每層的哪一部分應該是可見的。
• 抓取每個圖層當前可見部分的bitmapData對象。
• 將它們按順序繪製到顯示列表上的空白顯示對象中。

但是，這聽起來像你已經這樣做了，或者至少，非常接近這樣做。你有任何阿爾法梯度，複雜的PNG，或者你可以簡化的類似？不透明總是比阿爾法快。

Answer 3

我想你可以達到通過保持你可以關閉顯示列表中的一切有更好的表現。只留下一個愚蠢的精靈。手動計算鬆弛位移，然後僅合成一個位圖圖像，然後使用copyPixels將其繪製到屏幕上，速度非常快。

這變得更難，當你需要有（對某些層的某些區域點擊或翻車）細粒度的用戶交互來管理。仍然如此，您可以捕獲鼠標事件並掛鉤相同的代碼以確定點擊的內容和位置。

這裏的問題在於，您將以某種方式重新實現DisplayObject層次結構。這就是它的關鍵所在，原生顯示對象過於通用，對應用程序的細節知之甚少，因此您可以積極地進行優化。

你似乎是消息靈通的這一點，但就像任何其他的優化，其中是問題真的嗎？ （簡介！）

虛擬機，這些天是相當不錯的，但渲染管線是非常緩慢。您可能會從其他來源獲得更多的FPS（內聯事物，記憶等）。