Rain & Water Effect Experiments

JavaScript

雨や水滴効果を実装できる「Rain & Water Effect Experiments」

Rain & Water Effect Experimentsは、雨や水滴効果を実装できます。画面が本当に濡れているかのような、リアルさが伝わってくるのがすごいですね。WebGLを使っているのが特徴です。

Rain & Water Effect Experiments

デモ

ガラス越しに雨が降っている外を見ているような感じですね。水滴が滴り落ちる動きがとてもリアルです。

上記はWeaterのデモになります。ほかにも右上のメニューからWaterやVideoといったデモを確認できます。

リアルな雨や水滴効果を実装したい方は、ぜひチェックしてみてはいかがでしょうか?

Rain & Water Effect Experiments

関連記事

  1. Typewriter JS

    JavaScript

    タイプライターっぽいエフェクトでテキストを表現できる「Typewriter JS」

    Typewriter JSは、タイプライターを使って文字入力するような…

  2. no-image

    JavaScript

    スワイプでのスライドもできるシンプルなスライダー「jquery-slide」

    jquery-slideはスワイプでのスライドにも対応したシンプルなス…

  3. FractionSlider

    JavaScript

    各要素ごとにスライドアニメーションを設定できるjQueryプラグイン「FractionSlider」…

    複数の各要素ごとにスライドアニメーションを設定できるjQueryプラグ…

  4. ARIA TOOLTIP

    JavaScript

    WAI ARIAを活用したユーザーフレンドリーなツールチップ実装「ARIA TOOLTIP」

    ARIA TOOLTIPはWAI ARIAを活用したユーザーフレンドリ…

  5. Animated menu concept

    JavaScript

    かっこいいアニメーション付きメニュー実装「Animated menu concept」

    Animated menu conceptはかっこいいアニメーション付…

  6. Navigation

    JavaScript

    コンテンツを押し出してナビゲーションを表示する「Navigation」

    Navigationはコンテンツを押し出すかたちでナビゲーションを表示…

最近の記事

  1. M360bt

アーカイブ

PAGE TOP