Fork
0
Fav
0
View
124
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 91 lines
  • HTML 17 lines
  • CSS 41 lines
http://jsdo.it/defghi1977/K1sD
を改定したもの

・256色に対応
・Chromeでも動作する
・フィルタを外すチェックボックスを追加した(確認用)
・追加)処理パフォーマンスを考えSVGDOMのAPIを採用

feComponentTransfer要素では色成分毎に関数を指定できる.
そのため, 256階調グレイスケールのそれぞれの階調にRGB値を割り当てることで
グレイスケール画像に色を付けることが可能.
また, フィルタの内容を書き換えれば元画像に手を入れることなく特定の色を入れ替えることもできる.

同様の処理はSVGのrect要素を敷き詰めることでも可能だが,
DOMオブジェクトの過剰生成につながるため,避けるべきである.
  • canvas要素とSVGフィルタで画像のカラーパレット化(改訂版)
  • canvas要素とSVGフィルタで画像のカラーパレット化(改訂版)

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

defghi1977

Author

svgはいんすぴれーしょん http://www.h2.dion.ne.jp/~defghi/svgMemo/svgMemo.htm 重箱の隅っこをつっついて,にんまり. ドキュメントにまとめて,にっこり.

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags