Three.jsですりガラスのようなテクスチャを実装する方法

Question

##Three.jsのPlaneBufferGeometryにすりガラスのようなテクスチャを実装したいです。
イメージはCSSの

filter: blur(20px);

のように、重なっている領域がぼやけるような状態です。
参考：https://codepen.io/kylewetton/pen/bGbaazX

公式ドキュメントで、MeshPhongMaterialのemvMapにテクスチャキューブを適用してガラスのような表現ができることは分かったのですが、すりガラスのように奥がぼやける処理の方法がわかりません。

もしくは自分でシェーダーを書くことで実装できると予想しているのですが、「こうすれば良い」といった最低限のサンプルが見つからず、どなたかご教示いただけますと幸いです。