createjs之easeljs【画一个红色矩形】

<script src="easeljs-0.8.0.min.js"></script> 引入easeljs文件

<canvas id="gameView" width="400px" height="=400px"></canvas>
<script src="app.js"></script>
由于easeljs是对canvas进行封装的，所以先建立一个canvas标签，设置它的大小，id。

引入将要编写的app.js。

var stage = new createjs.Stage("gameView");  创建一个舞台，要传入一个参数，就是canvas的id，使建立                  的舞台在此id的canvas上显示。
var gameView = new createjs.Container();     new一个对象，得到一个它对应的容器gameview，后面的东西  都要通过容器来承载

stage.addChild(gameView);     把容器添加到舞台中



var s = new createjs.Shape();  绘制一个图形
s.graphics.beginFill("#ff0000");  颜色
s.graphics.drawRect(0,0,100,100);  居左，居上，居右，居下
s.graphics.endFill();

gameView.addChild(s);     把图形添加到容器中
createjs.Ticker.setFPS(30);  设置帧频
createjs.Ticker.addEventListener("tick",stage);   添加鼠标监听事件