本文目錄一覽:
cocos js 怎樣做出按鈕選中效果
cocos js 做出按鈕選中效果示例:
一,首先使用cocos新建一個Cocos2d-js的新項目,然後再cocostudio中創建一個場景,在場景中添加三個按鈕分別設置三態的圖片
二,打開編輯器,實現代碼如下:
var HelloWorldLayer = cc.Layer.extend({
ctor:function () {
this._super();
//導入cocostudio中拼好的界面
mainscene = ccs.load(res.MainScene_json).node;
this.addChild(mainscene);
this.teamButton = ccui.helper.seekWidgetByName(mainscene,”Button_0″);
var btn2 = ccui.helper.seekWidgetByName(mainscene,”Button_1″);
var btn3 = ccui.helper.seekWidgetByName(mainscene,”Button_2″);
//先默認設置一個按鈕為選中狀態 this.teamButton.setBrightStyle(ccui.Widget.BRIGHT_STYLE_HIGH_LIGHT);
this.teamButton.setEnabled(false);
var teamInfo = this.teamButton;
this.teamButton.addTouchEventListener(this.selectedBtn1,this);
btn2.addTouchEventListener(this.selectedBtn2,this);
btn3.addTouchEventListener(this.selectedBtn3,this);
return true;
},
selectedBtn1: function (sender, type) {
if(type == ccui.Widget.TOUCH_ENDED){
this.callBack(sender);
cc.log(“==========商店界面”);
}
},
selectedBtn2: function (sender, type) {
if(type == ccui.Widget.TOUCH_ENDED){
this.callBack(sender);
cc.log(“==========卡牌界面”);
}
},
selectedBtn3: function (sender, type) {
if(type == ccui.Widget.TOUCH_ENDED){
this.callBack(sender);
cc.log(“==========戰鬥界面”);
}
},
callBack: function (sender) {
if (this.teamButton == sender){
return;
}else{
this.teamButton.setBrightStyle(ccui.Widget.BRIGHT_STYLE_NORMAL);
this.teamButton.setEnabled(true);
sender.setBrightStyle(ccui.Widget.BRIGHT_STYLE_HIGH_LIGHT);
sender.setEnabled(false);
this.teamButton = sender;
}
},
});
var HelloWorldScene = cc.Scene.extend({
onEnter:function () {
this._super();
var layer = new HelloWorldLayer();
this.addChild(layer);
}
});
三,運行就可以查看界面,點擊不同的按鈕顯示不同的輸出結果
[Log] ==========商店界面 (CCDebugger.js, line 331)
[Log] ==========卡牌界面 (CCDebugger.js, line 331)
[Log] ==========戰鬥界面 (CCDebugger.js, line 331)
cocos2d-js 3.0怎麼混淆js代碼
運行、測試遊戲1. 新建一個名為 CocosJSGame 的 Cocos JavaScript 工程2. 點擊工具欄上的 debug 按鈕3. 默認情況下腳本會運行在我們提供的 mac 版本預編譯 runtime 上。為了簡單起見,我們不對默認值進行任何改動。如果你想要在其他我們支持的目
COCOS創建的js,在VSCODE中編輯問題?
要先用cocos編輯器執行安裝cocos的提示,安裝好了裏面會生成cocos.d.ts的文件,就會有提示了。
安裝 Cocos Creator API 適配插件
原創文章,作者:ITQO,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/137497.html