原

cocos creator大厅、子游戏实现方案

2018年03月05日 21:04:24 阅读数：5700
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/a641832648/article/details/79451030

参考cocos论坛：http://forum.cocos.com/t/1-5-2-demo/48200
demo: https://github.com/zhangjiangyi/HallAndChild
主要的是实现下载子游戏、跳转到子游戏，然后由子游戏返回到大厅。

我们知道、在启动cocos工程的时候，首先要加载main.js文件，加载准备工作，执行一些配置操作。而由大厅跳转到子游戏的话我们是否需要知道子游戏的配置文件setting.js跟main.js。然后由大厅跳转到子游戏的话其实就是获取子游戏的main.js文件就行了。

首先就是要用热更新的方式下载子游戏。但是热更新下载子游戏的话需要project.manifest文件跟远程文件做对比，但是一开始的时候是子游戏是空空如也的，那就只能用远程的方式获取project.manifest文件，然后进行热更新了。

    checkUpdate: function () {
        let UIRLFILE = "http://192.168.92.59/update/remote-assets";
        let remoteManifestUrl = this._storagePath + "/project.manifest";
        this.manifestUrl = remoteManifestUrl;

        let customManifestStr = JSON.stringify({
            "packageUrl": UIRLFILE,
            "remoteManifestUrl": UIRLFILE + "/project.manifest",
            "remoteVersionUrl": UIRLFILE + "/version.manifest",
            "version": "1.0.0.0",
            "assets": {},
            "searchPaths": []
        });

        this._checkListener = new jsb.EventListenerAssetsManager(this._am, this.checkCb.bind(this));
        cc.eventManager.addListener(this._checkListener, 1);

        if (this._am.getState() === jsb.AssetsManager.State.UNINITED) {
            if (jsb.fileUtils.isFileExist(remoteManifestUrl)) {
                console.log('加载本地Manifest');
                this._am.loadLocalManifest(this.manifestUrl);
            } else {
                console.log('加载网络Manifest');
                let manifest = new jsb.Manifest(customManifestStr, this._storagePath);
                this._am.loadLocalManifest(manifest, this._storagePath);
            }
        }
        this.prmopt.string = '正在检查版本信息';
        this._am.checkUpdate();
    },

大厅的主要逻辑HotUpdate代码如下（主要负责下载子游戏，并跳转到子游戏）：

cc.Class({
    extends: cc.Component,

    properties: {
        _am: null,
        _updating: false,
        _canRetry: true,
        _storagePath: '',
        _version: -1,
    },
    // use this for initialization
    onLoad: function () {
        this.initView();
        this.initAssetsManage();
    },

    initView() {
        this.percentLabel = cc.find('Canvas/percent').getComponent(cc.Label);
        this.prmopt = cc.find('Canvas/prompt').getComponent(cc.Label);
    },

    initAssetsManage() {
        if (cc.sys.isBrowser) {
            return;
        }
        this._storagePath = ((jsb.fileUtils ? jsb.fileUtils.getWritablePath() : '/') + 'ALLGame/subgame');

        console.log('SubGame path ' + this._storagePath);

        let versionCompareHandle = function (versionA, versionB) {
            let vA = versionA.split('.');
            let vB = versionB.split('.');
            for (let i = 0; i < vA.length; ++i) {
                let a = parseInt(vA[i]);
                let b = parseInt(vB[i] || 0);
                if (a !== b) {
                    return a - b;
                }
            }
            return vB.length > vA.length ? -1 : 0;
        };
        this._am = new jsb.AssetsManager('', this._storagePath, versionCompareHandle);

        if (!cc.sys.ENABLE_GC_FOR_NATIVE_OBJECTS) {
            this._am.retain();
        }

        if (cc.sys.os === cc.sys.OS_ANDROID) {
            this._am.setMaxConcurrentTask(2);
        }
    },

    checkCb: function (event) {
        let delayTime = 2000;
        switch (event.getEventCode()) {
            case jsb.EventAssetsManager.ERROR_NO_LOCAL_MANIFEST:
                this.prmopt.string = "本地Manifest文件未找到";
                break;
            case jsb.EventAssetsManager.ERROR_DOWNLOAD_MANIFEST:
            case jsb.EventAssetsManager.ERROR_PARSE_MANIFEST:
                this.prmopt.string = "加载Manifest文件失败";
                break;
            case jsb.EventAssetsManager.ALREADY_UP_TO_DATE:
                this.prmopt.string = "已经是最新版本";
                delayTime = 1000;
                break;
            case jsb.EventAssetsManager.NEW_VERSION_FOUND:
                this.prmopt.string = '找到新版本';
                cc.eventManager.removeListener(this._checkListener);
                this._checkListener = null;
                this._updating = false;
                setTimeout(() =>  this.hotUpdate(), 1000);
                return;
            default:
                return;
        }

        cc.eventManager.removeListener(this._checkListener);
        this._checkListener = null;
        this._updating = false;
    },

    updateCb: function (event) {
        console.log('update eventCode = ' + event.getEventCode(), 'update msg = ' + event.getMessage());
        switch (event.getEventCode()) {
            case jsb.EventAssetsManager.ERROR_NO_LOCAL_MANIFEST:
                this.prmopt.string = '未找到本地Manifest文件';
                break;
            case jsb.EventAssetsManager.UPDATE_PROGRESSION:
                let percent = event.getPercent().toFixed(2);
                this.percentLabel.string = parseInt(percent * 100) + '%';
                break;
            case jsb.EventAssetsManager.ERROR_DOWNLOAD_MANIFEST:
            case jsb.EventAssetsManager.ERROR_PARSE_MANIFEST:
                this.prmopt.string = '下载Manifest文件失败';
                break;
            case jsb.EventAssetsManager.ALREADY_UP_TO_DATE:
                this.prmopt.string = '已更新到最新版本';
                break;
            case jsb.EventAssetsManager.UPDATE_FINISHED:
                this.prmopt.string = '更新成功，正在重启游戏...';

                cc.eventManager.removeListener(this._updateListener);
                this._updateListener = null;
                this._updating = false;

                break;
            case jsb.EventAssetsManager.UPDATE_FAILED:
                this._updating = false;
                this.prmopt.string = '更新失败';
                break;
            case jsb.EventAssetsManager.ERROR_UPDATING:
                this.prmopt.string = '更新文件错误 ' + event.getAssetId() + ', ' + event.getMessage();
                break;
            case jsb.EventAssetsManager.ERROR_DECOMPRESS:
                this.prmopt.string = event.getMessage();
                break;
            default:
                break;
        }
    },

    retry: function () {
        if (!this._updating && this._canRetry) {
            this._canRetry = false;

            this.prmopt.string = '更新失败，再次更新';
            this._am.downloadFailedAssets();
        }
    },

    checkUpdate: function () {
        let UIRLFILE = "http://192.168.92.59/update/remote-assets";
        let remoteManifestUrl = this._storagePath + "/project.manifest";
        this.manifestUrl = remoteManifestUrl;

        let customManifestStr = JSON.stringify({
            "packageUrl": UIRLFILE,
            "remoteManifestUrl": UIRLFILE + "/project.manifest",
            "remoteVersionUrl": UIRLFILE + "/version.manifest",
            "version": "1.0.0.0",
            "assets": {},
            "searchPaths": []
        });

        this._checkListener = new jsb.EventListenerAssetsManager(this._am, this.checkCb.bind(this));
        cc.eventManager.addListener(this._checkListener, 1);

        if (this._am.getState() === jsb.AssetsManager.State.UNINITED) {
            if (jsb.fileUtils.isFileExist(remoteManifestUrl)) {
                console.log('加载本地Manifest');
                this._am.loadLocalManifest(this.manifestUrl);
            } else {
                console.log('加载网络Manifest');
                let manifest = new jsb.Manifest(customManifestStr, this._storagePath);
                this._am.loadLocalManifest(manifest, this._storagePath);
            }
        }
        this.prmopt.string = '正在检查版本信息';
        this._am.checkUpdate();
        this._updating = true;
    },

    hotUpdate: function () {

        if (this._am) {
            this._updateListener = new jsb.EventListenerAssetsManager(this._am, this.updateCb.bind(this));
            cc.eventManager.addListener(this._updateListener, 1);

            if (this._am.getState() === jsb.AssetsManager.State.UNINITED) {
                console.log('load local manifest');
                this._am.loadLocalManifest(this.manifestUrl);
            }
            console.log('update');
            this._am.update();
        }
    },

    getVersion: function () {   //获取版本信息
        if (cc.sys.isBrowser) {
            return;
        }
        if (this._am.getState() === jsb.AssetsManager.State.UNINITED) {
            this._am.loadLocalManifest(this.manifestUrl);
        }
        return this._am.getLocalManifest().getVersion();
    },


    enter_sub_game: function() {
        if (!this._storagePath) {
            this.prompt.string = "请先点击下载游戏，检查版本是否更新！！！";
            return;
        }

        console.log('subgame path = '+ this._storagePath);
        require(this._storagePath + "/src/main.js");
    },

});

