JavaScript强化教程 -- cocosjs场景切换
2016-08-24 16:09
369 查看
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 ——
cocosjs场景切换
点击进入JS强化教程
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强化教程
相关文章推荐
- JavaScript强化教程 -- cocosjs场景切换
- JavaScript强化教程 -- cocosjs场景切换
- JavaScript强化教程 -- cocosjs场景切换
- JavaScript强化教程 -- cocosjs场景切换
- JavaScript强化教程——cocosjs屏幕适配方案
- JavaScript强化教程——cocosjs屏幕适配方案
- JavaScript强化教程——cocosjs屏幕适配方案
- JavaScript强化教程——cocosjs屏幕适配方案
- JavaScript强化教程——cocosjs屏幕适配方案
- JavaScript强化教程 —— Cocos2d-JS的屏幕适配方案
- JavaScript强化教程——Cocos2d-JS中JavaScript继承
- JavaScript强化教程-JS面向对象编程 ...
- JavaScript强化教程——Cocos2d-JS中JavaScript继承
- JavaScript强化教程 —— Cocos2d-JS的屏幕适配方案
- JavaScript强化教程——Native.js示例汇总
- JavaScript强化教程——Native.js示例汇总
- JavaScript强化教程——Cocos2d-JS中JavaScript继承
- JavaScript强化教程——Native.js示例汇总
- JavaScript强化教程-JS面向对象编程
- JavaScript强化教程——Native.js示例汇总