※この記事は「古籏一浩のJavaScriptラボ」の第19回です。過去の記事も合わせてご覧ください。
JavaScriptとは思えない特殊ワイプ効果
「UIZE JavaScript Framework」(以下、UIZE Framework、「ユーアイズ」と読む)で目をひくのが、JavaScriptとは思えないほどの表現力豊かな特殊ワイプ効果です。従来のJavaScriptライブラリーのエフェクトといえば、画像の不透明度が変化したり、画像が特定方向にスライドして切り替わる、といったものがほとんどでしたが、UIZE Frameworkでは膨大な数の特殊ワイプ効果が用意されています。
●UIZE JavaScript Frameworkのエフェクト
http://www.uize.com/examples/slideshow-with-wipes.html
今回は、UIZE Frameworkの特殊ワイプ効果を使って複数の画像を自動的に切り替えて表示するスライドショーを作成します。UIZE Frameworkならではの動きを楽しみながら作ってみましょう。
なお、UIZE Frameworkのワイプ効果は、非常にたくさんのエレメントを作成してアニメーションさせるため、高速なマシンやJavaScriptエンジン(を搭載したブラウザー)が必要です。実行速度が極度に低下する場合はサンプルのパラメーターを調整してください。