如何获得整个3D Three.js场景的2D快照(如全景)？

Question

如何获得Three.js三维场景的二维快照？我需要获得我的3D场景的2D快照，就像全景图像。(完整的360快照)。

使用的演示：- http://patcat.com/demos/VRWeatherParticles/

我尝试了这个解决方案:- 1.How do you save an image from a Three.js canvas? 2. Three.js: How can I make a 2D SnapShot of a Scene as a JPG Image?

当我做(链接2中提到的)时，：-

renderer = new THREE.WebGLRenderer({
preserveDrawingBuffer: true
});

var strMime = "image/jpeg";
imgData = renderer.domElement.toDataURL(strMime);
imgData1 = renderer.domElement.toDataURL();

我得到了字符串base64，但我无法正确地解码(使用在线工具[http://codebeautify.org/base64-to-image-converter])。只有黑图像出现了。。

请让我知道如何获得:- 2D快照，我的3d场景，如全景图像。

注意：- Similar Question应该有效，但对我不起作用。

Answer 1

Gman向我提出了解决方案。为了他们的利益，我正在与社区进行剪裁。

"CubemapToEquirectangular“库有助于获取3D场景的全景图像。

Link:- https://github.com/spite/THREE.CubemapToEquirectangular

演示解决方案：- https://www.clicktorelease.com/tools/CubemapToEquirectangular/index-managed.html

感谢并致以问候

考图克·萨尼