Cocos2d-JS 热更新

2019-05-18 原文

前言
工作需要，在空闲时间看了下Cocos2d-JS的热更新。对其进行了一个简单的实现，这里总结分享一下。

Cocos2d-JS 热更新

Cocos2d-JS 热更新是啥？Cocos2d-JS终归还是一个游戏引擎，就以游戏的过程来理解吧。传统游戏需要更新人物动画、地图场景、游戏逻辑、背景音乐怎么办？新出一个APP放到应用商店等用户下载，或者好一点游戏内提示又升级并自行下载完整的新版本APP。

使用Cocos2d-JS的热更新，那就大不一样了。它可以做到进入游戏后下载需要更新的资源甚至是脚本本身，而且更新过程不需要退出游戏。只要用户联网，就能够保证使用到最新的资源。

这些场景就非常适合使用Hot Fix

想在游戏中对春节开放新活动，不能保证应用商店能准时过审核上线
发现一个严重的Bug，需要立即修复
需要经常换游戏资源，提升新鲜感
先放一个中规中矩的版本过市场审核，然后绕过审核自己直接推新内容，哈哈

对于游戏来说，这个特性是比较重量级的。不过因为JavaScript的语言特性能支持这一功能，所以Cocos2d-JS能用此特性，而Cocos2d-x无法使用。

特性

以下是官方提供的特性

多线程并行下载支持
两层进度统计信息：文件级以及字节级
Zip压缩文件支持
断点续传
详细的错误报告
文件下载失败重试支持

Simple

1. manifest配置文件

热更新需要用到的配置文件有2种，都是以.manifest结尾。

一种是精简版，一种是完整版。精简版称为version.manifest，完整版称为project.manifest。

version.manifest：

 
        { 
       
        "packageUrl" 
        : 
        "http://127.0.0.1:8080/JsUpdateServer/res" 
        , 
       
        "remoteManifestUrl" 
        "http://127.0.0.1:8080/JsUpdateServer/res/project.manifest" 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
       
        "remoteVersionUrl" 
        "http://127.0.0.1:8080/JsUpdateServer/res/version.manifest" 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
       
        "version" 
        "1.0.0" 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
       
        "groupVersions" 
        :{ 
       
        "1" 
        "1.0.1" 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
       
        "2" 
        "1.0.2" 
       
        }, 
       
        "engineVersion" 
        "3.3" 
       
        }

version.manifest是可选的，其中的所有字段也出现在project.manifest中，并且内容一样，如果没有就会从服务端下载完整版。但是如果完整版特别大，那么这个小版本的优势就很明显了。

project.manifest：

