什么是后期處理？

很多three.js應(yīng)用程序是直接將三維物體渲染到屏幕上的。
有時，你或許希望應(yīng)用一個或多個圖形效果，例如景深、發(fā)光、膠片微?；蚴歉鞣N類型的抗鋸齒。 后期處理是一種被廣泛使用、用于來實(shí)現(xiàn)這些效果的方式。
首先，場景被渲染到一個渲染目標(biāo)上，渲染目標(biāo)表示的是一塊在顯存中的緩沖區(qū)。
接下來，在圖像最終被渲染到屏幕之前，一個或多個后期處理過程將濾鏡和效果應(yīng)用到圖像緩沖區(qū)。

這里three.js通過EffectComposer（效果合成器），提供了一個完整的后期處理解決方案來實(shí)現(xiàn)這樣的工作流程。

工作流程

首先，假設(shè)你正在使用three.js官方npm包，在如下基礎(chǔ)示例中，我們需要下列文件。

import { EffectComposer } from 'three/addons/postprocessing/EffectComposer.js';
import { RenderPass