创建JavaScript 360度图像旋转效果需要多少图像？

题

我正在看一些演示，展示了一些很酷的HTML5，CSS3和JavaScript演示，我对此很感兴趣这个, ，360度产品查看器。

我想知道许多您认为我需要尝试复制的照片。苹果自己说 several 在页面上，但这不是很好的描述性。

尝试完成似乎是一项非常艰巨的任务，所以我可能不会做到，但我只是想知道。

谢谢。

解决方案

他们没有指定，因为没有真正的答案。如果您希望它是超级平滑的，那么360张图像将很好。 Apple用过72.您可以使用2到72至360的任何数字来实现效果，因此您的呼叫正是工作量值得的，这是值得的效果。

对不起。

其他提示

该演示使用72张图像。

^{顺便说一下，演示似乎只是更新图像 src 属性。}

取决于您想要的旋转的精度。

没有固定的数字。

在那个具体示例中，他们使用了72。

更换最后一个 72 与URL的一部分 01 至 72 获取所有图像。

你需要 several, ，这是描述性的。

但是请注意一件事。如果您以特定的顺序加载它们，则可以获得渐进效果。

例如，首先加载“北”和“南”。然后“东”和“西”。然后，“西北”，“西南”，“东北”和“东南”等等，这样您就可以拥有72张以上的图像，但是用户不必等待才能获得逐步平滑的体验。

请注意，在这种情况下，您将以两个功率加载它们。

第一载荷（一张图像已经存在之后）：1图像（相反）
第二个负载：2张图像（侧面）
第三负载：4张图像
第四载荷：8张图像
...
第八载荷：128张图像。

请注意，您不会轻易使用学位。（他们只需要除以5、360/5 = 72）
为了计算给定程度的哪个图像，您将使用插值。
因此，首先，您将360度插入至2（图像），然后插入4，然后是8 ...知道要选择哪个图像，

简单的插值解释是这里.

从视觉而不是技术上……旋转的平滑度是您要查看需要多少图像的因素。大小如果对象和详细信息级别在答案中有所帮助，则具有带宽。 20张图像是最小的，40张是一个很好的建议，但72个看起来很棒。请记住，如果是摄影，每张图像会增加更多的工作和难度。

这是一个图表，有助于展示图像的数量。http://www.photospherix.com/matrix.html

您可以从这里下载演示，我认为24是一个很好的数字，但这取决于您计划创建多少旋转视图。

许可以下： CC-BY-SA 和归因