如果子游戏下载成功的话就要开始跳转到子游戏了，首先要知道子游戏下载完成后的目录

this._storagePath = ((jsb.fileUtils ? jsb.fileUtils.getWritablePath() : '/') + 'ALLGame/subgame');

然后require子游戏的main.js

require(this._storagePath + "/src/main.js");

但是这个时候会报错，因为在子游戏的src目录下面根本没有main.js文件。那我们这个时候就要把main.js文件加入到src当中，并且是要在生成project.manifest文件前加进去，不然main.js跟setting.js文件不会随着热更新下载到子游戏项目下的。所以在项目构建完成的时候就要把main.js跟setting.js文件放在build/jsb-default/src目录下,然后生成project.manifest文件，放到服务器上面，这样的话热更新子游戏就会把main.js文件下载下来。

接着看一瞎main.js文件的内容：

(function () {

    // if (cc && cc.sys.isNative) {
    //     var hotUpdateSearchPaths = cc.sys.localStorage.getItem('HotUpdateSearchPaths');
    //     if (hotUpdateSearchPaths) {
    //         jsb.fileUtils.setSearchPaths(JSON.parse(hotUpdateSearchPaths));
    //         console.log('[main.js] 热更新SearchPath: ' + JSON.parse(hotUpdateSearchPaths));
    //     }
    // }
    // 这是为了解决一个重启的 bug 而添加的
    cc.director.startAnimation();

    'use strict';
    cc.INGAME = (jsb.fileUtils ? jsb.fileUtils.getWritablePath() : '/') + "ALLGame/subgame";
    console.log('cc.INGAME========子游戏============================'+cc.INGAME);
    var _CCSettings = null;
    function boot() {
        console.log('setteing配置+'+_CCSettings);
        var settings = _CCSettings;
        window._CCSettings = undefined;

        if (!settings.debug) {
            var uuids = settings.uuids;

            var rawAssets = settings.rawAssets;
            var assetTypes = settings.assetTypes;
            var realRawAssets = settings.rawAssets = {};
            for (var mount in rawAssets) {
                var entries = rawAssets[mount];
                var realEntries = realRawAssets[mount] = {};
                for (var id in entries) {
                    var entry = entries[id];
                    var type = entry[1];
                    // retrieve minified raw asset
                    if (typeof type === 'number') {
                        entry[1] = assetTypes[type];
                    }
                    // retrieve uuid
                    realEntries[uuids[id] || id] = entry;
                }
            }

            var scenes = settings.scenes;
            for (var i = 0; i < scenes.length; ++i) {
                var scene = scenes[i];
                if (typeof scene.uuid === 'number') {
                    scene.uuid = uuids[scene.uuid];
                }
            }

            var packedAssets = settings.packedAssets;
            for (var packId in packedAssets) {
                var packedIds = packedAssets[packId];
                for (var j = 0; j < packedIds.length; ++j) {
                    if (typeof packedIds[j] === 'number') {
                        packedIds[j] = uuids[packedIds[j]];
                    }
                }
            }
        }

        // init engine
        var canvas;

        if (cc.sys.isBrowser) {
            canvas = document.getElementById('GameCanvas');
        }

        function setLoadingDisplay() {
            // Loading splash scene
            var splash = document.getElementById('splash');
            var progressBar = splash.querySelector('.progress-bar span');
            cc.loader.onProgress = function (completedCount, totalCount, item) {
                var percent = 100 * completedCount / totalCount;
                if (progressBar) {
                    progressBar.style.width = percent.toFixed(2) + '%';
                }
            };
            splash.style.display = 'block';
            progressBar.style.width = '0%';

            cc.director.once(cc.Director.EVENT_AFTER_SCENE_LAUNCH, function () {
                splash.style.display = 'none';
            });
        }

        var onStart = function () {
            cc.view.resizeWithBrowserSize(true);
            // UC browser on many android devices have performance issue with retina display
            if (cc.sys.os !== cc.sys.OS_ANDROID || cc.sys.browserType !== cc.sys.BROWSER_TYPE_UC) {
                cc.view.enableRetina(true);
            }
            //cc.view.setDesignResolutionSize(settings.designWidth, settings.designHeight, cc.ResolutionPolicy.SHOW_ALL);

            if (cc.sys.isBrowser) {
                setLoadingDisplay();
            }

            if (cc.sys.isMobile) {
                if (settings.orientation === 'landscape') {
                    cc.view.setOrientation(cc.macro.ORIENTATION_LANDSCAPE);
                }
                else if (settings.orientation === 'portrait') {
                    cc.view.setOrientation(cc.macro.ORIENTATION_PORTRAIT);
                }
                // qq, wechat, baidu
                cc.view.enableAutoFullScreen(
                    cc.sys.browserType !== cc.sys.BROWSER_TYPE_BAIDU &&
                    cc.sys.browserType !== cc.sys.BROWSER_TYPE_WECHAT &&
                    cc.sys.browserType !== cc.sys.BROWSER_TYPE_MOBILE_QQ
                );
            }

            // Limit downloading max concurrent task to 2,
            // more tasks simultaneously may cause performance draw back on some android system / brwosers.
            // You can adjust the number based on your own test result, you have to set it before any loading process to take effect.
            if (cc.sys.isBrowser && cc.sys.os === cc.sys.OS_ANDROID) {
                cc.macro.DOWNLOAD_MAX_CONCURRENT = 2;
            }


            // init assets
            cc.AssetLibrary.init({
                libraryPath: 'res/import',
                rawAssetsBase: 'res/raw-',
                rawAssets: settings.rawAssets,
                packedAssets: settings.packedAssets,
                md5AssetsMap: settings.md5AssetsMap
            });

            var launchScene = settings.launchScene;

            // load scene
            if (cc.runtime) {
                cc.director.setRuntimeLaunchScene(launchScene);
            }
            cc.director.loadScene(launchScene, null,
                function () {
                    if (cc.sys.isBrowser) {
                        // show canvas
                        canvas.style.visibility = '';
                        var div = document.getElementById('GameDiv');
                        if (div) {
                            div.style.backgroundImage = '';
                        }
                    }
                    cc.loader.onProgress = null;

                    // play game
                    // cc.game.resume();

                    console.log('Success to load scene: ' + launchScene);
                }
            );
        };

        // jsList
        var jsList = settings.jsList;
        var bundledScript = settings.debug ? 'project.dev.js' : 'project.js';
        if (jsList) {
            jsList.push(bundledScript);
        }
        else {
            jsList = [bundledScript];
        }

        // anysdk scripts
        if (cc.sys.isNative && cc.sys.isMobile) {
//            jsList = jsList.concat(['jsb_anysdk.js', 'jsb_anysdk_constants.js']);
        }

        jsList = jsList.map(function (x) {
            return cc.INGAME + 'src/' + x;
        });

        var option = {
            //width: width,
            //height: height,
            id: 'GameCanvas',
            scenes: settings.scenes,
            debugMode: settings.debug ? cc.DebugMode.INFO : cc.DebugMode.ERROR,
            showFPS: settings.debug,
            frameRate: 60,
            jsList: jsList,
            groupList: settings.groupList,
            collisionMatrix: settings.collisionMatrix,
            renderMode: 0
        };

        cc.game.run(option, onStart);
    }

    if (window.document) {
        var splash = document.getElementById('splash');
        splash.style.display = 'block';

        var cocos2d = document.createElement('script');
        cocos2d.async = true;
        cocos2d.src = window._CCSettings.debug ? 'cocos2d-js.js' : 'cocos2d-js-min.js';

        var engineLoaded = function () {
            document.body.removeChild(cocos2d);
            cocos2d.removeEventListener('load', engineLoaded, false);
            window.eruda && eruda.init();
            boot();
        };
        cocos2d.addEventListener('load', engineLoaded, false);
        document.body.appendChild(cocos2d);
    }
    else if (window.jsb) {
        console.log('返回大厅=======================================');
        if (!cc.chilgame) {
            cc.chilgame = _CCSettings = require(cc.INGAME + '/src/settings.js');
            console.log('加载settings.js成功   cc.chilgame'+cc.chilgame);
            require('src/project.js');
            console.log('加载project.js成功');
        } else {

            _CCSettings = cc.chilgame;
        }
        boot();
    }

})();

