【webgl】グリッチエフェクト

spoon_inoue
·

YouTubeでたまたま見かけた、AEのグリッチの作り方がShaderでも再現できそうだったので、参考に作って見ました。

作成したものはこちら。

ソースコードはこちら。

感想

グリッチって作って見ると意外と難しいです。

すこしでも変化が激しくすると、見るに耐えないものになってしまいます。

緩急をつけたり、noiseに使うtime(seed値)を離散的にするとグリッチっぽくなります。

chromatic aberration(色収差,rgb shift)を、pin lightでbase colorにブレンドするといい感じにグリッチっぽくなって感動しました。