如何将 THREE.JS 场景导出为用于光球的 360 度纹理 [英] How to export a THREE.JS scene into a 360 texture for photosphere

问题描述

既然 youtube 支持 360 度视频[1]，我如何才能从 THREE.JS 场景中导出 360 度帧以作为光球纹理或什至在 youtube 视频中查看?

使用导出的查看器可能类似于

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

https://support.solidangle.com/display/mayatut/Creating+a+Basic+Spherical+Camerahttp://www.canadiannaturephotographer.com/spherealpans.htmlhttps://www.flickr.com/photos/sbprzd/4008650304/

解决方案

这就是我所做的.

我设置了 6 个摄像头，捕获了每个视口并将其作为纹理立方体输入到 360 度着色器中.

Now that youtube supports 360 degree video[1], how can I export a 360 degree frame from THREE.JS scene to be viewable as a photosphere texture or even within a youtube video?

The viewer to use the export could be like the one at 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/

解决方案

here is what I did.

I set up 6 cameras, captured each viewport and fed it into a 360 shader as texturecube.

这篇关于如何将 THREE.JS 场景导出为用于光球的 360 度纹理的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！