这个main.js跟jsb-default目录下的main.js就改变了两个地方，一个是增加了一个cc.INGAME的全局变量，也就是子游戏目录：

cc.INGAME = (jsb.fileUtils ? jsb.fileUtils.getWritablePath() : '/') + "ALLGame/subgame";

第二个地方就是改变了window.jsb原生的配置函数，把原先的

        require('src/settings.js');
        require('src/jsb_polyfill.js');

        boot();

改变成

        if (!cc.chilgame) {
            cc.chilgame = _CCSettings = require(cc.INGAME + '/src/settings.js');
            console.log('加载settings.js成功   cc.chilgame'+cc.chilgame);
            require('src/project.js');
            console.log('加载project.js成功');
        } else {

            _CCSettings = cc.chilgame;
        }
        boot();

上面的修改就是让引擎执行子游戏的逻辑代码，setting.js的配置函数，跟project.js都执行的是子函数的，这样的话就相当于跳转到子游戏的逻辑了。

接下来就是从子游戏返回到大厅。根据大厅跳转到子游戏的逻辑来看的话，返回到大厅的话其实就是再次执行大厅的游戏逻辑，所以只要执行大厅的main.js文件就可以了。返回大厅的逻辑很简单，就是一个require大厅的js配置文件代码，

cc.INGAME = (jsb.fileUtils ? jsb.fileUtils.getWritablePath() : '/') + "ALLGame/subgame";
require(cc.INGAME+"/src/dating.js");