"3.3"

ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas,

 
        "assets" 
        :{

 
        "update1" 
        :{

 
        "path" 
        "src/app.zip" 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
       

 
        "md5" 
        "41D8E948052B5B714B14F81612CF534D" 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
       

 
        "compressed" 
        : 
        true 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
       

 
        "group" 
        "1"

 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
       

 
        "update2" 
        :{

 
        "res/HelloWorld.png" 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas,

 
        "A0FA3FA681D500575012D5E802F74D50" 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas,

"1"

 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
       

 
        "update3" 
        :{

 
        "res/Bound.png" 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas,

 
        "E7D4218B02CD0C5BB35ADC55E133DBA2" 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas,

"1"

 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
       

 
        "update4" 
        :{

 
        "src/resource.js" 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas,

 
        "BA47101EBB65FBFCFB61C4CC57A306CA" 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas,

"2"

}

 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
       

 
        "searchPaths" 
        :[

 
        "res/" 
       

]

 
         所有字段具体含义，官方文档的定义还是比较详细，只是少了groupVersions这个新字段： 
 packageUrl : 远程资源的下载根路径。
 remoteVersionUrl : 远程版本文件的路径，用来判断服务器端是否有新版本的资源。
 remoteManifestUrl : 远程配置文件的路径，包含版本信息以及所有资源信息。
 version : 配置文件对应的版本。
 groupVersions : 是新增的功能字段，用于做增量更新很方便。
 engineVersion : 配置文件对应的引擎版本。
 assets : 所有资源信息。
 key : 升级名称
 path : 键代表资源的相对路径（相对于packageUrl）。
 md5 : md5值代表资源文件的版本信息。
 compressed : [可选项] 如果值为true，文件被下载后会自动被解压，目前仅支持zip压缩格式。
 searchPaths : 需要添加到Cocos2d引擎中的搜索路径列表。
 以我的配置为例，一个完整的更新流程是这样的：
 先通过本地的version.manifest和服务端的version.manifest比较，如果本地version低于服务端，那么就会再去获取project.manifest。
 如果version相同，那么会比较groupVersions。
 如果本地没有下载过groupVersions中的任何更新，那么会依次下载升级包。
 如果本地下载过1.0.1版本的升级包，那么就会跳过1.0.1下载属于1.0.2版本的升级内容。
 如果下载失败，或者没有网络导致更新失败的，会继续使用未更新前的版本。并且下次启动会继续尝试更新。
 2. 创建后台
 用一种你喜欢的方式起一个后台服务。我朴实无华的用IDE(Eclipse for JavaEE)建立了一个空的Web工程，用Tomcat起了一个后台。
 从刚才的配置文件可以看出，Web工程名为JsUpdateServer。
 在WebContent的根目录下新建一个index.html文件，随便在里边写些东西，用来验证我的后台已经起来。
 Run起来之后，在浏览器里输入http://localhost:8080/JsUpdateServer/index.html看看是不是能够看到你刚才写的内容？
 到这里你的后台已经OK了~
 3. 创建Cocos2d-JS工程
 新建一个Cocos2d-JS工程，可以用专用的IDE(cocosCode IDE)，官网有下载，也有如何配置的教程，这里就不多说了。
 在res目录下，新建一个project.manifest文件。这个是初始版本信息，之后的更新会用到这个文件。内容如下：
 
  "1.0" 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
        :{ 
       
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
       
        :[ 
       
        ] 
       
         在src目录下，新建一个jsList.js文件，内容如下： 
 
        4 
        
     varjsList=[ 
        
        "src/app.js" 
       
        ] 
       
 这个文件里包括的是需要加载的js文件路径，将会在其他地方加载。
 在src目录下，新建一个assetsManagerScene.js文件，这里就是热更新的主要逻辑了。代码如下：
 
        37 
       
        38 
      
        39 
      
        40 
      
        41 
      
        42 
      
        43 
      
        44 
      
        45 
      
        46 
      
        47 
      
        48 
      
        49 
      
        50 
      
        51 
      
        52 
      
        53 
      
        54 
      
        55 
      
        56 
      
        57 
      
        58 
      
        59 
      
        60 
      
        61 
      
        62 
      
        63 
      
        64 
      
        65 
      
        66 
      
        67 
      
        68 
      
        69 
      
        70 
      
        71 
      
        72 
      
        73 
      
        74 
      
        75 
      
        76 
      
        77 
      
        78 
      
        79 
      
        80 
      
        81 
      
        82 
      
        83 
      
        84 
      
        85 
      
        86 
      
        87 
      
        88 
      
        89 
      
        90 
      
        91 
      
        92 
      
        93 
      
        94 
      
        95 
      
        96 
      
        97 
      
        98 
      
        99 
      
        100 
      
        101 
      
        102 
      
        103 
      
        104 
      
        105 
      
        106 
      
        107 
      
        108 
      
        109 
      
        110 
      
     varfailCount=0; 
        
        varmaxFailCount=1; 
        //最大错误重试次数 
       
        /** 
       
        *自动更新js和资源 
       
        */ 
       
        varassetsManagerLoaderScene=cc.Scene.extend({ 
       
        _am:null, 
       
        _progress:null, 
       
        _percent:0, 
       
        run:function(){ 
       
        if 
        (!cc.sys.isNative){ 
       
        this 
        .loadGame(); 
       
        return 
        ; 
       
        } 
       
        varlayer= 
        new 
        cc.Layer(); 
       
        .addChild(layer); 
       
        ._progress= 
        cc.LabelTTF.create( 
        "update0%" 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
        "Arial" 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas,12); 
       
        ._progress.x=cc.winSize.width/2; 
       
        ._progress.y=cc.winSize.height/2+50; 
       
        layer.addChild( 
        ._progress); 
       
        varstoragePath=(jsb.fileUtils?jsb.fileUtils.getWritablePath(): 
        "./" 
        ); 
       
        cc. 
        log 
        ( 
        "storagePathis" 
        +storagePath); 
       
        ._am= 
        jsb.AssetsManager( 
        "res/project.manifest" 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas,storagePath); 
       
        ._am.retain(); 
       
        (! 
        ._am.getLocalManifest().isLoaded()) 
       
        //if(true) 
       
        { 
       
        "Failtoupdateassets,stepskipped." 
        ); 
       
        .loadGame(); 
       
        } 
       
        else 
       
        { 
       
        varthat= 
        ; 
       
        cc.EventListenerAssetsManager 
       
        varlistener= 
        jsb.EventListenerAssetsManager( 
        ._am,function(event){ 
       
        switch 
        (event.getEventCode()){ 
       
        case 
        jsb.EventAssetsManager.ERROR_NO_LOCAL_MANIFEST: 
       
        "Nolocalmanifestfilefound,skipassetsupdate." 
        ); 
       
        that.loadGame(); 
       
        break 
        ; 
       
        jsb.EventAssetsManager.UPDATE_PROGRESSION: 
       
        that._percent=event.getPercent(); 
       
        (that._percent+ 
        "%" 
        ); 
       
        varmsg=event.getMessage(); 
       
        (msg){ 
       
        (msg); 
       
        } 
       
        ; 
       
        jsb.EventAssetsManager.ERROR_DOWNLOAD_MANIFEST: 
       
        jsb.EventAssetsManager.ERROR_PARSE_MANIFEST: 
       
        "Failtodownloadmanifestfile,updateskipped." 
        ); 
       
        that.loadGame(); 
       
        ; 
       
        jsb.EventAssetsManager.ALREADY_UP_TO_DATE: 
       
        "ALREADY_UP_TO_DATE." 
        ); 
       
        that.loadGame(); 
       
        ; 
       
        jsb.EventAssetsManager.UPDATE_FINISHED: 
       
        "Updatefinished." 
        ); 
       
        that.loadGame(); 
       
        ; 
       
        jsb.EventAssetsManager.UPDATE_Failed: 
       
        "UpdateFailed." 
        +event.getMessage()); 
       
        failCount++; 
       
        (failCount<maxFailCount) 
       
        { 
       
        that._am.downloadFailedAssets(); 
       
        } 
       
        else 
       
        { 
       
        "Reachmaximumfailcount,exitupdateprocess" 
        ); 
       
        failCount=0; 
       
        that.loadGame(); 
       
        } 
       
        ; 
       
        jsb.EventAssetsManager.ERROR_UPDATING: 
       
        "Assetupdateerror:" 
        +event.getAssetId()+ 
        "," 
        +event.getMessage()); 
       
        that.loadGame(); 
       
        ; 
       
        jsb.EventAssetsManager.ERROR_DECOMPRESS: 
       
        (event.getMessage()); 
       
        that.loadGame(); 
       
        ; 
       
        default 
        : 
       
        ; 
       
        } 
       
        }); 
       
        cc.eventManager.addListener(listener,1); 
       
        ._am.update(); 
       
        cc.director.runScene( 
        ); 
       
        } 
       
        .schedule( 
        .updateProgress,0.5); 
       
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
       
        loadGame:function(){ 
       
        //jsList是jsList.js的变量，记录全部js。 
       
        cc.loader.loadJs([ 
        "src/jsList.js" 
        ],function(){ 
       
        cc.loader.loadJs(jsList,function(){ 
       
        HelloWorldScene()); 
       
        }); 
       
        }); 
       
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
       
        updateProgress:function(dt){ 
       
        ._progress.string= 
        "update" 
        + 
        ._percent+ 
        ; 
       
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
       
        onExit:function(){ 
       
        "AssetsManager::onExit" 
        ); 
       
        ._am.release(); 
       
        ._super(); 
       
        } 
       
        }); 
       
 热更新主要是通过引擎提供的AssetsManager来实现的。
 在AssetsManagerLoaderScene里，用到了res/project.manifest，是用来对版本对比的。
 下载完成后的资源会被解压，然后放在jsb.fileUtils.getWritablePath()的路径下，加到引擎的搜索范围中，并且他们的优先级是高于APP原本的资源路径的。所以相同的资源名称，引擎会优先使用更新路径下的文件，就达到更新的目的。
 下载成功后会执行loadGame方法，里边会加载src/jsList.js的所有资源。也就是说通过AssetsManagerLoaderScene来确保热更新完成后，再加载所有资源。
 由于资源和脚本的加载顺序发生了改变，所以还要修改根目录下的main.js和“project.json”。
 main.js：
 
        9 
        
     cc.game.onStart=function(){ 
        
        cc.view.adjustViewPort( 
        ); 
       
        cc.view.setDesignResolutionSize(800,450,cc.ResolutionPolicy.SHOW_ALL); 
       
        cc.view.resizeWithbrowserSize( 
        ); 
       
        varscene= 
        AssetsManagerLoaderScene(); 
       
        scene.run(); 
       
        }; 
       
        cc.game.run(); 
       
 将启动场景改为我的热更新场景AssetsManagerLoaderScene。
 project.json：
 
        16 
        
     "project_type" 
        "javascript""debugMode":1,monospace!important; font-size:1em!important; min-height:inherit!important; color:blue!important">"showFPS""frameRate":60,monospace!important; font-size:1em!important; min-height:inherit!important; color:blue!important">"id""gameCanvas""renderMode":0,monospace!important; font-size:1em!important; min-height:inherit!important; color:blue!important">"engineDir""frameworks/cocos2d-html5""modules""cocos2d""extensions" 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
       
        "jsList" 
        :[ 
       
        "src/assetsManagerScene.js" 
       
        ] 
       
         将jsList的值改为src/assetsManagerScene.js，只要加载这个js，其他js会在AssetsManagerLoaderScene中被加载。 
 到这里你可以跑起来看下，虽然获取不到升级文件，但是可以以最原始的版本跑起来。
 4. 在后台配置升级文件
 现在到后台工程的WebContent目录下添加升级文件。
 从我的manifest配置文件你可以看到，我又建立了一个res文件夹，在其中分别建立src和res分别对应Cocos2d-JS工程中的资源、脚本文件夹。
 随意修改一下app.js，将其作为更新内容使用。总结了几个要注意的地方。
 升级文件的路径，一定要和配置文件中的path内容一致。
 升级文件是.zip，记得compressed改为true。
 添加新的资源文件要记得同步更新resource.js。
 新增js文件也记得同步更新jsList.js。
 5. 回到Cocos2d-JS工程
 核对一下project.manifest文件中的地址是不是和后台一致，内容是否正确。
 没问题的话就可以跑起来了，会发现你的升级内容被下载下来并且更新了。

 参考
 本文工程后台&Cocos2d-JS的简陋源码戳这里，Cocos2d-JS工程中的文件替换你的文件，通用的引擎工程太大没有上传。
 其他可以使用到的教程
 资源管理器ASSETS MANAGER
 Cocos2d-JS热更新
 来源网址：http://karelgt.com/Cocos2dJS 热更新/

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
相关推荐如何使用CCRenderTexture创建动态纹理 Cocos2d-x 2 1 4
    本文实践自 RayWenderlich、Ali Hafizji 的文章《How To Create Dynamic Textures with CCRenderTexture in Cocos2D 2.X》，文中使用Cocos2D，我在这里使用Cocos2D-x 2.1.4进行学习和移植。在这篇文章，将会学习到如何创建实时纹理、如何用Gimp创建无缝拼接纹
