createjs初步使用Ticker

by Yanan Tian

HTML

<canvas width="400" height="300" id="mineCanvas"></canvas>
<script src="https://code.createjs.com/easeljs-0.8.1.min.js"></script>
<script src="https://code.createjs.com/tweenjs-0.6.2.min.js"></script>
<script src="https://code.createjs.com/soundjs-0.6.2.min.js"></script>
<script src="https://code.createjs.com/preloadjs-0.6.2.min.js"></script>

JavaScript

var stage = new createjs.Stage("mineCanvas"),
  circle;

//设置画布
var canvas_w = stage.canvas.width,
  canvas_h = stage.canvas.height;

//圆形
stage.addChild((circle = new createjs.Shape())).set({x: 100, y: 100}).graphics.f('#f60').dc(0, 0, 50);

//刷新频率
createjs.Ticker.setFPS(40);

createjs.Ticker.on('tick', function(evt){
  circle.x += 5;
  if(circle.x > canvas_w + 50){
  	circle.x = -50;
  }
	stage.update(evt);//不要忘了
});