読者です 読者をやめる 読者になる 読者になる

技術めいた何か

1人の大学生によるIT系の記事群

HTML5+Javascriptで擬似カラー処理してみた

ソースコードはこちら(GitHub)

サンプルはこちら

今回もタイトルの通りです。画像処理の一種に8bitモノクロビットマップに擬似カラーを与えて見通しをよくするというものがあります。

以前からhtml5+jsでの画像処理に興味があったので今回はそれをお題に作ってみました。

まず、http://ofo.jp/osakana/cgtips/hsb.phtmlの4を参考にRGB値から輝度を求める関数getLuminance(bRed, bGreen , bBlue)を作成しました。
あとは輝度から擬似カラー割り当てればよいのですが、いまいち勝手がわからず・・・
結局、http://imagingsolution.net/imaging/pseudo-color/の2つ目グラフを参考にRGBそれぞれの条件分岐を書いて何とかしました。

 

左:適用前、右:適用後

f:id:atofaer:20150815010730p:plain f:id:atofaer:20150815010734p:plain