大佬教程收集整理的这篇文章主要介绍了Cocos2d-JS中的精灵菜单和图片菜单,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
ctor(normalSprite,//菜单项正常显示时候的精灵 SELEctedSprite,//选择菜单项时候的精灵 callBACk,//菜单操作的回调函数指针 target )使用cc.MenuItemSprite比较麻烦,在创建cc.MenuItemSprite之前要先创建三种不同状态所需要的精灵(即normalSprite、SELEctedSprite和disabledSprite)。cc.MenuItemSprite还有一些其它的构造函数,在这些函数中可以省略disabledSprite参数。
ctor(normalImage,//菜单项正常显示时候的图片 SELEctedImage,//选择菜单项时候的图片 callBACk,//菜单操作的回调函数指针 target )cc.MenuItemImage还有一些构造函数,在这些函数中可以省略disabledImage参数。
var HelloWorldLayer = cc.Layer.extend({ ctor:function () { this._super(); var size = cc.director.getWinSize(); var bg = new cc.Sprite(res.BACkground_png); bg.x = size.width/2; bg.y = size.height/2; this.addChild(bg); // 开始精灵 var startSpriteNormal = new cc.Sprite(res.start_up_png); ① var startSpriteSELEcted = new cc.Sprite(res.start_down_png); ② var startMenuItem = new cc.MenuItemSprite( startSpriteNormal,startSpriteSELEcted,this.menuItemStartCallBACk,this); ③ startMenuItem.x = 700; ④ startMenuItem.y = size.height - 170; ⑤ // 设置图片菜单 var setTingMenuItem = new cc.MenuItemImage( res.setTing_up_png,res.setTing_down_png,this.menuItemSetTingCallBACk,this); ⑥ setTingMenuItem.x = 480; setTingMenuItem.y = size.height - 400; // 帮助图片菜单 var HelpMenuItem = new cc.MenuItemImage( res.Help_up_png,res.Help_down_png,this.menuItemHelpCallBACk,this); ⑦ HelpMenuItem.x = 860; HelpMenuItem.y = size.height - 480; var mu = new cc.Menu(startMenuItem,setTingMenuItem,HelpMenuItem); ⑧ mu.x = 0; mu.y = 0; this.addChild(mu); },menuItemStartCallBACk:function (sender) { cc.log("menuItemStartCallBACk!"); },menuItemSetTingCallBACk:function (sender) { cc.log("menuItemSetTingCallBACk!"); },menuItemHelpCallBACk:function (sender) { cc.log("menuItemHelpCallBACk!"); } });在上面的代码中第①~②行是创建两种不同状态的精灵,第③行代码是创建精灵菜单项cc.MenuItemSprite对象,第④~⑤行代码是设置开始菜单项(startMenuItem)位置,注意这个坐标是(700,170),由于(700,170)的坐标是UI坐标,需要转换为OpenGL坐标,这个转换过程就是startMenuItem.y = size.height - 170。
cc.game.onStart = function(){ cc.view.setDesignResolutionSize(1136,640,cc.ResolutionPolicy.EXACT_FIT); ① cc.view.resizeWithBrowserSize(true); //load resources cc.LoaderScene.preload(g_resources,function () { cc.director.runScene(new HelloWorldScene()); },this); }; cc.game.run();
我们需要在第①行中修改屏幕大小代码。
《Cocos2d-x实战 JS卷》现已上线,各大商店均已开售:
京东:http://item.
以上是大佬教程为你收集整理的Cocos2d-JS中的精灵菜单和图片菜单全部内容,希望文章能够帮你解决Cocos2d-JS中的精灵菜单和图片菜单所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。