Three.js實現模糊效果

實現這種效果還是比較容易的，下面簡單的說一下實現的思路。頂點着色器沒有什麼好說的，主要是片段着色器來進行計算。在片段着色器中首先計算出每一個像素在紋理座標的比例，在當前紋理座標設置一個採集顏色的區域，這個區域設置的越大越模糊，原因很簡單，就是將設置採集區域內的顏色值rgb累加再取其平均值，就獲得了當前片元的顏色值。採集區域越大，就越偏離原本的顏色值，就會越模糊。下面給出原理圖 就是將採集區域的顏色

>>阅读原文<<