本文目录一览：
cocos js 怎么创建一个文本输入框
1.新建工程。
2.复制下面代码到工程里面去。
var textField = new cc.TextFieldTTF(“click here for input”,
TEXT_INPUT_FONT_NAME,
TEXT_INPUT_FONT_SIZE);
this.addChild(textField);
textField.x = winSize.width / 2;
textField.y = winSize.height / 2;
TEXT_INPUT_FONT_NAME –字体
TEXT_INPUT_FONT_SIZE —字体
3.测试运行，OK。
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)
想学cocoscreator，请教学习路线，先要学cocos2d-js吗
不用学习cocos2d-js，直接学习creator的开发模式就可以了，因为现在官方主推也是creator，但是前提是需要会js。
js基础会了以后，然后看官方文档知道ide如何使用、编写脚本，后面就是看官方demo熟悉api，自己根据想做的游戏尝试做一些demo了。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/296166.html
微信扫一扫 
支付宝扫一扫 