如何将 THREE.JS 场景导出为光球的 360 度纹理

How to export a THREE.JS scene into a 360 texture for photosphere

现在 youtube 支持 360 度视频[1],我如何从 THREE.JS 场景导出 360 度帧以作为光球纹理甚至在 youtube 视频中查看?

使用导出的查看器可能与 http://blog.thematicmapping.org/2014/01/photo-spheres-with-threejs.html

中的查看器类似

[2] http://www.wired.com/2015/03/youtube-360-degree-video/

https://support.solidangle.com/display/mayatut/Creating+a+Basic+Spherical+Camera http://www.canadiannaturephotographer.com/sphericalpans.html https://www.flickr.com/photos/sbprzd/4008650304/

您似乎可以从 180FOV 摄像机渲染两帧,第一帧瞄准 (0,0,1),第二帧瞄准 (0,0,-1)。接下来,将它们拼接成一张图片。

这是我做的。

我设置了 6 个摄像机,捕获每个视口并将其作为 texturecube 送入 360 着色器。

我将几个不同的库放在一起,以启用 Three.js

的 360 度视频和照片捕获

https://github.com/imgntn/j360