用javascript/css3/canvas動畫圖像/ 3D /雪碧

Question

這裏有一種困境。我正在製作一個網站的移動版本，它有一些互動的東西，更具體地說，我有3D的這個對象，你可以旋轉，我在Flash中使用papervision，但現在我需要以不同的方式做到這一點，因爲移動設備中沒有閃光燈，我感覺自己在薄冰上。

我正在考慮使用帶alpha通道的PNG序列導出360度旋轉@ 30 FPS，然後將它們拼接成一個精靈，然後將它用作CSS背景，然後使用背景位置來「模擬「一個動畫。

這或簡單地切換源圖像非常迅速，或以某種方式使用「畫布」也許，事情是我不知道這是否會產生完全不良的表現？我的意思是切換背景位置或圖像源文件@ 30 FPS是甚至可能的？它會不會流暢，還是這只是一種不可行的待辦事項？請記住，它只是一個需要根據用戶輸入旋轉的單個3D對象，而不是其他任何交互式元素。

所以精靈的方式去gogo或帆布或什麼酷我還沒有聽說過？謝謝大家提前！

Answer 1

如果我正在製作網站的移動版本，我會去掉大部分圖片，絕對是所有動畫gif，flash等等 - 使用手機瀏覽網頁的人通常不會多媒體體驗 - 他們只需要快速獲取一些信息，並使用帶寬較差甚至更差顯示和性能的次優設備來獲得它。不要讓它變得更難。另一方面，我發現使用背景圖片及其中的所有動畫幀，並從javascript中操縱background-position是製作小動畫精靈的好方法，例如用於移動設備的簡單JavaScript遊戲電話:)