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

时间:2016-08-11 12:22:56

标签: three.js webgl

如何获得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?

当我这样做时(链接2中提到的内容): -

 WelcomeFrame closing_frame = new WelcomeFrame();
closing_frame.setVisible(false); 

我正在获取String base64,但我无法正确解码(使用在线工具[http://codebeautify.org/base64-to-image-converter])。只有黑色图片即将出现。

请让我知道如何获得: - 我的3D场景的二维快照,如全景图像。

注意: - Similar Question应该有效,但它对我不起作用。

1 个答案:

答案 0 :(得分:2)

Gman向我建议了解决方案。 为了他们的利益,我正在与社区一起剪羊毛。

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

链接: - https://github.com/spite/THREE.CubemapToEquirectangular

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

谢谢和问候

Kautuk Sahni