Cocos-code-ide使用入门学习
Cocos-code-ide使用入门学习地点：杭州滨江邮箱：appdevzw@163.com微信公众号：HopToad 欢迎转载，转载标注出处：http://blog.csdn.netotbaron/article/details/424343991.  软件准备 下载地址：http://cn.cocos2d-x.org/download 2.  简介2.1         引用C
Cocos2D-x-3.0 编译(Win7)
第一次開始用手游引擎挺激动！！！进入正题。下载资源1：从Cocos2D-x官网上下载，进入网页http://www.cocos2d-x.org/download，点击Cocos2d-x以下的Download  v3.0，保存到自定义的文件夹2：从python官网上下载。进入网页https://www.python.org/downloads/，我当前下载的是3.4.0（当前最新
quick-cocos2d-x实例之挑战记忆极限设计文档
1.  来源 QuickV3sample项目中的2048样例游戏，以及最近《最强大脑》娱乐节目。将2048改造成一款挑战玩家对数字记忆的小游戏。邮箱：appdevzw@163.com微信公众号：HopToadAPK下载地址：http://download.csdn.net/detailotbaron/8446223源码下载地址：http://download.csdn.net/
Cocos2d-x 3 X CMake MinGW版本编译运行
   Cocos2d-x3.x已经支持使用CMake来进行构建了，这里尝试以QtCreatorIDE来进行CMake构建。Cocos2d-x3.X地址：https://github.com/cocos2d/cocos2d-x1.打开QtCreator，菜单栏→"打开文件或项目..."，打开cocos2d-x目录下的CMakeLists.txt文件；2.弹出CMake向导，如下图所示：设置