dating.js文件如下：

(function () {

    // if (cc && cc.sys.isNative) {
    //     var hotUpdateSearchPaths = cc.sys.localStorage.getItem('HotUpdateSearchPaths');
    //     if (hotUpdateSearchPaths) {
    //         jsb.fileUtils.setSearchPaths(JSON.parse(hotUpdateSearchPaths));
    //         console.log('[main.js] 热更新SearchPath: ' + JSON.parse(hotUpdateSearchPaths));
    //     }
    // }
    // 这是为了解决一个重启的 bug 而添加的
    cc.director.startAnimation();

    'use strict';
    cc.INGAME = '';//(jsb.fileUtils ? jsb.fileUtils.getWritablePath() : '/');
    console.log('cc.INGAME========dating.js============================'+cc.INGAME);
    var _CCSettings = null;
    function boot() {

        var settings = _CCSettings;
        window._CCSettings = undefined;

        if (!settings.debug) {
            var uuids = settings.uuids;

            var rawAssets = settings.rawAssets;
            var assetTypes = settings.assetTypes;
            var realRawAssets = settings.rawAssets = {};
            for (var mount in rawAssets) {
                var entries = rawAssets[mount];
                var realEntries = realRawAssets[mount] = {};
                for (var id in entries) {
                    var entry = entries[id];
                    var type = entry[1];
                    // retrieve minified raw asset
                    if (typeof type === 'number') {
                        entry[1] = assetTypes[type];
                    }
                    // retrieve uuid
                    realEntries[uuids[id] || id] = entry;
                }
            }

            var scenes = settings.scenes;
            for (var i = 0; i < scenes.length; ++i) {
                var scene = scenes[i];
                if (typeof scene.uuid === 'number') {
                    scene.uuid = uuids[scene.uuid];
                }
            }

            var packedAssets = settings.packedAssets;
            for (var packId in packedAssets) {
                var packedIds = packedAssets[packId];
                for (var j = 0; j < packedIds.length; ++j) {
                    if (typeof packedIds[j] === 'number') {
                        packedIds[j] = uuids[packedIds[j]];
                    }
                }
            }
        }

        // init engine
        var canvas;

        if (cc.sys.isBrowser) {
            canvas = document.getElementById('GameCanvas');
        }

        function setLoadingDisplay() {
            // Loading splash scene
            var splash = document.getElementById('splash');
            var progressBar = splash.querySelector('.progress-bar span');
            cc.loader.onProgress = function (completedCount, totalCount, item) {
                var percent = 100 * completedCount / totalCount;
                if (progressBar) {
                    progressBar.style.width = percent.toFixed(2) + '%';
                }
            };
            splash.style.display = 'block';
            progressBar.style.width = '0%';

            cc.director.once(cc.Director.EVENT_AFTER_SCENE_LAUNCH, function () {
                splash.style.display = 'none';
            });
        }

        var onStart = function () {
            cc.view.resizeWithBrowserSize(true);
            // UC browser on many android devices have performance issue with retina display
            if (cc.sys.os !== cc.sys.OS_ANDROID || cc.sys.browserType !== cc.sys.BROWSER_TYPE_UC) {
                cc.view.enableRetina(true);
            }
            //cc.view.setDesignResolutionSize(settings.designWidth, settings.designHeight, cc.ResolutionPolicy.SHOW_ALL);

            if (cc.sys.isBrowser) {
                setLoadingDisplay();
            }

            if (cc.sys.isMobile) {
                if (settings.orientation === 'landscape') {
                    cc.view.setOrientation(cc.macro.ORIENTATION_LANDSCAPE);
                }
                else if (settings.orientation === 'portrait') {
                    cc.view.setOrientation(cc.macro.ORIENTATION_PORTRAIT);
                }
                // qq, wechat, baidu
                cc.view.enableAutoFullScreen(
                    cc.sys.browserType !== cc.sys.BROWSER_TYPE_BAIDU &&
                    cc.sys.browserType !== cc.sys.BROWSER_TYPE_WECHAT &&
                    cc.sys.browserType !== cc.sys.BROWSER_TYPE_MOBILE_QQ
                );
            }

            // Limit downloading max concurrent task to 2,
            // more tasks simultaneously may cause performance draw back on some android system / brwosers.
            // You can adjust the number based on your own test result, you have to set it before any loading process to take effect.
            if (cc.sys.isBrowser && cc.sys.os === cc.sys.OS_ANDROID) {
                cc.macro.DOWNLOAD_MAX_CONCURRENT = 2;
            }


            // init assets
            cc.AssetLibrary.init({
                libraryPath: 'res/import',
                rawAssetsBase: 'res/raw-',
                rawAssets: settings.rawAssets,
                packedAssets: settings.packedAssets,
                md5AssetsMap: settings.md5AssetsMap
            });

            var launchScene = settings.launchScene;

            // load scene
            if (cc.runtime) {
                cc.director.setRuntimeLaunchScene(launchScene);
            }
            cc.director.loadScene(launchScene, null,
                function () {
                    if (cc.sys.isBrowser) {
                        // show canvas
                        canvas.style.visibility = '';
                        var div = document.getElementById('GameDiv');
                        if (div) {
                            div.style.backgroundImage = '';
                        }
                    }
                    cc.loader.onProgress = null;

                    // play game
                    // cc.game.resume();

                    console.log('Success to load scene: ' + launchScene);
                }
            );
        };

        // jsList
        var jsList = settings.jsList;
        var bundledScript = settings.debug ? 'project.dev.js' : 'project.js';
        if (jsList) {
            jsList.push(bundledScript);
        }
        else {
            jsList = [bundledScript];
        }

        // anysdk scripts
        if (cc.sys.isNative && cc.sys.isMobile) {
//            jsList = jsList.concat(['jsb_anysdk.js', 'jsb_anysdk_constants.js']);
        }

        jsList = jsList.map(function (x) {
            return cc.INGAME + 'src/' + x;
        });

        var option = {
            //width: width,
            //height: height,
            id: 'GameCanvas',
            scenes: settings.scenes,
            debugMode: settings.debug ? cc.DebugMode.INFO : cc.DebugMode.ERROR,
            showFPS: settings.debug,
            frameRate: 60,
            jsList: jsList,
            groupList: settings.groupList,
            collisionMatrix: settings.collisionMatrix,
            renderMode: 0
        };

        cc.game.run(option, onStart);
    }

    if (window.document) {
        var splash = document.getElementById('splash');
        splash.style.display = 'block';

        var cocos2d = document.createElement('script');
        cocos2d.async = true;
        cocos2d.src = window._CCSettings.debug ? 'cocos2d-js.js' : 'cocos2d-js-min.js';

        var engineLoaded = function () {
            document.body.removeChild(cocos2d);
            cocos2d.removeEventListener('load', engineLoaded, false);
            window.eruda && eruda.init();
            boot();
        };
        cocos2d.addEventListener('load', engineLoaded, false);
        document.body.appendChild(cocos2d);
    }
    else if (window.jsb) {
        console.log('返回大厅=======================================');
        if (!cc.dating) {
            cc.dating = _CCSettings = require(cc.INGAME + 'src/settings.js');
            require(cc.INGAME + 'src/project.js');
        } else {

            _CCSettings = cc.dating;
        }
        boot();
    }

})();

