createJS主要包含四个类库
EaselJS:简化处理HTML5画布,
显示列表的顶级容器Stage来处理画布,包含了很多Graphics(绘图)类,处理图形相关操作,通常不直接使用Graphics,而是用Shape类来处理。
画图片用Bitmap,画图形:比如矩形,圆形等用(shape)【类似于改变坐标x,y,增加阴影shadow,透明度alpha,缩小放大scaleX / scaleY都可以做到】,画文字用Text,还有容器Container的概念,容器可以包含多个显示对象。
frames:可以传进去的参数很多,width和height,切割图片的大小;regX和regY就是注册点,放大缩小的时候以哪个点来放大。
animations:可以理解为动画要做那几个动作。stand,walk动作可以传两种参数
1、数组,一表示起始帧,二表示结束帧,三表示结束后播放哪个动作,四表示速度
2、对象,frames表示播放帧顺序,next表示结束后动作,speed表示播放速度。
Sprit精灵图类由SpriteSheet来编码(相当于数据类),而SpriteSheet需要一个Object数据,数据格式 images : 图片资源,(加载完的对象 / 直接放路径 / 放多个图片)图片顺序关系到序列帧号
TweenJS:用来帮助调整HTML5和JavaScript属性
SoundJS:用来简化处理HTML5 audio (音频暂停播放)
PreloadJS:帮助管理和协调加载中的一些资源(预加载的一些资源)
LoadQueue是一个预加载类
适配移动端点击事件createjs.Touch.enable(stage);canvas 100%做适配