今天花了一天的时间写了一个简单的打地鼠游戏。在开发的过程中用到了很多之前开发都没有用到的知识点:具体总结如下:
1:首先是关于倒计时的图片更改。需要达到的效果就是当玩家点击开始游戏的时候就会倒计时三秒 ,这个效果的完成就是有了对精灵的加载资源进行重写。先是写一个js文件他是继承精灵的一个对象。这这个js文件中什么都不要写。只是给倒计时的时候调用就可以。写一个计时器每一帧都会调用一个倒计时的方法。在方法中通过更改一个变量的值。也就是最开始的秒数。通过这个时间传入加载资源。达到一个没一秒都更改图片的效果;具体代码如下:
//倒计时图片
readingAmin:function(){
var sp = new Reading();
sp.setPosition(cc.winSize.width>>1,cc.winSize.height>>1);
if(this.countDownTime>0){
sp.initWithFile("res/read_"+this.countDownTime+".png");
}
this.addChild(sp,5);
var scale = cc.scaleTo(0.5,1);
sp.runAction(cc.sequence(scale,cc.callFunc(function(){
sp.removeFromParent(true);
})))
this.countDownTime--;
},
2:还有就是最高分的使用。使用 cc.sys.localStorage.setItem("bestNumber", Math.max(this.score, cc.sys.localStorage.getItem("bestNumber")));
第一个参数就是你设置的参数,就相当于自定义事件中的事件名 ,也就是说是key。第二个参数就是用本地存储的值与当前的分数进行比较,并且给大的存到本地内存中。在使用中先设置好一个文本框然后直接通过key获取里面的数据this.maxScore.setString("MaxScore:"+cc.sys.localStorage.getItem("bestNumber"));
3:进度条的使用:
使用ccui.LoadingBar()
//设置进度条
var loadingSp = new cc.Sprite(res.loadingbar_1);
loadingSp.setPosition((cc.winSize.width>>1),(cc.winSize.height>>1)+250);
this.addChild(loadingSp,50);
this._lading = new ccui.LoadingBar();
this._lading.setName("loadingBar");
this._lading.loadTexture(res.loadingbar_2);
this._lading.setPercent(0);//开始的进度 (Percent)是百分比的意思
this._lading.setPosition((cc.winSize.width>>1)+20,(cc.winSize.height>>1)+235)
this.addChild(this._lading,50);
在使用的时候使用一个全局的变量接受计算这个进度条的百分比。最后每一帧都设置进度条的百分比就可以达到一个进度条的效果
还有一些动画和一些简单的知识点就不进行总结了。