HP リニューアル javascriptアート(JqueryとProcessing )

今回、HPのリニューアルにあたり、javascript系で2つおもしろい動きのものを試してみました。

■processing.js

もともとJavaベースで開発されたプログラミング電子アートという位置づけで昔からあるのですが、javascriptに移植され、さらに使いやすくなっています。

 

http://processingjs.org/

 

今回は、サンプルから色や背景を変える簡単なプログラムに組み変えた程度なのですが、もっとインタラクティブにクリエイティブなアイデアを実現可能にしてくれるツールだと思います。Flashだとなかなか重かったり、html5系はブラウザ依存が激しかったりしますが、processingは、軽量で多彩な表現が可能なので、さらにWEBサイトのコンテンツとしても普及してくるでしょう。

processing

■waterpipe.js

HTML5 Canvasを使っているスクリプトを使用しました。

実際は、もっと高性能です。

 

https://github.com/dragdropsite/waterpipe.js/

 

毎回、違う動き、有機的な形状もランダムなので、何度見ても飽きないです。
作者の方は、他にもいろいろワクワクするような試みをしており、下記も要チェックです。

 

http://rectangleworld.com/blog/

waterpipe

どちらも、ギミックだったり、ちょっとしたポイントでサイトを飾る良いツールになっていきそうです。
もっと勉強して、楽しくワクワクするような動きを作っていきたいです!

 

 

Leave a comment

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>