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

BonsaiJSはFlashアニメーション並みの動作が可能なJavaScriptライブラリです。

JavaScriptによるアニメーションライブラリが増えています。BonsaiJSもその一つです。多彩なアニメーション処理が可能になっていますのでぜひご覧ください。


トップページです。ここもアニメーションされています。


マウスを動かすとブロックが表示されます。


グラフです。マウスのあたっている部分が大きくなります。


スターです。ぐりぐり動きます。


オブジェクトが飛び交います。


Pongを実際に遊べます。


円がダンスするように動きます。


ドラッグで動かせます。


デモを実際に動かした動画です。

BonsaiJSはキーフレームベースのアニメーション、画像だけでなくパスにも対応し、モーフィングもできます。マウスによる操作も可能で、Flashの代わりはもちろんゲーム開発にも使えるのではないでしょうか。

BonsaiJSはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。


MOONGIFTはこう見る

BonsaiJSは というWebサービスで実際に使われています。このサービスは既存のFlashを解析し、HTML5/JavaScript/CSS3に変換します。Flashで実現している簡易的なアニメーションであれば実現できるということでしょう。この手のライブラリ、サービスも幾つか出ていますがそろそろ実用レベルになってきているようです。

JavaScriptでアニメーションを作る場合の難点は常にFlashと比較されるということです。つまりFlashでできることはできないといけないということです。モバイルのFlashプレイヤーが廃れる以上、移行は必須と思われますが、それでもなおFlashの縛りは今しばらく続きそうです。

BonsaiJS - A Graphics Library

デモ:BonsaiJS Demos - Home

uxebu/bonsai

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2