普段何気なく閲覧しているサイトですが、UIデザインや背景の処理など様々な部分に工夫が凝らされています。そんな中今回は、javascriptで様々なバブル表現が可能なオープンソース「Bubbly Backgrounds: Moving Backgrounds for Your Website」を紹介したいと思います。

様々なバブル背景が簡単な手順で制作することができるようになっています。

詳しくは以下

こちらは、ノルウェーの開発者Davidによって書かれたJavaScript。簡単な構造で書かれたソースはウェブサイトに負担もかからず、滑らかにバブルを動かしてくれます。色やバブルの動きに変化をつけたい時にソースを調整する必要がありますが、そんな時にはオプションを使えば簡単に変化を楽しむこともできます。ソースを参考にして、自分のオリジナルの表現をしてみても面白いかもしれませんね。

このようなオープンソースはそのままでも使えますし、様々なアレンジも可能なので幅広く活躍できそうです。商用利用も無料ですので、試しに使ってみてはいかがでしょうか。

Bubbly Backgrounds: Moving Backgrounds for Your Website | NOUPE