码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript强化教程 -- cocosjs场景切换

时间:2016-08-23 17:05:01      阅读:166      评论:0      收藏:0      [点我收藏+]

标签: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等等。

注意:转场动画需要小心浏览器的兼容性。比如翻页效果就在浏览器上不支持

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— cocosjs场景切换
 

JavaScript强化教程 -- cocosjs场景切换

标签:javascript强化教程 —— cocosjs场景切换

原文地址:http://11952703.blog.51cto.com/11942703/1841514

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!