Skinner氏が開発しているCreateJSに含まれるJavaScriptトゥイーンライブラリです。CreateJSのサイトからダウンロードできます。本来、JavaScriptでのアニメーションには比較的面倒な記述が必要になりますが、TweenJSを使うと驚くほど簡単な記述でオブジェクトをアニメーションさせることができます。canvas用のJavaScriptライブラリです。CreateJSのサイトからダウンロードできます。EaselJSを使うことで、HTML5のcanvasをFlashに似た操作で扱うことができるようになります。XMLといった外部ファイルを読み込むことができるJavaScriptライブラリです。CreateJSのサイトからダウンロードできます。これまで、JavaScriptで複数の外部ファイルを読み込む処理は比較的面倒でしたが、PreloadJSを使うと簡単に行えるだけでなく、読み込み状況のパーセンテージを取得することもできます。canvasのアニメーションこれまでJavaScriptでのアニメーションには、setTimeout()やsetInterval()が使われてきましたが、これらのメソッドはアニメーション用に設計されたわけではないため、色々と問題がありました。現在、W3CのワーキングドラフトにrequestAnimationFrame()が挙がっており、一部のブラウザはベンダープレフィックス付きでサポートを始めています。requestAnimationFrame()を使うことで、処理の高速化や複数のアニメーションの同期といったメリットが期待できます。APIには、変換マトリックスを操作するメソッドが用意されています。setTransform()を通して、描画オブジェクトを変形させることができます。APIでは、いくつかのプロパティを設定するだけで、線・塗り・画像といった描画オブジェクトに対して、簡単にドロップシャドウ効果を適用することができます。APIには、canvas上のピクセルを取得するgetImageData()、canvas上のピクセルを書き換えるputImageData()、ピクセルデータを生成するcreateImageData()が用意されており、簡単にcanvas上のピクセルにアクセスすることができます。APIには、テキストを塗りで描画するfillText()や線で描画するstrokeText()といったメソッドが用意されており、テキストをパスオブジェクトと同様に扱うことができます。APIには、線形グラデーションを作成するcreateLinearGradient()、円形グラデーションを作成するcreateRadialGradient()が用意されており、これらのメソッドを利用することで簡単に線や塗りにグラデーションを使用することができます。APIには、drawImage()が用意されており、簡単にcanvasに画像を表示することができます。drawImage()には、HTMLImageElementだけでなく、HTMLCanvasElementやHTMLVideoElementを渡すこともできるため、うまく利用することで面白い表現ができそうです。CanvasPatternを作成することにより、CSSの背景画像のように画像を繰り返しパターンとして表示することもできます。