今儿个咱来聊聊EaselJS，这玩意儿是我最近鼓捣的一个小东西，用来在网页上画点儿图啥的，还挺有意思。一开始我也不知道这是个就瞎搜，看到网上有人说这东西能做动画，还能画图，我就寻思着试试。
下载和引入
得把这东西弄到手。我去网上搜一下，找到一个叫CreateJS的网站，上边有这EaselJS的下载，解压后，在lib文件夹里找到那个 easeljs-0.8.* 文件，把它拽到咱的项目里。
然后在HTML文件里，用个script标签把这文件给引进来：
<script src="easeljs-0.8.*"></script>
画个方块试试
弄好之后，咱就来试试画个东西。我一开始也不知道咋画，就照着网上的例子，先画个方块试试。
先得在HTML里弄个canvas标签，这玩意儿就是个画布，咱以后画的东西都在这上边显示：
<canvas id="myCanvas" width="500" height="300"></canvas>
然后，写点JavaScript代码：
function init() {
// 找到画布
var canvas = *("myCanvas");
// 创建一个舞台，所有要显示的东西都放在舞台上
var stage = new *(canvas);
// 画一个方块
var rect = new *();
*("#FF0000").drawRect(0, 0, 100, 100); // 填充红色，画一个100x100的方块
// 把方块放到舞台上
*(rect);
// 更新舞台，让它显示出来
保存，用浏览器打开HTML文件，一个红色的方块就出来！
让方块动起来
光画个方块还不够，咱得让它动起来才好玩。EaselJS里有个叫Ticker的东西，可以定时执行一些代码，咱就用它来实现动画效果。
在刚才的代码基础上，加上这么几行：
// 设置Ticker，每秒执行30次
*(30);
// 每次Ticker触发时，都执行这个函数
*("tick", function() {
// 让方块的x坐标增加1
rect.x += 1;
// 如果方块超出画布右边界，就把它移到最左边
if (rect.x > *) {
rect.x = 0;
// 更新舞台
保存，刷新浏览器，这下方块就动起来！它会一直往右边跑，跑到头就从左边再出来。
总结
今儿个就先到这儿，EaselJS这东西还挺好玩的，能画图，能做动画，以后有空再继续研究。我这也就是瞎鼓捣，有啥不对的地方，大家伙儿多包涵！主要是我自个儿实践后，想把这过程记录下来，以后再想用的时候，也好有个参考。