可以看到dating.js的逻辑相比子游戏的main.js的代码只是把路径修改到大厅的目录，然后执行大厅的配置文件。

然后一个非常粗略的大跟子游戏相互跳转的功能就完成了。如果后续需要对子游戏跟大厅分别进行更新跟管理的话需要自行扩展了。。

阅读更多 收藏
分享
还能输入1000个字符

CocosCreator制作小游戏之单机斗地主

03-01 阅读数 3195

首先，我承认我是个标题党，当你被骗进来的时候，就决定你要失望了，因为这个所谓的单机斗地主，并不是真正意义的斗地主，不存在牌型逻辑，只是为了能够学习cocoscreator而做的demo。所以，哎，别动... 博文 来自： qq_16224121的博客

cocos creator 扩展编辑器以及定制项目构建流程

07-31 阅读数 1418

起因：因为游戏用cocoscreator打包app后包体比较大，顾策划想弄成分包下载，将打包后的res中个别较大的文件通过热更新的方式下载到游戏中，减少母包的大小。资源热更是通过官方提供文档：http... 博文 来自： IkeShyZz的博客

cocos creator01编辑js

10-27 阅读数 372

学习cocos时按照官网步骤制作第一个小游戏，在新建js时，打开总是报错，可能是原有的编辑器有问题，我们需要自己下载一个vscode编辑器，网上搜就有。然后在cocos的偏好设置-数据编辑-外部脚本编... 博文 来自： u014651178的博客

CocosCreator之构建web版时自动使用模板文件

06-15 阅读数 2755

我们项目中有这样一个问题，index.htmlmain.js我们需要自己定义，并且需要添加一些其它的东西，比如图片、css等，刚开始我们的做法是build之后，手动拷贝过去，但是很麻烦，现在我们找到了... 博文 来自： TTUZ的博客

cocoscreator新项目的框架和资源的简单记录

04-09 阅读数 795

随着cocoscreator的不断成熟和稳定，我们去年就开始往这方面做h5游戏。这里简单记录一下新项目的框架和h5游戏资源优化的一些内容。新项目用的是MVC的基础框架，逻辑视图控制器的分离使整个项目耦... 博文 来自： cannystar1的专栏

cocos creator 小游戏框架 -- 音频管理

04-11 阅读数 1528

