Three.js：特定のオブジェクトを除くシーンスナップショット

Question

私はthree.jsシーンを持っています。ウォーターマークオブジェクトを含むいくつかのオブジェクトがあります。シーンスナップショットを撮る必要がありますが、ウォーターマークオブジェクトは含めないでください。しかし同時に、ユーザーはスクリーンにウォーターマークのないシーンを見るべきではないので、スクリーンショットを撮ることができませんでした。 それは可能でしょうか？ ありがとうございました！

Answer 1

HEREはスクリーンショットを撮る方法を示すフィドルです。
HEREは、スクリーンショットを作成する前にメッシュを非表示にするバージョンです。

オリジナル機能。

function takeScreenshot() { 
    var w = window.open('', ''); 
    w.document.title = "Screenshot"; 
    var img = new Image(); 
    img.src = renderer.domElement.toDataURL(); 
    w.document.body.appendChild(img); 
} 

メッシュを非表示にする変更された機能。

function takeScreenshot() { 
    var w = window.open('', ''); 
    w.document.title = "Screenshot"; 
    var img = new Image(); 
    mesh.visible = false; 
    renderer.render(scene, camera); 
    img.src = renderer.domElement.toDataURL(); 
    mesh.visible = true; 
    w.document.body.appendChild(img); 
} 

メッシュをvisible = falseに設定して、スクリーンショットを撮るようにシーンをレンダリングし、次にmesh.visibleをtrueに戻します。