複数の画像を組み合わせて3Dっぽく回転できる「jQuery Interactive 3D」:phpspot開発日誌
jQuery Interactive 3D by Pete R. | The Pete Design 複数の画像を組み合わせて3Dっぽく回転できる「jQuery Interactive 3D」。 画像を沢山用意する必要がありますが、あとはjQueryで初期化してアニメーションさせたりドラッグ＆ドロップで回転させたりすることが出来るようになります。 WebGL非対応ブラウザでも見れるような実装にしたい場合はこちらが使えそうですね。 関連エントリ 画像にマウスオーバーでリアルに立体化する3Dアニメーション実装デモ 3Dのキューブのアニメーションで迫力あるエフェクトを付けられるjQueryプラグイン「HexaFlip」 ドラッグで回転する3Dオブジェクトが作れる「ThreeSixty」 3Dでグルグル回転するインパクト大なスライダー実装jQueryプラグイン「Impulse Slider」
jQuery Roundabout
Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area. (And now, not just turntables, but many shapes!) In its simplest configuration, Roundabout works with ordered- and unordered-lists, however after some quick configuration, Roundabout can work with an set of nested elements. Requirements & Add-Ons Requires jQue
マウスにあわせて画像が3D的に追従するサイトを簡単に作れるjQuery jParallaxプラグイン
jParallaxの紹介とデモ jParallaxプラグインは、マウスに合わせて奥行き感のある3Dのような動きを実現できる、パララックス系のプラグインです。簡単なコードだけで、インタラクティブなエフェクトがかけられるので、JavaScriptが得意でない方でも設置できると思います。 とりあえず、どんなものか下のようなデモを作ってみましたので、見てみてください。 デモを見る 仕組み 下のような感じで、画像を重ねマウス量に応じてそれぞれ、スライドさせています。 jParallaxを使えば、画像を重ねたりマウスに応じて画像をスライドといったことをすべてやってくれます。 使い方 基本的な使い方は、とても簡単で、パララックスさせる複数枚の画像をDIVタグで囲み、 そのDIVタグに対して、jparallax() を呼び出すだけです。 <!DOCTYPE html> <html lang="ja"> <
jQuery Reel Plugin
reel verb ... the room reeled GO ROUND, go round and round, whirl, spin, revolve, swirl, twirl, turn, swim. Reel 1.3 is an established and the most versatile three-sixty player for jQuery. Teaches your ordinary image tag some new tricks turning it into a gorgeous interactive 360° object movie, panorama or stop-motion animation. Reel is the premier alternative to Flash, Java or Quicktime and is tru
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
