水玉スライドショウ


umhr_slideshow当サイトのフロントページにはスライドショーがある。
比較的手間をかけずに「絵になる」ものを作ることができ、また更新が楽だから採用。
作りながら「水玉」という言葉を広げてみると、いろいろ面白い写真を集められることに気がついた。
水玉模様、円模様、水の玉、水しぶき、雨、涙、それらとからむ物、人、動物、植物。
↓水玉写真リスト
http://www.flickr.com/photos/38149748@N03/favorites/

水玉スライドショウ – wonderfl build flash online

多くの写真はflickrのサービスを使っている。
中でも、クリエイティブコモンズで原著作者のクレジットを条件に、複製、展示、二次著作物の作成を許諾されている写真だ。
許諾例:Some rights reserved

よって、このスライドショーではクレジットは必須機能であり、今後の写真の選択時にはこのライセンスをかならず確認すること。
また、写真に写っている人や物が明らかに権利を侵害しているような時は、ライセンス書きに関わらず使わないこと。特に芸能人や、キャラクターグッズの写真。

写真やクレジット、リンクURLはdata.xmlに記述してある。

複数のitemsの中から一つがランダムで選択され、その中のitem達がシャッフル順、縮小拡大の位置もシャッフルされ表示される。ただしxmlの一つ目は例外で、ループの最後に中央に縮む動きで固定。上記xmlでは水玉製作所のロゴが指定されている。

ステージサイズは936*320で作ったが、wonderfl(465*465)やいろいろなモニタのフルスクリーンでの実行でも問題ないように作ってある。
写真のサイズは936*320にしているが、どんなサイズでも表示エリアに合わせて拡大縮小するので、厳密にはずれていてもいいはず。jpg,gif,png,swf、一通り対応しているはず。

ちなみに、こういうスライドショーを「Ken Burns エフェクト」と呼ぶらしい。

wonderfl上のデータ
http://wonderfl.kayac.com/code/7df083ff15b1ec5b8190bea422592d035de97b45

↓AS