createjs 小游戏开发的实例过程

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 + that.backdrop.y;        that.copy.y = that.speed + that.copy.y;if (that.copy.y > -40) {              that.backdrop.y = that.copy.y + copyy;        }if (that.copy.y > -copyy - 100) {              that.copy.y = copyy + that.backdrop.y;        }        that.stage.update(e);    }          }

// 删除越界的元素for (var i = 0, flag = true, len = that.props.length; i  height + 300) {            that.stage.removeChild(that.props[i]);            that.props.splice(i, 1);            flag = false;        } else {            flag = true;        }    }}

var num = parseInt(2 * Math.random()) + 1, i;for (i = 0; i = 2) && (type = 6) && (type 

var time = (parseInt(3 * Math.random()) + 1);  //随机取1～3整数// 随机时间绘制障碍物setTimeout(function () {    that.propsTmp = [];  //清空    that.drawObstacle(obj);}, time * 400);  //400ms ~ 1200ms

createjs.Ticker.addEventListener(“tick”, tick); function tick(e) { if (e.paused === 1) { //处理     }}     createjs.Ticker.paused = 1; //在函数任何地方调用这个，则会暂停tick里面的处理 createjs.Ticker.paused = 0; //恢复游戏

container.name = ‘role’; //设置name值car = this.stage.getChildByName(“role”);  //使用name值方便获取到该对象

//放置静态资源的数组var manifest = [    {src: __uri('./images/car_prop2_tyre@2x.png'), id: 'tyre'}];var queue = new createjs.LoadQueue();queue.on('complete', handleComplete, this);queue.loadManifest(manifest);//资源加载成功后,进行处理function handleComplete() {   var tyre = queue.getResult('tyre');  //拿到加载成功后的img}

;(function () {function CarGame(){}    CarGame.prototype = {        init:function(manifest) {this.preLoad(manifest);  //资源预加载//时间倒计时this.prepare(3, 3);  //倒计时3秒this.bindEvent();         },        render:function() {           this.drawBg(bg1);           this.drawRole(car, effbomb, effquick);           this.drawObstacle(obj);        },//在游戏结束的时候批量销毁destroy:function(){//移除tick事件createjs.Ticker.removeEventListener("tick", this.tick);//暂停里程，倒计时clearInterval(this.changem);            clearTimeout(this.gametime);        }，//由于期间用户可能切出程序进行其他操作，因此都需要一个暂停的接口pause:function() {//暂停里程，倒计时clearInterval(this.changem);            clearTimeout(this.gametime);//暂停页面滚动createjs.Ticker.paused = 1;        },//重新开始游戏reStart:function(){           this.destroy();           this.init(manifest);        },        gameOver:function(){           //显示爆炸效果   var car = this.stage.getChildByName("role");           car.getChildByName('bomb').visible = true;           car.getChildByName('quick').visible = false;           this.destroy();        }    }})()