facebook 是如何快速优化和制作 360 照片的？

Question

当在 facebook site 上查看时，Facebook 制作 360 度全景照片的速度如此之快，性能如此之好，我感到非常兴奋。我想了解他们使用哪些 technology/libraries 在我自己的网站上制作东西。

是否有任何关于 360 照片性能的白皮书或给我一些制作建议？

Answer 1

照片的第一个技巧总是最好的：在用户进行交互时下载。例如，您可能会看到此交互：

• 拍照
• 试用滤镜、颜色和裁剪
• 点击发送
• 惊叹于它的速度！

发生的事情是：

• 拍照 ** 开始上传照片数据
• 试用滤镜、颜色和裁剪 ** 照片数据更新完成
• 点击发送 ** 发送当前过滤器设置，这是一个小数据包 ** 将滤镜重新应用于已上传的大照片。告诉你完成了。

还有其他技巧：

• 先做可见的。例如，当用户触摸控件时计算一些下采样结果。拖动时可以看到 'apply' 结果，但实际上只有 320x180 图像。同样，电子表格首先更新可见页面，然后担心未来。
• 学习硬件。应用 4x4 简单变换矩阵旋转和拉伸 3D 图形需要在 1000x1000 图像上进行大约 1600 万次操作。或 100 万使用正确的说明。或者 1 使用正确的视频说明。

这是一个很棒的大领域。只针对一种效果可能比尝试了解该领域并注意是什么给您带来更多效果。