Pluginをご紹介します。これらのプラグインはぱらぱら漫画の要領で、複数の画像を高速に切り替えることで動いているような、回転しているような見せ方が可能になります。SpriteSpin最初にご紹介するのは3つの描画方法が用意されているプラグインSpriteSpinです。ライセンスのもとで公開されています。対応ブラウザは各種PC用ブラウザ(IE6以降)とモバイル用ブラウザがサポートされています。描画方法が3種類用意されている操作方法が4種類用意されているCanvasが利用できる様々なOptitonが用意されていますが、この中のmoduleとbehaviorについてご紹介します。moduleでは「360」「panorama」「gallery」の3つの画像描画方法を用意されています。「360」は360度回転表示されるモジュール「panorama」はパノラマ撮影された風景などを表示するのに適したモジュール「gallery」は画像スライドショーの表示に適したモジュールBehaviorsでは「Drag」「Hold」「Click」「Swipe」の4つの画像操作方法が用意されています。「Drag」はドラッグ操作で画像回転などが可能。「Click」はクリック操作で画像切替などが可能。「gallery」表示時に適しています「Swipe」はモバイル端末でのスワイプ操作で画像切替などが可能。「gallery」表示時に適しています上記のmodule/Behaviorsはカスタマイズが可能で、独自の描画方法や操作方法を作って指定することもできます。詳しくはCustomizationsのページにサンプルが記述されています。その他制御用の関数もいくつか用意されており、動的なオプションの変更やフレーム操作も可能なようです。以降では動作するようです。公式ページには対応ブラウザは各種PC用ブラウザ(IE6以降)のみ明記されてますが、タッチ操作も対応しているようです。SLIDERには「threesixty.fullscreen.js」といったフルスクリーン表示用プラグインも同梱されていたり、ウィンドウサイズに応じて画像サイズも変わるレスポンシブル対応設定も可能です。SLIDERでよいかも知れませんね。各種Configや関数、サンプルの類はコチラのgithubページに掲載されています。reel最後にご紹介するのは3つの中では一番高機能なプラグインreelです。ライセンスのもとで公開されています。対応ブラウザは各種PC用ブラウザ(IE6以降)とモバイル用ブラウザがサポートされています。豊富なオプション縦・横のマルチスクロールが可能ジャイロスコープ対応reelはSpriteSpinと同様に、シーケンス(連番)画像とスプライトシート(連番画像を1つにまとめた)画像の双方に対応し、パノラマ表現も可能です。特色だと感じたのは、横方向のスクロールだけでなく縦方向の回転も可能な点です。これにより表示できるアングルが倍増しますが、その分の画像素材を用意するのも大変ですし、ダウンロードする画像容量も増えるので、使い方は慎重に検討したほうがよさそうです。v1.3の新機能としてジャイロスコープを利用して回転を制御できる機能も追加されたようで、これからの新機能にも期待できそうです。まとめ今回は360度ぐるぐる回すためのプラグインを3つご紹介しました。SLIDERが良いかなと感じました。どのプラグインを利用するにしても画像素材がメインのコンテンツとなるので、サイズや容量は出来るだけ小さくまとめる必要があります。360度コンテンツを用意しても、画像読込に時間が掛かるとユーザはすぐにページから離れてしまうので、気をつけたいところです。サイトのご利用にあたって。