CocosCreator零基础制作游戏《极限跳跃》八、添加游戏积分系统
首页 > CocosCreator > 《极限跳跃》    作者:闭眼就天黑   2016年5月29日 23:41 星期日   热度:23964°   百度已收录  
时间:2016-5-29 23:41   热度:23964° 

CocosCreator零基础制作游戏《极限跳跃》八、添加游戏积分系统


前面我们实现了整个游戏的流程,下面我们来完善游戏的积分系统。。先来分析下游戏的积分,第一次展示积分的地方就是我们的游戏主场景MainScene,玩家通过一些机制来获取积分,实现积分的更新,当玩家游戏结束后展示玩家所获的的当前积分。


我们一开始制作游戏场景的时候就制作了一个积分节点score,其string属性值为0。打开GAME.js脚本可以发现,一开始的时候我们onLoad方法就初始化了积分。


接着我们在GAME.js脚本里新添加一个函数来实现积分的更新。代码如下:

//GAME.js
//....省略...

 //积分更新
    gainScore: function () {
        this.score += 1;
        // 更新 scoreDisplay Label 的文字
        this.scoreDisplay.string =  this.score.toString();
        
        cc.sys.localStorage.setItem("ScoreDis" ,this.scoreDisplay.string);//本地存储
 
    },
    
//.....省略...

这段代码的意思是实现积分+1,增长一个积分。并把积分存储到本地,注意本地存储代码。。。那么什么时候才增长积分呢??

在触摸屏幕接触的时候,如果背景滚动我们就增加一个积分。添加代码位置如下图:

CocosCreator零基础制作游戏《极限跳跃》八、添加游戏积分系统

这样每次玩家移动带动背景滚动的时候,积分就会更新。积分更新到时候会存储到本地,这样我们游戏结束的时候就可以正确的显示出来。

新建GameOverScore.js脚本,代码如下:

//GameOverScore.js
cc.Class({
    extends: cc.Component,
    properties: {
        //积分更新
        Scores: {
            default: null,
            type: cc.Label
        },
    },
    //积分更新
    disScore: function () {
        this.score =  cc.sys.localStorage.getItem("ScoreDis");//读取本地存储的积分
        // 更新 scoreDisplay Label 的文字
        this.Scores.string = "Score: " + this.score.toString();//显示
    },
    
    // use this for initialization
    onLoad: function () {
       this.disScore();//首次加载时候调用
    },
 
    // called every frame, uncomment this function to activate update callback
    // update: function (dt) {
    
        
    // },
});

这段代码的意识是加载的时候,onLoad函数调用积分更新的方法,实现从本地读取游戏场景中存储的积分。

双击打开GameOver场景,如图:

CocosCreator零基础制作游戏《极限跳跃》八、添加游戏积分系统

为GameOver场景Canvas绑定刚刚新建的GameOverScore.js脚本。并把score组件拖进scores进行绑定。

这样游戏结束的时候,就会更新score节点组件的显示内容。下面我们来测试下。双击打开主场景,从游戏场景开始测试积分的更新,以及游戏结束的积分显示。

CocosCreator零基础制作游戏《极限跳跃》八、添加游戏积分系统

是不是很好玩啊,哈哈。加个积分排行榜更好啊,以后 慢慢扩展来。。。

到此我们整个游戏已经算完成了,当然一个游戏不能没有声音和音效,下面我们来添加声音系统功能。。。

二维码加载中...
本文作者:闭眼就天黑      文章标题: CocosCreator零基础制作游戏《极限跳跃》八、添加游戏积分系统
本文地址:https://www.byjth.com/jixiantiaoyue/73.html
版权声明:若无注明,本文皆为“闭眼就天黑专栏_技术博客_个人学习总结”原创,转载请保留文章出处。
相关文章

版权所有:《闭眼就天黑专栏_技术博客_个人学习总结》 => 《CocosCreator零基础制作游戏《极限跳跃》八、添加游戏积分系统
本文地址:https://www.byjth.com/jixiantiaoyue/73.html
除非注明,文章均为 《闭眼就天黑专栏_技术博客_个人学习总结》 原创,欢迎转载!转载请注明本文地址,谢谢。

求大神积分排行榜教程!!
CocosCreator零基础制作游戏《极限跳跃》八、添加游戏积分系统 - 闭眼就天黑专栏_个人博客_技术源于分享
好文章,内容出神入化.禁止此消息:nolinkok@163.com
@钢板网:恩

返回顶部    首页    手机版本    版权所有:闭眼就天黑专栏_技术博客_个人学习总结
    站长: 闭眼就天黑    搜索cocos2dx主题 技术支持:闭眼就天黑   皖ICP备14007736号-1  

皖公网安备 34132102000107号

   sitemap