如何获取整个 3D Three.js 场景的 2D 快照 [如全景]？

Question

如何获取 Three.js 3D 场景的 2d 快照？？我需要像全景图像一样获取 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?

当我这样做时（Link 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]）。仅 Black Image 出现。

请告诉我如何获取：- 我的 3d 场景的 2D 快照，如全景图像。

注意：- Similar Question 应该有效，但对我无效。

Answer 1

Gman 向我建议了解决方案。为了他们的利益，我正在与社区分享它。

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

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

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

感谢和问候

考图克萨尼

如何获取整个 3D Three.js 场景的 2D 快照 [如全景]？

How To get 2D Snapshot [like panoramic] of whole 3D Three.js Scene?

webgl

three.js