/***author:xuao*time:2018/04/11*func:音乐，音效管理*/varAudioManager={init:function(){this._playMusic={};//... 博文 来自： nsqks的博客

cocos Creator[框架封装之二] 日志系统 设计 与 实现

12-09 阅读数 3603

在游戏开发中，调试代码不仅仅要靠断点调试，也需要日志输出帮助调试！此时，我们希望日志能够打赢出各种各样的颜色，来区分不同的错误信息，也需要知道该日子打印的时间和文件的代码行数，以及函数的调用者，等等。... 博文 来自： u013158916的博客

CocosCreator引擎的技术框架结构

03-16 阅读数 1689

最近总结了下CocosCreator的技术框架结构，如图： 博文 来自： 楚游香的博客

Cocos Creator 的组件式编程 以及分工策略 一分钟上手流程

02-01 阅读数 1681

与初学c语言编程时用的“线性”编程不同，CocosCreator（简称CCC）采用流行的组件式编程模式，一方面摒弃了OO（面向对象）里关于继承、多态这些抽象的概念，另一方面引进类似并发机制的组件化思维... 博文 来自： stillwater123的博客

CocosCreator 起手游戏项目解构

04-27 阅读数 1065

项目文档：http://docs.cocos.com/creator/manual/zh/getting-started/quick-start.html最近心血来潮，想写个微信小游戏，查阅相关资料后... 博文 来自： THINK & THANK

【基于Cocos Creator+Socket.io的联机对战黑白棋(3)】——心得若干

12-11 阅读数 5801

我并不会在这个系列讲黑白棋的逻辑设计细节，那些东西我觉得你应该自己看代码理解（主要是我没时间写了。。。）我来说一下对新手比较有启发意义的几点心得：1.跨场景访问变量在util下面有两个脚本Consta... 博文 来自： Next的博客

cocos creator 十三水棋牌

07-21 阅读数 633

下载地址：https://download.csdn.net/download/u012443049/10556049 博文 来自： vinke丶le

【cocos creator】cocos creator的官网demo小游戏--小星星

07-11 阅读数 2287

在官网的教程基础之上，修改了官网遗漏下的bug。虽然可以下载cocos.com官网的源码，直接使用，更改BUG，但对于自己一个刚接触cocos开发新手，通过自己的努力，去发现官网的错误遗漏。还是有点小... 博文 来自： 子非渔的博客

cocos creator 学习笔记（四）——节点与资源篇

05-14 阅读数 1323

回顾一下，我们在前面学习了脚本文件中不同的回调函数对应的功能。如何访问自身和其它节点与组件，以及常用的节点组件的接口功能。接下来开始第四篇的学习。1、创建新节点start:function(){var... 博文 来自： weixin_41529962的博客

微信小游戏开发入门(二)-用CocosCreator官方Demo生成微信小游戏

01-16 阅读数 3.5万

微信已经放出小游戏的开发工具包，虽然功能尚未完善，但已经可以开发调试了。我们使用CocosCreator官方的polished_project例子来讲解如何生成微信小游戏。1、下载polished_p... 博文 来自： 楚游香的博客

cocos creator 进度条添加进度动画

05-23 阅读数 3933

需求在一个批量制作时，会有一个进度条，一直在刷新，方便查看进度。为了用户体验更好，在进度条上添加一个动画，不断的刷新（从开始走到现进度的地方后再从头开始），嗯~俗点说就是感觉在不断地挤着它在前进。方案... 博文 来自： 唯一的信仰

Cocos Creator创建客户端和服务端的连接

02-24 阅读数 4059

CocosCreator创建客户端和服务端的连接准备首先下载并安装node.js  node.js双击安装不断下一步就OK了完成后安装目录如图在Dos下  (windows为win+R  -&amp;... 博文 来自： 一入編程深似海,从此BUG日日改！

CocosCreator之打包android

06-20 阅读数 4316

1:准备资料1:sdk,下载地址http://www.androiddevtools.cn/2:jdk下载地址http://www.oracle.com/technetwork/Java/javase... 博文 来自： 专业游戏开发

cocos creator 实现加载远程资源到本地缓存

07-12 阅读数 3328

在项目开发过程中有时候需要将远程连接的图片加载到本地存放，供以后使用，但是在cocos官方文档里面没有详细的介绍存放到本地的方法，现在在这里讲述如何将远程资源加载到本地进行保存首先新建一个对象类专门用... 博文 来自： lck8989的博客

cocos creator奔跑吧小驴完整工程

11-02

奔跑吧小驴 cocos creator完整工程包 包括 游戏 + 微信子域排行榜工程 已上微信小游戏 下载

cocos creator-Action类

07-05 阅读数 733

Action类Action类是所有动作类型的基类 并且Action有两个类别 1、瞬时完成(ActionInstant) 2、非瞬时完成，即到完成时需要一定的时间ActionIntervial相关AP... 博文 来自： 仙侣奇缘官方网站

cocos creator学习17——cc.Director&资源加载

05-14 阅读数 1400

cc.Director对象cc.director各模块管理对象实例，全局只存在一个。比如物理引擎管理，Action管理,碰撞检测管理等都可以从cc.director获得。cc.director常用AP... 博文 来自： 章鱼仔的博客

用java来写ACM

11-20 阅读数 4446

前言从去年10月份开始就一直都在九度oj平台写acm，到今天在九度oj的总排名已经到了第6名，收获很多特别是算法和数据结构方面的提高，这种提高直接反映在我找工作的顺利中 但是人总要学会拥抱变化，特别是... 博文 来自： 小一的专栏

cocos2d-js：使用热更新时的注意事项

06-15 阅读数 3380

热更新的使用方法参考自http://www.cnblogs.com/kenkofox/p/3906681.html以及官网资料，感谢大神的资料。有几个要注意的地方：1、建议自己写一个AssetsMan... 博文 来自： Azure丶的博客

JAVA ACM 基础

07-30 阅读数 7693

javaACMJava做ACM-ICPC的特点：(1)在一般比赛中，Java程序会有额外的时间和空间，而实际上经过实验，在执行计算密集任务的时候Java并不比C/C++慢多少，只是IO操作较慢而已。(... 博文 来自： 话别深秋

cocos creator 热更新

08-23 阅读数 796

热更新的使用：官方教程：官网热更新教程第一步：先生成配置文件：project.manifest和version.manifest,这两个文件的作用，官网有说明第二步：创建loading脚本，继承Bas... 博文 来自： 重启的专栏

ACM JAVA 基础

10-06 阅读数 1365

ACMJAVA基础感谢各位大牛的JAVA总结博客，我根据个人“喜好”，在省赛前夕，对此进行“搜索”总结。一、代码格式基础类名默认为Main。classMain{   voidsolve(){}   v... 博文 来自： Fight It

cocosCreator大厅子游戏笔记demo

09-03
CocosCreator项目整合大厅和多个子项目，对应需求: 1.独立热更子游戏 2.将独立子游戏打入整包
下载

Cocos Creator 框架封装大厅与小游戏设计实现demo

06-06
Cocos Creator 游戏框架功能封装与设计，已实现模块化管理，各个功能支持随意调用，大厅与小游戏的相互关联，是学习实现的好demo
下载

cocos creator 热更新 大厅子游戏demo

09-07
cocos creator 1.5 大厅子游戏demo，在大厅中可以单独更新每个子游戏的资源和代码，并实现的大厅跳转到子游戏和子游戏到大厅
下载

Cocos Creator 集合类游戏模块化与热更新实践

12-13 阅读数 833

集合类游戏常见于大厅+子游戏模式的棋牌类项目，这类项目通常是由一系列小项目模块组合而成的系统综合工程。基特点是模块开发周期短，模块版本迭代快，维护周期长，除了各游戏模块本身玩法逻辑，还需要面对众多模块... 博文 来自： GitChat

cocos creator 棋牌扑克游戏源码

04-27
文件组成 client：客户端，使用Cocos Creator打开即可 sever：服务器端。使用node.js编写，是一个极简的服务器，只是做了一下简单的封装，仅供学习使用。 client_console：客户端测试程序，可以模拟登陆，...
下载

CocosCreator开源游戏开发框架

01-30
CocosCreator开源游戏开发框架，附文档说明。包含GameMain、AudioManager、ConfigManager、GameController、GameDataManager、List
下载

cocos creator 麻将搭建服务，这是什么意思？

11-10

- 问答

CocosCreator 项目结构分析

06-13 阅读数 840

CocosCreator项目结构分析单个游戏结构assets目录结构游戏启动流程多个游戏“大厅+子游戏”assets目录结构module目录game目录CocosCreator项目结构分析单个游戏结构... 博文 来自： sanjan的博客

CocosCreator

11-16 阅读数 1992

由于cocos舍弃了cocostudio，需要关注官方推荐的creator了。1creator实现了：脚本化(jS开发),组件化,数据驱动器。2CocosCreator+从零开始(15楼)-Cocoa... 博文 来自： u013321328的专栏

cocos creator 学习笔记 （三）——节点属性操作篇

05-12 阅读数 2855

我们在上面学了如何访问内部节点属性和外部节点属性——我们将在这里学习可以对这些节点和属性做哪些常用操作1、激活，关闭节点——activethis.node.active=true;  //false。... 博文 来自： weixin_41529962的博客

cocos creator模块简介

05-02 阅读数 1298

项目–>项目设置–>选择将在构建发布时要打包进引擎的模块模块如下：Core必选Canvas必选，画布Sprite必选，精灵Label文本控件Mask遮罩控件CCSpriteDistortion扭曲效果... 博文 来自： hero的专栏

CocosStudio（九）ProgressBar进度条、Slider滑动条

10-28 阅读数 4099

为什么要把ProgressBar和Slider放在一起呢？因为他俩有相似的地方。ProgressBar进度条，游戏开发中用得挺多的，比如英雄血条、玩家的经验条、加载进度条等。Slider滑动条，开发中... 博文 来自： 小飞飞的博客

cocos creator 游戏

10-11
cocos creator 开发的用于学习。
下载

Cocos Creator 基础概念和用法敲录

04-02 阅读数 1158

CocosCreator的特性：组件化脚本化数据驱动模型1.拿到当前脚本组件所依附的节点：this.node;2.拿到当前脚本组件：this3.获取其它节点如取得节点的父节点：this.node.pa...

cocos creator学习9——cc.loader使用

03-21 阅读数 1961

cc.loader 博文 来自： 章鱼仔的博客

cocos creator利用原生平台实现qq登录功能 --安卓篇

05-09 阅读数 953

cocoscreator实现qq登录需要调用安卓原生平台的静态方法：首先在cocoscreator端写好利用发射机制调用java静态方法：//qq登录接口QQLogin:function(){this... 博文 来自： lck8989的博客

cocos creator android studio 实现游戏微信登录功能（官方接入方式）

07-08 阅读数 2053

一：cocoscreator端js调用java代码实现微信登录功能：JS部分 废话不多说直接上代码：wechatLogin:function(){jsb.reflection.callStaticMe... 博文 来自： lck8989的博客

cocos creator学习7——基本组件

03-17 阅读数 1161

基本组件简介 博文 来自： 章鱼仔的博客

cocos creator 6个小游戏合集

06-27
整合了多个小游戏 供大家分享 2048 傻鸟. 消消乐等6个小程序. cocoscreator 实现. 可直接运行 大家互相学习
下载

cocos-creator 开发路程一实现可移动的游戏选择窗口（二）

05-14 阅读数 2252

做的不够好，希望能够好好完善！ 博文 来自： b1033364459的博客

基于cocoscreator开发的棋牌项目

11-11
用cocos creator 开发的棋牌项目，是纯前端的项目，大家可以学习参考
下载

cocos creator热更新(原生平台)

04-19 阅读数 2222

方式一：http://forum.cocos.com/uploads/default/original/3X/9/c/9c60ed0645bc1cb45a158b5effbadf3ee49132d2.... 博文 来自： 赳赳万里鲲

cocos creator 台球小游戏

09-13 阅读数 805

所用平台：cocoscreator所用语言：js游戏的实现点：1.可碰撞物体：以白球、其他球、球袋、球杆、球桌分五类，使用creator内置的操作设置可产生碰撞的节点；添加刚体，以节点形状选择刚体形状... 博文 来自： sinat_40943484的博客

图像缩放双线性插值算法

03-25 阅读数 11700

插值算法对于缩放比例较小的情况是完全可以接受的，令人信服的。一般的，缩小0.5倍以上或放大3.0倍以下，对任何图像都是可以接受的。最邻近插值（近邻取样法）：　　最临近插值的的思想很简单。对于通过反向变...

【小程序】微信小程序开发实践

11-07 阅读数 92652

帐号相关流程注册范围 企业 政府 媒体 其他组织换句话讲就是不让个人开发者注册。 :)填写企业信息不能使用和之前的公众号账户相同的邮箱,也就是说小程序是和微信公众号一个层级的。填写公司机构信息,对公账... 博文 来自： 小雨同学的技术博客

反射获取枚举上的注解

04-22 阅读数 5939

关于反射获取枚举上的信息，javaSE的jdk相关API里面并没有提供方法，直接获取也只能获取到enum类上的注解，上网搜了半天，中文没搜到解决方法结果，感觉太坑爹了，于是记录且分享如下： 一、前言... 博文 来自： 逆风奔跑。。不要去考虑什么天赋异禀，一切都来自经历和渴望。

虚拟机Linux如何使用笔记本电脑的前置摄像头

12-04 阅读数 9296

一、Windows设置1.点击开始->运行，在对话框中输入”services.msc”，回车，打开windows服务管理器。2.在服务列表中选中”VMware USB Arbitration Serv... 博文 来自： fendoubasaonian的专栏

手把手教你整合最优雅SSM框架：SpringMVC + Spring + MyBatis

06-19 阅读数 163506

小疯手把手带你整合SpringMVC+Spring+MyBatis三大框架，俗称SSM，用它完全代替传统的SSH框架，把它们最优雅的一面发挥出来。整合配置结束后，会有一个应用实例“图书管理系统”带给大... 博文 来自： 小疯的代码健身房

POJ 2104 K-th Number【整体二分 + 树状数组】

04-29 阅读数 2088

本来只是想学一下CDQ，还是先把整体二分搞懂一点。这题窝几个月前分别用划分树，树套树，主席树和挑战上介绍的分桶法实现了一发（然而现在都忘得差不多了） 最快的是划分树，其次是主席树，然后是树套树，... 博文 来自： Tuesday

关于SpringBoot bean无法注入的问题（与文件包位置有关）

12-16 阅读数 92093

问题场景描述整个项目通过Maven构建，大致结构如下： 核心Spring框架一个module spring-boot-base service和dao一个module server-core 提供系统... 博文 来自： 开发随笔

java delphi aes 加密与解密文件兼容算法

02-03 阅读数 3034

本文在oracle jdk 1.8, delphi xe3下面测试加密与解密模式都成功通过。 java端加密与解密算法代码 package com.shit; import java.io.By... 博文 来自： 程序员记事本

java 集合(List)元素分组

01-04 阅读数 20644

package list.arraylist; import java.util.ArrayList; import java.util.List; /** * 此类实现了集合按某种规则分组... 博文 来自： Java and Ruby

linux上安装Docker(非常简单的安装方法)

06-29 阅读数 127257

最近比较有空，大四出来实习几个月了，作为实习狗的我，被叫去研究Docker了，汗汗！ Docker的三大核心概念：镜像、容器、仓库 镜像：类似虚拟机的镜像、用俗话说就是安装文件。 容器：类似一个轻量... 博文 来自： 我走小路的博客

Java WEB 分页实现

04-16 阅读数 15997

分页实现的效果：      /**/ 组图0-1.分页实现效果图一       /**/ 组图0-2.分页实现效果图二 一、从效果可以看出内容由两部分组成： 1.学生信息     数据库中插入一些记录... 博文 来自： niaonao

plsql的命令（command）窗口与sql窗口有什么区别20170620

06-21 阅读数 11257

command窗口是命令窗口，即为sqplus窗口，有命令提示符，识别sqlplus命令，基本的命令都可以执行 sql仅可执行DDL、select、DML等... 博文 来自： Ape55的博客

Hive小文件合并

01-31 阅读数 22835

Hive的后端存储是HDFS，它对大文件的处理是非常高效的，如果合理配置文件系统的块大小，NameNode可以支持很大的数据量。但是在数据仓库中，越是上层的表其汇总程度就越高，数据量也就越小。而且这些... 博文 来自： yycdaizi的专栏

配置简单功能强大的excel工具类搞定excel导入导出工具类(一)

09-22 阅读数 29260

对于J2EE项目导入导出Excel是最普通和实用功能,本工具类使用步骤简单,功能强大,只需要对实体类进行简单的注解就能实现导入导出功能,导入导出操作的都是实体对象. 请看一下这个类都有哪些功能:   ... 博文 来自： 李坤 大米时代 第五期

Java中BIO、NIO和AIO的区别和应用场景

04-21 阅读数 3270

最近一直在准备面试，为了使自己的Java水平更上一个档次，拜读了李林峰老师的《Netty权威指南》，了解了Java关于IO的发展和最新的技术，真是受益匪浅，现在把我总结的关于BIO、NIO和AIO的区... 博文 来自： 我的编程世界

python图片处理类之~PIL.Image模块(ios android icon图标自动生成处理)

08-31 阅读数 16436

1.从pyCharm提示下载PIL包  http://www.pythonware.com/products/pil/   2.解压后，进入到目录下 cd /Users/jianan/Dow... 博文 来自： 专注于全栈游戏开发

centos 查看命令源码

11-19 阅读数 23040

# yum install yum-utils 设置源: [base-src] name=CentOS-5.4 - Base src - baseurl=http://vault.ce... 博文 来自： linux/unix

ffmpeg 常用命令汇总

06-15 阅读数 40756

（经常用到ffmpeg 做一些视频数据的处理转换等，用来做测试，今天总结了一下，参考了网上部分朋友的经验，一起在这里汇总了一下，有需要的朋友可以收藏测试一下，有问题欢迎在下面回帖交流，谢谢;by t... 博文 来自： fei的专栏

执行转换时如何让Kettle记录错误并继续执行？——记一种解决方案

05-13 阅读数 14185

如题，近几天在利用Kettle进行数据迁移的工作（也就是把数据全量导入到新数据库中，其中有些字段有些许调整），在写好脚本并执行后发现一个很严重的问题——每次脚本在执行到某个位置的时候就会意外停止，如下... 博文 来自： Amour

强连通分量及缩点tarjan算法解析

11-16 阅读数 287035

强连通分量： 简言之 就是找环（每条边只走一次，两两可达） 孤立的一个点也是一个连通分量   使用tarjan算法 在嵌套的多个环中优先得到最大环( 最小环就是每个孤立点）   定义： int Ti... 博文 来自： 九野的博客

Java设计模式学习08——组合模式

11-02 阅读数 5622

一、组合模式适用场景把部分和整体的关系用树形结构来表示，从而使客户端可以使用统一的方式对部分对象和整体对象进行管理。二、组合模式结构 抽象构件(Conponent)角色：所有类的共有接口，定义了叶子和... 博文 来自： 小小本科生成长之路

windows环境下安装配置dlib（上）

01-29 阅读数 13100

最近一个project要用到人脸检测（face detection），发现一个叫dlib的toolkit很好用，detect的灵敏度和marker点的准确度都比较高。 dlib在Ubuntu上安装编译... 博文 来自： Tina_ZHOU3的博客

机器学习总结（一）：常见的损失函数

03-30 阅读数 30799

这是博主的第一篇博客，mark一下，希望今后能够坚持下去。博主是机器学习菜鸟，将来希望从事机器学习的工作，最近在整理机器学习的知识点，将这些总结的文字以博客的形式展现出来，一是便于复习，二是分享出来希... 博文 来自： 以梦为马，不负韶华

Cocos Cocos视频教程 Cocos培训 Cocos学习 Cocos视频教程
android api cocos creator level c++实现五子棋游戏 c++ 界面方案 跨平台 cocos 竖屏模式android cocos lua调用c++ 人工智能课程建设方案 区块链培训课程方案

没有更多推荐了，返回首页
注册