[JS]エフェクトの美しさがスゴイ！Webページを水面にし、波紋を生み出すスクリプト -jQuery Ripple

Googleの新UX「Material Design」のアナウンス以降、波紋のエフェクトを数多く紹介してきました。例えばこれとかRiiple Click EffectとかWavesとか。 それらとは一味違い、WebGLでリアルな波紋を描くjQueryのプラグインを紹介します。 jQuery Ripples Plugin -GitHub ↑ファイルサイズを軽減してます。実際はもっと本物の水面です。 jQuery Rippleのデモ jQuery Rippleの使い方 jQuery Rippleのデモ デモはChrome, Safari, Firefox, Opera, IEは11+で、OpenGL 2.0対応のビデオカード内蔵のPCでご覧ください。 ページ上をクリックすると、そこから波紋がどんどん増えます。 jQuery Rippleの使い方 Step 1: 外部ファイル 当スクリプトとjq

[satoshiiiiii]

”Chrome, Safari, Firefox, Opera, IEは11+で、OpenGL 2.0対応のビデオカード内蔵のPC”

[qrac_jp]

驚愕の滑らかさだった。使いどころは選びそうだけど。

[kangsungyang03]

jqueryで波紋が使えるプラグイン「刻むぜ　波紋のビート！」

[mr_mayama]

昔JavaAppletで実装されてたヤツや

[RenHuuka]

いいものを見つけた！ [JS]エフェクトの美しさがスゴイ！Webページを水面にし、波紋を生み出すスクリプト -jQuery Ripple | コリス http://t.co/AumW6iODo2

[mzkzzz]

水面が揺らぐ

[ko-ya-ma]

JQueryでここまでやれるのか

[kana321]

WebGLでリアルな波紋を描くjQueryのプラグインを紹介

[isaisstillalive]

全盛期のJavaアプレットさんを思い出す

[umai_bow]

いいんだけど、こういうプラグイン jQuery に依存させるのもうやめてほしい