CreateJS包含4个部分，EaselJS、TweenJS、PreloadJS、SoundJS，其中最主要的部分EaselJS包含了开发Html5游戏的所有功能，仅仅使用EaselJS几乎可以完成所有的开发工作，其余三项可以看作EaselJS的辅助工具。比如响应tick事件然后改变元素坐标就可以实现动画功能，而使用TweenJS来创建补间动画，则可以省去你很多代码，简化了操作。
一个简单的tick动画看起来是这样的：
var stage, circlefunction init(){
stage = new createjs.Stage(document.getElementById('game'))
createjs.Ticker.addEventListener("tick", handleTick)
createjs.Ticker.setFPS(60)
circle = new createjs.Shape()
circle.graphics.f("red").dc(0,0,50)
circle.x = 0
circle.y = 100
stage.addChild(circle)
circle.addEventListener("click", function(event){
createjs.Ticker.setPaused(!createjs.Ticker.getPaused())
})
}
function handleTick(event){
if(!event.paused){
circle.x +=5
if(circle.x > 1000){
circle.x = 0
}
}
stage.update()
}
TweenMax.js是动画插件库GSAP（GreenSock Animation Platform）的核心文件，加载后即可使用四个主要运动类TweenLite、TweenMax、TimelineLite、TimelineMax和一些其他插件。可对一个或多个物件进行动画，或添加至时间轴中设计复杂的影片。
GSAP最初在flash时代（2004-2006）是作为flash软件的插件用来增添动画效果，当时的名字是「GreenSock Tweening Platform」（GreenSock补间平台）。后来Flash逐渐没落，在网页上的应用，除了游戏和视频播放之外不断减少。出于自身发展考虑，GreenSock在v12（第十二版）中，加入了JavaScript的Class，也就是说我们可以在HTML网页中使用TweenLite或TweenMax…等来制作动画，也藉此版本把发展计划的名称更名为「GreenSock Animation Platform」（GreenSock动画平台），主要是把「Tweening」换成「Animation 」，因为前者主要为Flash在使用的名词，而后者就属于比较广义的「动画」，后来逐步发展为全平台均可应用的动画库。
最新的v2.x版本则全面支持html5和css3动画，并适应于主流的浏览器。
在网页上GreenSock目前提供使用的有「TweenLite」、「TweenMax」、「TimelineLite」、「TimelineMax」这四个项目，虽比Flash来的少，不过也是最常用的几项，相信可以帮助设计师们在不使用Flash的情形之下，制作许多不同凡响的动画效果，另外关于这四项的差别也跟Flash版本一样
TweenMax.js的优势在于性能强劲和使用简便。
tweenmax中文网
