什么是后期處理？

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

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

工作流程

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

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