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. Optiscroll

    JavaScript

    縦横に対応したカスタマイズ性に優れたモダンなスクロールバー「Optiscroll」

    Optiscrollは、軽量で高度に最適化されたカスタマイズ性に優れた…

  2. JavaScript

    ボックス要素からはみ出した分のテキストを「…」に置き換えてくれるjQueryプラグイン「…

    なんとなく使う機会がありそうな感じのjQueryプラグイン「jQuer…

  3. Select.js

    JavaScript

    セレクトボックスをオシャレにスタイリングしてくれるJS・CSSライブラリ「Select.js」

    Select.jsはセレクトボックスをシンプルでオシャレにスタイリング…

  4. OneBook3d

    JavaScript

    フォトアルバム(ブック)に最適なjQueryプラグイン「OneBook3d」

    OneBook3dはブラウザ上でフォトアルバム(ブック)を作るのにとて…

  5. Simple button checks

    JavaScript

    カスタマイズ可能なチェックボックスを実装できる「Simple button checks」

    Simple button checksはカスタマイズ可能なチェックボ…

  6. Parazoom

    JavaScript

    クールに拡大・チルトする画像ズーム「Parazoom」

    Parazoomはクールに拡大・チルトする画像ズーム機能を実装できるj…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP