【转载请注明出处】
紧接着上一篇文章createjs入门:http://www.cnblogs.com/beidan/p/7055422.html
这里来一篇小游戏实战篇。
效果图:(录屏的时候有点卡)
游戏整体思路实现
1. 实现一个无缝连接的背景图,模拟出汽车在加速的状态
this.backdrop = new createjs.Bitmap(bg);this.backdrop.x = 0;this.backdrop.y = 0;this.stage.addChild(that.backdrop);this.w = bg.width;this.h = bg.height;//创建一个背景副本,无缝连接var copyy = -bg.height;this.copy = new createjs.Bitmap(bg);this.copy.x = 0;this.copy.y = copyy; //在画布上y轴的坐标为负的背景图长//使用createjs的tick函数,逐帧刷新舞台createjs.Ticker.addEventListener("tick", tick);function tick(e) { if (e.paused !== 1) { //舞台逐帧逻辑处理函数 that.backdrop.y = that.speed +