CCを使ってCreateJS用のスプライトシートを書き出し方を説明します。※基本編とスプライトシート編の違いは、連携のさせ方が異なります。一般的には基本編の方法がよく使われます。ファイルをダウンロードしましょう。Raw]リンクをクリックください。スプライトシートを書きだそうFLAファイルを開いたら、[ライブラリ]パネルにある「Animal」シンボルを右クリックし、[スプライトシートを生成]を選択しましょう。書き出し設定のウインドウでは、次の箇所を設定します。(FLAファイルと同階層がいいでしょう)。今回はAnimal.pngファイルとして保存します。Canvasを制御するライブラリです。このサイトの解説で紹介しているcreatejs.Stageクラスやcreatejs.Shapeクラスは、実はEaselJSライブラリの機能の一つです。出力されたスプライトシートを確認しよう書き出すと、シンボル名と同名のjsファイルとpngファイルが出力されます。余白設定などスプライトシートの付与情報が記載されています。このファイルを読み込むことで、CreateJSで簡単にスプライトシートを利用することができます。スプライトシートをCreateJSで使おう次に、制御用のHTMLファイルとして、spritesheet_click.htmlを作成しましょう。spritesheet_click.htmlファイルでは、CreateJSライブラリと、FLAから書き出したJSファイルを読み込みます。src="Animal.js"></script>CreateJSのステージにスプライトシートを配置してみましょう。Animal.jsファイルを読み込むとスプライトシートを扱うためのクラスが自動的に定義されます。FLAファイルでは「Animal」というシンボルで作っていたので、Animal.jsファイルを読み込むことによって、JavaScriptの「Animal」というクラスが定義されました。シンボル名()とコードを書くと、表示オブジェクトのインスタンスを作ることができます。addChild()メソッドを使って画面に表示し、play()メソッドを使ってスプライトシートを再生します。次のサンプルを再生して試してみましょう。動物をクリックすると再生したり停止したりします。平成31年1月8日現在最新のリビジョン100を元に執筆しています。作例をみてCreateJSで実現可能な表現のインスピレーションを得ましょう。4つのライブラリからなるJavaScriptフレームワークです。コミュニティーわからないことがあれば、フォーラムで質問してみましょう。CCAnimateとはCreateJSとの連携(1)CreateJSとの連携(2)タイムラインスプライトシート。