※この記事は「古籏一浩のJavaScriptラボ」の第19回です。過去の記事も合わせてご覧ください。
![]() |
|---|
JavaScriptとは思えない特殊ワイプ効果
「UIZE JavaScript Framework」(以下、UIZE Framework、「ユーアイズ」と読む)で目をひくのが、JavaScriptとは思えないほどの表現力豊かな特殊ワイプ効果です。従来のJavaScriptライブラリーのエフェクトといえば、画像の不透明度が変化したり、画像が特定方向にスライドして切り替わる、といったものがほとんどでしたが、UIZE Frameworkでは膨大な数の特殊ワイプ効果が用意されています。
●UIZE JavaScript Frameworkのエフェクト
http://www.uize.com/examples/slideshow-with-wipes.html
![]() | ![]() | |
|---|---|---|
![]() | これまでのJavaScriptのエフェクトとは一線を画しているUIZE Framework。パラメーターを細かく指定すると違った動きになる | |
今回は、UIZE Frameworkの特殊ワイプ効果を使って複数の画像を自動的に切り替えて表示するスライドショーを作成します。UIZE Frameworkならではの動きを楽しみながら作ってみましょう。
なお、UIZE Frameworkのワイプ効果は、非常にたくさんのエレメントを作成してアニメーションさせるため、高速なマシンやJavaScriptエンジン(を搭載したブラウザー)が必要です。実行速度が極度に低下する場合はサンプルのパラメーターを調整してください。
この連載の記事
- 第53回 Mac用ウィジェットをHTML/CSSで自作
- 第52回 Web技術で作るDashboardウィジェット開発入門
- 第51回 iOS 4.2×localStorageで作るGPSレコーダー
- 第50回 HTML5 SVGで作るシューティングゲーム
- 第49回 HTML5のInline SVGをJavaScriptで操作
- 第48回 HTML5で注目!インラインSVGの使い方
- 第47回 iOS 4.2の新機能で作るHTML5+JSアプリ
- 第46回 JavaScriptでEPUBビューアーを自作してみた
- 第45回 Audio Data APIでブラウザーをシーケンサーに!
- 第44回 Firefoxでソフトシンセも作れるAudio Data APIの使い方
- この連載の一覧へ





















![Microsoft Windows7 Home Premium 64bit 日本語 DSP版 + メモリ [DVD-ROM] Microsoft Windows7 Home Premium 64bit 日本語 DSP版 + メモリ [DVD-ROM]](http://ascii.jp/img/amazon_noimg70.gif)




