three.js EffectComposer瀏覽器窗口大小調整問題

Question

我有一個渲染設置，在調整瀏覽器窗口大小時會出現大小調整問題。

我渲染了兩個場景，其中一個場景用於應用了后期處理效果的對象。 對於效果，我使用示例目錄中的THREE.EffectComposer和着色器。

然后，在另一個着色器示例的幫助下，將兩個場景渲染進行加法混合。

請參見以下簡化的設置： http ://jsbin.com/hibum/18/edit?js，輸出（在HTML部分中，我包括了three.js存儲庫中的一些js源代碼）

如果縮小輸出面板，然后重新加載頁面並再次擴大面板，您將看到類似以下內容：

第二個場景渲染未正確更新

主場景（藍色球體）確實更新了其渲染大小，但是效果場景（橙色球體）仍然具有相同的分辨率，只是放大了比例。

我找不到需要在瀏覽器調整大小事件時更新的渲染目標或渲染器（或統一的着色器），以便在調整大小后仍正確輸出圖像。

對於主要的作曲家，它可以使用setSize()調用，但是如果我在效果作曲家上執行此操作，則不會渲染效果場景。

任何幫助表示贊賞，謝謝。

Answer 1

我必須重置兩個EffectComposers，然后還重置AdditiveBlendShader的tDiffuse2制服：

main.reset();  
effects.reset();  

blend.uniforms.tDiffuse2.value = effects.renderTarget2;