開發createjs的動畫或遊戲，沒有重型的ide或什麼工具支援，我們只能從零開始寫js。一方面，這樣對於jser來說，足夠靈活；另外一方面，createjs因此足夠精簡足夠小。
createjs由幾個庫組成：
l easeljs，這個是核心，包括了顯示列表、事件機制；
l preloadjs，用於預載入等；
l tweenjs，用於控制項的緩動；
easeljs 81k，preloadjs 31k，soundjs 34k，tweenjs 18k，對於手機小動畫或小遊戲，其實只需要載入easeljs即可，因為核心庫已經涵蓋了簡單的預載入功能。
開發步驟：
2、 建立html和canvas標籤，onload後再執行createjs相關邏輯。
3、 編寫createjs邏輯。這個非常簡單，因為createjs只提供了最簡單的基礎功能，我們理解了基礎功能後就可以疊積木了。
關於createjs，最關鍵是要理解類結構
上圖列出了createjs的主要類結構，所有舞台上的內容都是元件，元件的基類是displayobject。container可以包含子元件，舞台stage本身也是container。另外sprite用於表現spritesheet幀動畫人物、bitmap用於展示純靜態的人物。
而filter和shadow則是濾鏡分支，可以針對任意元件實現顏色變換、模糊、陰影等效果。使用濾鏡的方式跟flash一致，需要新建filter例項，新增到目標元件的filterlist中，createjs框架在下一幀就會把該元件加上濾鏡效果。
下邊以乙個例子概要學習一下createjs的使用：
Canvas學習系列一 初識canvas
最近你開始在學習canvas，打算把學習canvas的整個學習過程當中的一些筆記與總結記錄下來，如有什麼不足之處還請大神們多多指出。1.canvas介紹 canvas元素的出現，可以說開啟的web世界繪製動畫，圖形的大門，其功能非常強大 canvas 元素是html5中功能最強大的元素，它的能力主要...
Canvas學習筆記 Canvas常用API方法
var canvas document.queryselector canvas var context canvas.getcontext 2d 之後的方法呼叫都是基於contextcontext.beginpath 開啟一條新的路徑。不一定要與closepath 配對，可以不關閉舊路徑直接開啟新...
Canvas學習系列一 初識canvas
最近你開始在學習canvas，打算把學習canvas的整個學習過程當中的一些筆記與總結記錄下來，如有什麼不足之處還請大神們多多指出。1.canvas介紹 canvas元素的出現，可以說開啟的web世界繪製動畫，圖形的大門，其功能非常強大 canvas 元素是html5中功能最強大的元素，它的能力主要...