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

taccglはHTML5/Canvasを使った2D/3Dアニメーションライブラリです。

Web上でインタラクティブなアニメーションを実現したいならば参考にしてみて欲しいのがtaccglです。2Dおよび3Dに対応したアニメーションをHTML5のCanvasで実現します。


例です。立方体が回転します。


完全にばらばら。


細く切れた断片が飛んでくるデモ。


平面として回転するデモ。


円形になるものも。


カール。


ボックスが下から飛んでくるデモ。


オブジェクトが回転します。


水平方向への回転。

GPUアクセラレーションが有効であればそちらを使うようになっており、より滑らかなアニメーションが実現します。既存ページへのアニメーションの追加も行えるようになっており、インパクトある表現が可能です。

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


MOONGIFTはこう見る

Flashによるアニメーションの場合、スプラッシュで使われるケースが殆どです。そのため一度目はともかく、二度目以降はスキップされるケースが多くなります。これではせっかく作ったのに勿体ないでしょう。

taccglの場合、Webベージ内に埋め込んでユーザのアクションによってアニメーションを実行します。よりインタラクティブでユーザを飽きさせないコンテンツの提供が可能になるでしょう。GIFアニメーションとはまた違う面白さがありそうです。

HTML5 Canvas 2D and 3D (WebGL) Accelerated javascript Animation Library - taccgl

 

MOONGIFTの関連記事

  • DevRel
  • Com2