PopStar(消灭星星)游戏源代码下载、分析及跨平台移植---第四篇(关卡)

原创 2014年03月30日 19:03:16

背景:

   本来打算把第三篇和第四篇合并都一起,但以前计划分开,就还是分来吧;一般的游戏涉及到关卡的话,一般都会建立一个数组来存放各种定义参数,消灭星星关卡比较容易,不需要建立数组,只有两个参数level和target,而且这两个参数还存在函数关系:target=1000*(level+1)*level/2,只要知道第几关就可以得到该关的目标分数,比如第三关,目标分数就是 1000*(3+1)*3/2=6000;  因为这样的函数关系,你会发现越往后越难过关,怪不得笔者一直达不到10000分;

ps:

1 CocosEditor已发布新版本,现在提供6个实战demo学习,包括flappy ,popstar ,fruitninja,moonwarroris,fruitattack,testjavascript;

2 代码是基于javascript语言,cocos2d-x游戏引擎,cocos2d-x editor手游开发工具完成的;

3 运行demo需要配置好CocosEditor,暂不支持其他工具。demo是跨平台的,可移植运行android,ios,html5网页等。


源代码下载:

请到代码集中营下载(第三四篇合并  分数和关卡):http://blog.makeapp.co/?p=319


不同平台下的效果图:(windows、html5、android)


windows



mac平台


html5网页



android平台


          


代码分析:


1 全局参数,在主函数Main.js 如下定义当前关卡和当前关卡得到的分数;如果游戏没有退出,两个参数值一直保持不变,也可以通过这样的方法在两个场景之间传递值;

currentLevel = 1;
currentLevelScore = 0;


2 MainLayer.js里面onEnter函数初始化,当前关卡和目标分数,获得的总分;目标分数就是上面说的函数 this.targetScore = 1000 * (1 + currentLevel) * currentLevel / 2;

MainLayer.prototype.onEnter = function ()
{
    cc.log("onEnter");
    this.pauseNode.setZOrder(120);

    //init stars
    this.initStarTable();

    //stage
    this.stageFont.setString(currentLevel + "");

    //target  score
    this.targetScore = 1000 * (1 + currentLevel) * currentLevel / 2;
    this.targetFont.setString(this.targetScore + "");

    //score
    this.totalScore = currentLevelScore;
    this.scoreFont.setString(this.totalScore + "");

    //score tip
    this.scoreTipLabel.setVisible(false);
    this.tipLabel.setVisible(false);
    this.tipLabel.setZOrder(10);

    //best score
    this.bestScore = sys.localStorage.getItem("starBestScore");
    if (this.bestScore != null && this.bestScore != undefined) {
        this.bestScore = Number(this.bestScore);
    }
    else {
        this.bestScore = 0;
    }
    this.bestScoreFont.setString(this.bestScore + "");
}


3 游戏结束时,检测是否胜利;

  如果胜利:下一个加1,currentLevel += 1; 下一关基础分数是这关的总分,currentLevelScore = this.totalScore;  在MainLayer.js里面,笔者已经定义过关卡精灵nextSprite,3秒后让它显示,里面还有一个移动动画;7s后重新进入下一关MainLayer.js;

 如果失败:关卡和分数都清空初始化,回到开始界面;

MainLayer.prototype.winStar = function ()
{
    if (this.isClear == true) {
        cc.AudioEngine.getInstance().playEffect(PS_MAIN_SOUNDS.win);
        cc.Toast.create(this.rootNode, "Win", 3);
        currentLevel += 1;
        currentLevelScore = this.totalScore;

        this.nextSprite.setZOrder(100);
        var that = this;
        this.rootNode.scheduleOnce(function ()
        {
            that.nextLevelLabel.setString("level " + currentLevel + "");
            that.nextTargetLabel.setString("target " + 1000 * (1 + currentLevel) * currentLevel / 2);
            that.nextSprite.runAction(cc.Sequence.create(
                    cc.MoveTo.create(1, cc.p(0, 0)),
                    cc.DelayTime.create(2),
                    cc.MoveTo.create(1, cc.p(-730, 0))
            ))
        }, 3);
        this.rootNode.scheduleOnce(function ()
        {
            cc.BuilderReader.runScene("", "MainLayer");
        }, 7);
    }
    else {
        cc.AudioEngine.getInstance().playEffect(PS_MAIN_SOUNDS.gameover);
        currentLevel = 1;
        currentLevelScore = 0;
        cc.Toast.create(this.rootNode, "lost", 2);
        this.rootNode.scheduleOnce(function ()
        {
            cc.BuilderReader.runScene("", "StartLayer");
        }, 2)
    }
    if (this.totalScore > this.bestScore) {
        sys.localStorage.setItem("starBestScore", this.totalScore + "");
    }
}

