JavaScriptで並列処理を実現する「Web Workers」。前回はWeb Workersの基本的な使い方を学び、バイナリデータを解析するプログラムを作りました。今回は、Photoshopのヒストグラムのように、RGB(赤、緑、青)の輝度のピクセル数を調べる画像解析プログラムを作りましょう。画像処理は時間がかかることが多いので、Web Workersを利用するにはもってこいです。 まず、調べたい輝度と画像データを以下のようにワーカーに渡します。 myWorker.postMessage({ width: canvasW, //キャンバスの横幅 height: canvasH, //キャンバスの縦幅 brightness: brightness, // 調べたい輝度 imageData: context.getImageData(0, 0, canvasW,
