Adding an endless scrolling background
Now, it's time to add the cityscape background, which will scroll endlessly and seamlessly. Finally, you can start editing gamescript.js:
var background;
var gameLayer;
var scrollSpeed = 1;
var gameScene = cc.Scene.extend({
onEnter:function () {
this._super();
gameLayer = new game();
gameLayer.init();
this.addChild(gameLayer);
}
});
var game = cc.Layer.extend({
init:function () {
this._super();
background = new ScrollingBG();
this.addChild(background);
this.scheduleUpdate();
},
update:function(dt){
background.scroll();
}
});
var ScrollingBG = cc.Sprite.extend({
ctor:function() {
this._super();
this.initWithFile("assets/background.png");
},
onEnter:function() {
this.setPosition(480,160);
},
scroll:function(){
this.setPosition(this.getPosition().x-scrollSpeed,this.getPosition().y);
if(this.getPosition().x<0){
this.setPosition(this.getPosition().x+480...
