2013-05-29 127 views
1

我一直在嘗試使用createjs將一些Flash as3動畫轉換爲HTML5。在桌面瀏覽器中一切正常,但在i-pad上動畫速度相當慢。如果存在複雜的矢量對象,則它們太慢而無法使用。我可以通過緩存對象來加快速度,但所得圖形的質量很差。有沒有解決這個問題的方法? 在此先感謝createjs動畫緩慢的ipad

皮特

回答

1

採取畫布大小一起來看看。經過一箇中等大小的移動視頻板不能像PC一樣加速圖形。

提示#4。觀看您的帆布的尺寸

很明顯,畫布越大,繪圖 操作的成本越高,但如果您的移動設備的目標是針對移動設備,則必須記住一些尺寸 限制。

從Safari網頁內容指南:

用於畫布元件的最大尺寸是用於與 小於256 MB RAM器件3百萬像素和5百萬像素對具有更大的設備或 大於256 MB RAM等於

所以如果你想支持蘋果的舊硬件,你的 畫布的大小不能超過2048×1464。

但這還不是全部!即使尺寸較小,您也必須保持畫布的寬高比在3/4和3/4之間。如果您跳出這些界限,webkit似乎切換到完全不同的呈現模式,即將畫布分割爲多個固定大小的區域,並分別渲染它們,並在它們之間產生明顯的延遲。

這似乎沒有任何文檔,但我有 確認這發生在iOS和iOS版本6.0.1上的Chrome和Safari瀏覽器 和5.1.1。

http://blog.toggl.com/2013/05/6-performance-tips-for-html-canvas-and-createjs/

+0

我的動畫減少畫布大小後變得更快! 但是,我怎樣才能使全屏和所有的? :( – Navaneeth