就这些,还是这么简单;:-D



cocos2d-x跨平台游戏引擎

cocos2d-x是全球知名的游戏引擎 ,引擎在全球范围内拥有众多开发者,涵盖国内外各知名游戏开发商。目前Cocos2d-x引擎已经实现横跨ios、Android、Bada、MeeGo、BlackBerry、Marmalade、Windows、Linux等平台。编写一次,到处运行,分为两个版本 cocos2d-c++和cocos2d-html5 本文使用了后者;
cocos2d-x 官网:http://cocos2d-x.org/
cocos2d-x 资料下载  http://cocos2d-x.org/download


CocosEditor开发工具:

CocosEditor,它是开发跨平台的手机游戏工具,运行window/mac系统上,javascript脚本语言,基于cocos2d-x跨平台游戏引擎, 集合代码编辑,场景设计,动画制作,字体设计,还有粒子,物理系统,地图等等的,而且调试方便,和实时模拟;

CocosEditor 下载,介绍和教程:http://blog.csdn.net/touchsnow/article/details/19070665

CocosEditor官方博客:http://blog.makeapp.co/



PopStar博文系列:

PopStar(消灭星星)游戏源代码下载、分析及跨平台移植---第一篇(界面) 

PopStar(消灭星星)游戏源代码下载、分析及跨平台移植---第二篇(算法) 

PopStar(消灭星星)游戏源代码下载、分析及跨平台移植---第三篇(分数)  

PopStar(消灭星星)游戏源代码下载、分析及跨平台移植---第四篇(关卡) 

PopStar(消灭星星)游戏源代码下载、分析及跨平台移植---第五篇(移植) 



传送门(优质博文):

flappy bird游戏源代码揭秘和下载

flappy bird游戏源代码揭秘和下载后续---移植到android真机上

flappy bird游戏源代码揭秘和下载后续---移植到html5网页浏览器

flappy bird游戏源代码揭秘和下载后续---日进5万美元的秘诀AdMob广告 


笔者语:

想了解更多请进入官方博客,最新博客和代码在官方博客首发;请持续关注,还有更多cocos2dx editor游戏源码即将放出;

联系笔者:zuowen@makeapp.co(邮箱) qq群:232361142


HTML5游戏实战之消灭星星(完整源代码)

消灭星星是一款经典的休闲游戏,因此花了一点时间在Hola Studio上实现它。本游戏包含完整的游戏元素,包括广告、音乐、音效、振动、关卡、分享等。游戏截图扫描二维码游戏链接:http://studi...
  • yinlijun2004
  • yinlijun2004
  • 2016-03-19 16:08:45
  • 3218

消灭星星山寨版-我代表星星消灭你

前言消灭星星这个游戏很经典,开始之前,请参考一下以下文章及算法。 感谢作者。参考地址 PopStar(消灭星星)游戏源代码下载、分析及跨平台移植—第一篇(界面)关于用到的资源用到的资源我是直接在网上...
  • cdnight
  • cdnight
  • 2015-12-29 13:41:30
  • 921

消灭星星源码

  • 2014年03月28日 16:27
  • 1.3MB
  • 下载

PopStar(消灭星星)游戏源代码下载、分析及跨平台移植---第三篇(分数)

背景:    经过消灭星星第二篇算法,最高的山峰已经过去了,剩下的都是小沟小河,没什么难度了。这一节笔者继续完成消灭星星的分数篇,这节主要包括:触摸提示得分 比如4 blocks 80 points,...
  • touchsnow
  • touchsnow
  • 2014-03-30 18:56:51
  • 4743

消灭星星源代码

  • 2014年12月21日 14:21
  • 33.32MB
  • 下载

消灭星星源代码(c语言实现)

最近用c实现了现在较火的手机游戏《消灭星星》,
  • u014771617
  • u014771617
  • 2014-11-17 22:04:10
  • 3062

<em>消灭星星源码</em>

<em>消灭星星源码</em>,class文件和Resources文件... <em>消灭星星源码</em>,class文件和Resources文件 综合评分:0 收藏评论举报 所需: 3积分/C币 下载个数: 8 开通VIP 立即下载 ...
  • 2018年04月10日 00:00

android消灭星星源码

  • 2016年02月16日 09:20
  • 9.28MB
  • 下载

自己开发的消灭星星android-java源代码

  • 2016年10月22日 10:50
  • 5.7MB
  • 下载

安卓版消灭星星java源码

  • 2014年01月09日 22:13
  • 1.34MB
  • 下载
收藏助手
不良信息举报
您举报文章:PopStar(消灭星星)游戏源代码下载、分析及跨平台移植---第四篇(关卡)
举报原因:
原因补充:

(最多只允许输入30个字)