jQueryを使ってサイト内にギャラリーなどを組み込んだ際、
画像を切り替える際に、フェードやスライドなど様々なエフェクトを掛けることが可能ですが、
jQueryと＜canvas＞を使ってカメラのシャッターを切るような動きを付けて
画像を切り替えることが出来るチュートリアル「Shutter Effect Portfolio with jQuery and Canvas」の
エフェクトがきれいで面白かったのでメモ書き程度にご紹介。
Shutter Effect Portfolio with jQuery and Canvas
≫Shutter Effect Portfolio with jQuery and Canvas | Tutorialzine
≫デモはこちら："Shutter Effect" with Canvas and jQuery | Tutorialzine Demo
デモページのスライドギャラリーでは、
画像が切り替わる際にシャッターが切られるようなエフェクトが入ります。
実際の構造は扇形の画像を＜canvas＞で重ね合わせ、
jQueryでアニメーションをつけているもよう。
構造を見る限り、jQueryだけでも実現できそうなものですが
＜canvas＞で構成することによって軽快な動作での実装を実現しているのかもしれません。
通常の画像切り替えと違い、変わった動きを加えられるので
どこかで試したてみたいエフェクトです。
ご参考までに。。。