CocoStudioはオフィシャルサイトからダウンロードできます: http://download.cocos2d-x.org/
ここではCocoStudioを学ぶ方法(サンプルデモをエディタで確認したり、Cocos2d-html5を動かしたり)をお伝えします。 ヘルプドキュメントも見るといいでしょう http://help.cocostudio.org/
CocoStudioAPIの全サンプルがCocos2d-html5の中にあります。 もしアーマチュア(boneを使った関節キャラクター)のフレームイベントの作り方を知りたいなら、Cocos2d-html5(のメニューであるindex.html)を実行して「2.Test cases - Engine Testcases」のCocoStudio Testの中の"Test Frame Event"を実行します。実行しながらプロジェクトの中の“Cocos2d-html5/samples/CocoStudioTest/ArmatureTest/ArmatureTest.js”のコードを見ます。
Figure 2: CocoStudio Test - Test Freame Event
Figure 3: ArmatureTest.js
CocoStudioのUI Editor , Animation Editor , Scene Editorのスタートページにサンプルデモがあります。見れば自習の足がかりとなるでしょう。
Figure 4: CocoStudio Animation Editorのサンプルデモ