この記事はJavaScript Advent Calendar 2014の12/19(金)の記事になります。 glitchとは このような感じのデジタルノイズエフェクトをglitch(グリッチ)といいます。 電子信号の異常によって引き起こされる映像の乱れの再現処理〜 〜とかなんやかんや。 実際にはこんなglitch起きないよ!というような正しいglitch論もありますが ここでは触れません。こわい。 今回はこのglitchをjavascriptで実装しようじゃないかと。 うすうす感付かれてるかもしれませんが そう、あたりです。 見栄えヨロシクでチャラい方のjs案内になります。 どうぞお手柔らかにお願いします。 解説 1. はじめてのglitch 簡単なglitch処理は、 canvas内をgetImageData & putImageDataすることによって可能です。 var ctx =