2016-08-11 6 views
0

Three.js 3Dシーンの2dスナップショットを取得するには? 。私は、パノラマ画像のように私の3Dシーンの2Dスナップショットを取得する必要があります(全360スナップショット)に使用3D Three.jsのシーンの2Dスナップショット[パノラマ風]を取得するには?

デモ : - 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(); 

String64を取得していますが、デコードできません(オンラインツール[http://codebeautify.org/base64-to-image-converter]]を使用しています)。 ブラックイメージのみが登場です。

取得方法を教えてください: - パノラマ画像のような私の3Dシーンの2Dスナップショット。

注: - Similar Questionは機能していたはずですが、それは私には効果がありません。

+1

これはhelpfu http://stackoverflow.com/aかもしれません/ 26790802/128511また、PNGに変換する場合は、 'binary = someBase64ToBinaryFunction(dataUrl。 split( "、")[1]) '; – gman

+0

ありがとうございます。これは役に立ちます。私の質問の他の部分は次のとおりです。 - 2D画像で360シーンをキャプチャする。これで私を助けてくれますか? – kautuksahni

+0

@ kautuksahni:jsfiddleまたはcodepenサンプルを作成してください。 – Shiva

答えて

1

解決策が私にGmanによって提案されています。 私は彼らの利益のためにコミュニティと一緒に剪断しています。

CubemapToEquirectangular」は、3Dシーンのパノラマ画像を取得するのに役立ちます。

リンク: - https://github.com/spite/THREE.CubemapToEquirectangular

デモソリューション: - https://www.clicktorelease.com/tools/CubemapToEquirectangular/index-managed.html

おかげで、よろしく

Kautukサーニ

関連する問題