用javascript/css3/canvas动画图像/ 3D /雪碧

这里有一种困境。我正在制作一个网站的移动版本，它有一些互动的东西，更具体地说，我有3D的这个对象，你可以旋转，我在Flash中使用papervision，但现在我需要以不同的方式做到这一点，因为移动设备中没有闪光灯，我感觉自己在薄冰上。用javascript/css3/canvas动画图像/ 3D /雪碧

我正在考虑使用带alpha通道的PNG序列导出360度旋转@ 30 FPS，然后将它们拼接成一个精灵，然后将它用作CSS背景，然后使用背景位置来“模拟“一个动画。

这或简单地切换源图像非常迅速，或以某种方式使用“画布”也许，事情是我不知道这是否会产生完全不良的表现？我的意思是切换背景位置或图像源文件@ 30 FPS是甚至可能的？它会不会流畅，还是这只是一种不可行的待办事项？请记住，它只是一个需要根据用户输入旋转的单个3D对象，而不是其他任何交互式元素。

所以精灵的方式去gogo或帆布或什么酷我还没有听说过？谢谢大家提前！

来源

2010-08-24 neph

如果我正在制作网站的移动版本，我会去掉大部分图片，绝对是所有动画gif，flash等等 - 使用手机浏览网页的人通常不会多媒体体验 - 他们只需要快速获取一些信息，并使用带宽较差甚至更差显示和性能的次优设备来获得它。不要让它变得更难。另一方面，我发现使用背景图片及其中的所有动画帧，并从javascript中操纵background-position是制作小动画精灵的好方法，例如用于移动设备的简单JavaScript游戏电话:)

来源

2010-08-24 20:23:54

对，我同意你的意见，但在这种情况下，这是我的一个实验，我只是想看看是否有任何类型的解决方案，将工作。对于只考虑iPhone atm的“所有移动电话”而言，并不一定。 – neph 2010-08-24 20:27:51

用javascript/css3/canvas动画图像/ 3D /雪碧

回答

相关问题