vs 2013 编译cocos2d-x-3.9
 下载地址：链接:https://pan.baidu.com/s/1IkQsMU6NoERAAQLcCUMcXQ提取码:p1pb下载完成后，解压进入build目录使用vs2013打开工程设置平台工具集，打开设置界面设置： 点击开始编译等待编译结束编译成功在build文件下会出现一个新文件夹Debug.win32，里面就是编译
Cocos2d-x CCControlPotentiometer之圆形音量button及特效
1. 圆形音量button事实上作者的本意应该是叫做“电位计button”。可是我觉得它和我们的圆形音量button非常像，所以就这么叫它吧~先看效果：好了，不多解释，本篇到此为止。（旁白： 噗。就这样结束了？）啊才怪~我们来看看代码：[cpp] viewplaincopyprint?CCContro
Cocos2d-x入门教程二简单的静态显示对象
原文链接：http://www.cnblogs.com/physwf/archive/2013/04/26/3043912.html为了进一步深入学习贯彻Cocos2d，我们将自己写一个场景类，但我们不会走的太远，凡是都要循序渐进，哪怕只前进一点点，那也至少是前进了，总比贪多嚼不烂一头雾水的好。在上一节中我们建

                  最新文章

• 如何使用CCRenderTexture创建动态纹理 …
• Cocos-code-ide使用入门学习
• Cocos2D-x-3.0 编译(Win7)
• Cocos2d-x 2 0 在Windows平台下的使用
• quick-cocos2d-x实例之挑战记忆极限设计…
• Cocos2d-x 3 X CMake MinGW版本编译运行
• vs 2013 编译cocos2d-x-3.9
• cocos2d-x游戏开发系列教程-超级玛丽01…
• Cocos2d-x CCControlPotentiometer之圆…
• Cocos2d-x入门教程二简单的静态显示对象
• cocos2d-x中CCScale9Sprite的另一种实现
• Cocos2d-x v2.2.2版本+Win7+VS2010环境…
• Ubuntu14.04+eclipse下cocos2d-x3.0正式…
• 分别基于WIN32 API界面编程和Cocos2d-x…
• Cocos2d-x 开发小记二：控件
• Cocos2d-x 开发小记一：基本动作
• 买Cocos2d-x视频课程送纸质图书
• ‎Cocos2d-x 学习笔记(11.10) Spawn

