JavaScript強化教程 -- cocosjs場景切換

本文爲 H5EDU 機構官方 HTML5培訓 教程，主要介紹：JavaScript強化教程 —— cocosjs場景切換
 

場景切換

在main.js,將StartScene作爲我們初始化運行的場景，代碼如下：

    cc.LoaderScene.preload(g_resources, function () {
        cc.director.runScene(new PlayScene());
    }, this);
在StartScene的開始菜單按鈕的響應函數中加入場景切換代碼。點擊開始按鈕切換場景進入到我們的PlayScene。代碼如下：

    var startItem = new cc.MenuItemImage(
            res.Start_N_png,
            res.Start_S_png,
            function () {
                cc.log("Menu is clicked!");
                cc.director.replaceScene( cc.TransitionPageTurn(1, new PlayScene(), false) );
            }, this);
cc.director用來獲取導演單例實體，cc.TransitionPageTurn創建了一個翻頁效果的場景切換動畫，當然你也可以不使用轉場動畫。直接傳入new SecondScene()。

Cocos2d-JS中場景之間通過TransitionScene系列類來實現過渡跳轉的效果。TransitionScene繼承於Scene，該系列類主要是與場景切換特效相關的一些使用類。如TransitionFadeDown、TransitionPageTurn、TransitionJumpZoom等等。

注意：轉場動畫需要小心瀏覽器的兼容性。比如翻頁效果就在瀏覽器上不支持

點擊進入JS強化教程