使用javascript/css3/canvas设置图像/3D/sprite动画

这里有点进退两难。我正在制作一个网站的移动版本，它有一些互动的东西，更具体地说，我有一个3D的物体，你可以旋转，我在Flash中使用papervision，但现在我需要做不同的事情，因为手机中没有Flash，我觉得我如履薄冰

我在考虑使用带有alpha通道的PNG序列导出一个360度旋转@30fps，然后简单地将它们粘贴到一个精灵中，然后在CSS中将其用作背景，并使用背景位置“模拟”动画

或者只是快速切换源图像，或者以某种方式使用“画布”，问题是我不确定这是否会产生完全低于标准的性能？我的意思是以每秒30帧的速度切换背景位置或图像源文件，这可能吗？这会不会很顺利，或者这仅仅是一件尚不可行的事情？请记住，只有一个3D对象需要根据用户输入旋转，而不是任何其他交互元素

---

那么，雪碧是我从未听说过的那种风格，还是画布，或者其他一些很酷的东西？提前谢谢大家

如果我在制作一个网站的移动版，我会把大部分的图形和所有的动画GIF，flash，等等——使用手机浏览网页的人通常不追求多媒体体验——他们只需要快速获取一些信息，然后使用带宽较差、甚至显示和性能较差的次优设备来获取信息。不要让他们更难受

---

另一方面，我发现使用包含所有动画帧的背景图像，并通过javascript操作

背景位置

，是制作小型动画精灵的好方法，例如，对于一款简单的手机javascript游戏：）

对，我同意你的观点，但在这种情况下，这是我的一个实验，我只是想看看是否有任何类型的解决方案会起作用。不一定是“所有移动”手机，只要想想iphoneatm。