【Three.js】一部のオブジェクトのみにPost Processingをかける

概要 Three.jsのPost Processing（ポストプロセス）を一部のオブジェクトのみにかける方法の備忘録メモです ▼中央の葉っぱを除いてグリッチエフェクトをかけてる例 TL;DR Three.jsのLayersを使って、何の効果も付けずレンダリングするオブジェクトはLayer0、Post ProcessingをかけるオブジェクトはLayer1、とレイヤーを分けることで別々に描画することができます。 ▼大参考 // 描画を分けたいオブジェクトごとにlayerを分ける // Object3D.layers.set(layer) obj00.layers.set(0); obj01.layers.set(1); renderer.autoClear = false; tick() { renderer.clear(); // post processing をかけるlayer（ここで