画像をマウスポインタで触れると、画像が変化する・・・

たんなる画像なら、パクッて貼り付けるだけだが・・・
このような動作をする画像は、画像のパクリだけでは思いどおりにならない。
そもそも、画像のパクリさえ上手く出来ないのではないだろうか？



ごく初歩的な手法だが、JavaScriptなどのプログラムを使わずに実現できる。
僕のブログの一番上にあるメニュー、マウスで触れるとチカチカ点滅。
これと同じ原理であるが・・・
ーーーーーーーーーーーーーーーーーーーーーー

上のゴキブリ画像は、二つのGIFアニメ画像を使っている。
最初の画像は40フレームの構成で、足と触覚を動かしている。

マウスで触れた時の画像は11フレームの構成で、羽を広げる。
 

それにしても、アニメは手間がかかる作業だし。
好きで作るのだろうが、僕にはとうてい真似できない仕事だと思う。
ちなみに、僕のブログメニューの画像は、たったの２フレーム・・・