写真を揺らす見せ方を2方式が選択できるように改良

写真を揺らすjavascriptソースは、
写真全体を揺らし、同じ写真をもい1枚準備し、揺れを見せたい部分だけ透明にして上に重ねる方式で作ってあった。
仲間から、揺らす物以外を透明にして、背景の前で揺らす方法も開発できないかと提案があった。
ソース自体は殆ど共通で実現できたので

swave.js、swing.js、flag.js
にこの機能を追加した

mask="koinobori.png,2";  //マスク,透明色・揺れ区分
           //(0=透明処理済み/1=白を透明にする /2=マスクを揺らす)

のようにマスクファイルの後ろに「,2」を指定すると
写真の上で、マスクの 白または透明部分以外を揺らします

下で揺らすデモ
http://qpon.quu.cc/jquery/flag/flag1.html
上で揺らすデモ
http://qpon.quu.cc/jquery/flag/flag2.html

応用事例楽しみにしています

この記事へのコメント

この記事へのトラックバック