Fork
0
Fav
0
View
181
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 11 lines
  • HTML 29 lines
  • CSS 17 lines
ホバーすると画像が変化する

[動作概略]
2つの画像をSVGフィルタを使って減色した後に一つの画像に合成し, PNG画像として保存.(canvas要素を利用)
それをSVGフィルタで元の2つの画像に復元している.

処理の都合上4bitカラーに減色されてしまうが, 単一の画像ファイルに2つの画像を仕込めるのは面白いと思う.

FireFoxで動作を確認
Webkit(Safari)では多分アルファ値が含まれているとゴミが残る
Chrome系では上手く行かない
  • SVGフィルタで画像をマージして分離する
  • 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