ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Webの表現力はHTML5によって格段にあがっています。それまではFlashなどを使わないといけなかったような表現がCSS3とJavaScript、Canvasなどによってできるようになっています。

今回はそんなWebの新しい表現力を実感できるソフトウェア、Aquarelleを紹介します。

Aquarelleの使い方

まるで水と油で作るアートのようです。

そしてぼかしが入っていきます。

動いているところ。スプラッシュとして使うとインパクトがあります。

スクロールと組み合わせた例。さて、誰でしょう。

Aquarelleは色がついた水がにじんでくるような表現ができます。使いどころは限られますが、デザイナーの方などが自分のサイトで使ってみると良さそうです。JavaScriptと連動することもできるので色々カスタマイズすると面白いでしょう。

AquarelleはHTML5/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

デモ1

デモ2

Ramotion/aquarelle: Aquarelle is a watercolor js effect.

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2