Cocos2d别踩白块儿游戏源码

最新推荐文章于 2025-07-02 19:17:16 发布

AI大模型

最新推荐文章于 2025-07-02 19:17:16 发布

阅读量2.5k

点赞数 2

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/just_do_it2009/article/details/70854636

本文介绍了Cocos2d-x游戏引擎开发的别踩白块儿游戏源码，详细讲解了游戏的核心代码，包括创建曲谱数组、初始化表格、创建黑色元素、触摸事件处理等关键部分。同时，提供了游戏在不同平台的效果图，并提到了Cocos2d-x的跨平台特性以及CocosEditor开发工具的使用。

 
 
 
 
  
  
  
  授权协议:GPL
 
 
 
 

 
 
 
 
  
  
  
  开发语言:JavaScript
 
 
 
 

 
 
 
 
  
  
  
  操作系统:跨平台
 
 
 
 

 
 
 
 
  
  
  
  

   
   
   
   
    
    
    
    别踩白块儿游戏源码（CocosEditor） 详细介绍
   
   
   
   

  
  
  
  
  
  
  
  

   
   
   
   


    
    
    
    游戏源代码下载

运行demo需要配置好CocosEditor，暂不支持其他工具。demo是跨平台的，可移植运行android，ios，html5网页等，代码是基于javascript语言，cocos2d-x游戏引擎，CocosEditor手游开发工具完成的。

github下载：
    
    
    
    https://github.com/makeapp/cocoseditor-piano


    
    
    
    不同平台下的效果图：

windows平台


    
    
    
    

html5平台


    
    
    
    

android平台


    
    
    
      
    
    
    
    


    
    
    
    代码分析：（只挑选核心主代码分析，更多细节自行研究源码）

1 创建曲谱数组  do、re、mi、fa，sol、la、duo

    
    
    
    CITY_OF_SKY = [
    4, 3, 4, 1, 3 , 3, 1, 1, 1, 7, 4, 4, 7, 7, 6, 7,
    1, 7, 1, 3, 7 , 3 , 6, 5, 6, 1 , 5 , 3, 3];
2 初始化表格，本来先创建4*曲谱数组长度的表格，但为了优化，先创建4*5表格，使用时候再不断新建增加表格；

    
    
    
     //tables
    this.tables = new Array(this.pianoLengthIndex);
    for (var j = 0; j < this.pianoLength; j++) {
        var sprites = new Array(4);
        var random = getRandom(4);
        for (var i = 0; i < 4; i++) {
            sprites[i] = this.newBlock(i, j, random);
        }
        this.tables[j] = sprites;
    }
3 创建单个表格元素，可根据colortype在一行里确定一个黑色元素

    
    
    
    MainLayer.prototype.newBlock = function (i, j, colorType) {
    //simple block
    var block = cc.Sprite.create("res/whiteBlock.png");
    block.setPosition(c