Warp drive jQuery plugin

JavaScript

ワープするようなエフェクトを実装できる「Warp drive jQuery plugin」

Warp drive jQuery pluginは、ワープするようなかっこいいエフェクトを実装することができるjQueryプラグインです。ファイル容量も軽量なほか、HTML5のCanvasをベースにしているとのこと。

マウスを動かせばそれに合わせて視点が追従

デモ

デモページにはいくつかのデモが設置されており、各デモにマウスオーバーすると、まるで宇宙空間をワープしているかのようなエフェクトを体感できます。マウスを上下左右に動かすことで、視点もそれに追従して移動します。

ワープ中はかなりダイナミックな動きになるので、ユーザーにも強い印象を与えることができそうですね。

デモには黒、青、赤、緑、紫など、いろんな色のタイプが用意されています。1番下のデモには真ん中にロゴも表示させています。SFチックなデザインを採用しているサイトにはピッタリのプラグインといえるのではないでしょうか?

セッティングできるパラメーターはかなり豊富で、widthやheightをはじめ、autoResize、addMouseControls、addTouchControls、hideContexMenu、starCount、starBgCount、starColor、starfieldBackgroundColor、starDirection、starSpeed、starFov、starRotationPermission、starWarpLineLength、starFollowMouseSensitivityなど、他にもたくさんの項目が用意されています。

というわけで、ワープするようなSFっぽいエフェクトを実装したい人は、ぜひ「Warp drive jQuery plugin」をチェックしてみてください。

Warp drive jQuery plugin

関連記事

  1. underline.js

    JavaScript

    遊び心あるアニメーションと美しさを追求したアンダーライン「underline.js」

    underline.jsはアニメーションが付いた美しいアンダーラインを…

  2. Responsive Sidebar Navigation
  3. Stretchy

    JavaScript

    入力した文字数に合わせて可変するフォーム実装「Stretchy」

    Stretchyは入力した文字数に合わせてボックスが伸び縮みするフォー…

  4. EZ Plus

    JavaScript

    タッチにも対応した画像ズーム機能を実装できるjQueryプラグイン「EZ Plus」

    EZ Plusはタッチにも対応した画像ズーム機能を実装することができる…

  5. infiniteSlider2.js
  6. jQuery-LightBox

    JavaScript

    軽量でモバイルフレンドリーなLightbox実装「jQuery-LightBox」

    jQuery-LightBoxは、軽量でレスポンシブにも対応したモバイ…

最近の記事

  1. オリジナルチキン6ピース
  2. 200-DGCAM019
  3. ハクバ GW-PRO RED フォトグローブプロ PL
  4. Soundcore Liberty Air 2

アーカイブ

PAGE TOP