友情链接:
菜鸟教程
前端之家
编程小课
ai导航
DEVMAX
-我要投稿
-广告合作
-联系我们
-免责声明
-网站地图
版权所有 © 2018DEVMAX闽ICP备13020303号-8
                
微信公众号搜"程序精选"关注
微信扫一扫可直接关注哦！

Cocos2d-JS 热更新的更多相关文章

用canvas做一个DVD待机动画的实现代码

这篇文章主要介绍了用canvas做一个DVD待机动画的实现代码的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
使用Html5多媒体实现微信语音功能

这篇文章主要介绍了使用Html5多媒体实现微信语音功能,需要的朋友可以参考下
HTML5自定义视频播放器源码

这篇文章主要介绍了HTML5自定义视频播放器源码,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
Html5 滚动穿透的方法

这篇文章主要介绍了Html5 滚动穿透的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
HTML5自定义mp3播放器源码

这篇文章主要介绍了HTML5自定义mp3播放器源码,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
详解HTML5中CSS外观属性

这篇文章主要介绍了HTML5中CSS外观属性的相关知识，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，,需要的朋友可以参考下
CSS中实现动画效果-附案例

这篇文章主要介绍了 CSS中实现动画效果并附上案例代码及实现效果，就是CSS动画样式处理，动画声明需要使用@keyframes name,后面的name是人为定义的动画名称，下面我们来看看文章的具体实现内容吧，需要的小伙伴可以参考一下
html5默认气泡修改的代码详解

这篇文章主要介绍了html5默认气泡修改的代码详解,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
基于Html5 canvas实现裁剪图片和马赛克功能及又拍云上传图片功能

这篇文章主要介绍了基于Html5 canvas实现裁剪图片和马赛克功能及又拍云上传图片功能,需要的朋友可以参考下
Html5移动端适配IphoneX等机型的方法

这篇文章主要介绍了Html5移动端适配IphoneX等机型的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

随机推荐

【cocos2d-x 3.x 学习笔记】对象内存管理

Cocos2d-x的内存管理cocos2d-x中使用的是上面的引用计数来管理内存，但是又增加了一些自己的特色。cocos2d-x中通过Ref类来实现引用计数，所有需要实现内存自动回收的类都应该继承自Ref类。下面是Ref类的定义：在cocos2d-x中创建对象通常有两种方式：这两中方式的差异可以参见我另一篇博文“对象创建方式讨论”。在cocos2d-x中提倡使用第二种方式，为了避免误用第一种方式，一般将构造函数设为protected或private。参考资料：[1]cocos2d-x高级开发教程2.3节[
利用cocos2dx 3.2开发消灭星星六如何在cocos2dx中显示中文

由于编码的不同，在cocos2dx中的Label控件中如果放入中文字，往往会出现乱码。为了方便使用，我把这个从文档中获取中文字的方法放在一个头文件里面Chinese.h这里的tex_vec是cocos2dx提供的一个保存文档内容的一个容器。这里给出ChineseWords,xml的格式再看看ChineseWord的实现Chinese.cpp就这样，以后在需要用到中文字的地方，就先include这个头文件然后调用ChineseWord函数，获取一串中文字符串。
利用cocos2dx 3.2开发消灭星星七关于星星的算法

在前面，我们已经在GameLayer中利用随机数初始化了一个StarMatrix，如果还不知道怎么创建星星矩阵请回去看看而且我们也讲了整个游戏的触摸事件的派发了。
cocos2dx3.x 新手打包APK注意事项！

这个在编译的时候就可以发现了比较好弄这只是我遇到的，其他的以后遇到再补充吧。。。以前被这两个问题坑了好久
利用cocos2dx 3.2开发消灭星星八游戏的结束判断与数据控制

如果你看完之前的，那么你基本已经拥有一个消灭星星游戏的雏形。开始把剩下的两两互不相连的星星消去。那么如何判断是GameOver还是进入下一关呢。。其实游戏数据贯穿整个游戏，包括星星消除的时候要加到获得分数上，消去剩下两两不相连的星星的时候的加分政策等，因此如果前面没有做这一块的，最好回去搞一搞。
利用cocos2dx 3.2开发消灭星星九为游戏添加一些特效

needClear是一个flag，当游戏判断不能再继续后，这个flag变为true，开始消除剩下的星星clearSumTime是一个累加器ONE_CLEAR_TIME就是每颗星星消除的时间2.连击加分信息一般消除一次星星都会有连击信息和加多少分的信息。其实这些combo标签就是一张图片，也是通过控制其属性或者runAction来实现。源码ComboEffect.hComboEffect.cpp4.消除星星粒子效果消除星星时，为了实现星星爆裂散落的效果，使用了cocos2d提供的粒子特效引擎对于粒子特效不了
02 Cocos2D-x引擎win7环境搭建及创建项目

官网有搭建的文章，直接转载记录。环境搭建：本文介绍如何搭建Cocos2d-x3.2版本的开发环境。项目创建：一、通过命令创建项目前面搭建好环境后，怎样创建自己的Cocos2d-x项目呢？先来看看Cocos2d-x3.2的目录吧这就是Cocos2d-x3.2的目录。输入cocosnew项目名–p包名–lcpp–d路径回车就创建成功了例如：成功后，找到这个项目打开proj.win32目录下的Hello.slnF5成功了。
利用cocos2dx 3.2开发消灭星星十为游戏添加音效项目源码分享

一个游戏，声音也是非常的重要，其实cocos2dx里面的简单音效引擎的使用是非常简单的。我这里只不过是用一个类对所有的音效进行管理罢了。Audio.hAudio.cpp好了，本系列教程到此结束，第一次写教程如有不对请见谅或指教，谢谢大家。最后附上整个项目的源代码点击打开链接
03 Helloworld

程序都有一个入口点，在C++就是main函数了，打开main.cpp，代码如下：123456789101112131415161718#include"main.h"#include"AppDelegate.h"#include"cocos2d.h"USING_NS_CC;intAPIENTRY_tWinMain{UNREFERENCED_ParaMETER;UNREFERENCED_ParaMETER;//createtheapplicationinstanceAppDelegateapp;return
MenuItemImage*图标菜单创建注意事项

学习cocos2dx,看的是cocos2d-x3.x手游开发实例详解，这本书错误一大把，本着探索求知勇于发现错误改正错误的精神，我跟着书上的例子一起调试，当学习到场景切换这个小节的时候，出了个错误，卡了我好几个小时。