Now Use Cocos2dx Like JQuery way :)
现在你可以用使用 jquery来方式来操作 cocos2dx~
###Demo看这里: http://wshxbqq.sinaapp.com/static/cocosjq/html5/index.html
release/cocos.jquery.min.js 到你的项目即可
##如何使用:
cocos-jquery 的 选择器分为三种
######一种是 name 选择器 使用 #开头
######一种是 tag选择器 使用 .开头
######一种是 class选择器 开头没有特殊字符 注意,在class选择器目前只能在H5环境下使用
####举例:
注:这里是支持正则的
$("#Panel_Color #Button\w+");
$("#Panel_Color #Button.*");
//下面该选择器表示查找 nodeName 等于Panel_Color 的元素的里面的nodeName等于Button_1的元素
$("#Panel_Color #Button_1");
//可以使用正则
$("#Panel_Color #Button_[0-9]");
//或者也可以这样.
$("#Panel_Color").find("#Button_1");
$("#Panel_Color").eq(0);
$("#Panel_Color").first();
$("#Panel_Color").last();
//下面该选择器表示查找tag为112的元素
$(".112");
//下面该选择器表示查找 nodeName 等于Panel_Color 的元素的里面的所有的Sprite (此种选择器只支持H5环境)
$("#Panel_Color Sprite");//一般事件绑定, `touchstart touchend touchmove`
$("#Button_Event").bind("touchstart", function (item) {
console.log("touchstart triggered");
}).bind("touchend", function (item) {
console.log("touchend triggered");
});
//使用 promise 方式
$("#Button_Event").click(function(){
console.log("click");
});
$("#Button_Event").touchend(function(){
console.log("click");
});####这里其实是是对cc.loader.getXMLHttpRequest 的封装,所以在jsb下一样可以发出请求.
$.get("index.html", function (data) {
console.log(data);
});
$.post("index.html", function (data) {
console.log(data);
});####目前暂 仅支持 {x,y}的平移动画 以后会扩充
var button = $("#Panel_Color #Button_Animate");
var raw = button[0].getPosition();
button.animate({ x: 0, y: 0 }, 2, function () {
button.animate({ x: raw.x, y: raw.y }, 2, function () {
});
});var buttons = $("#Panel_Color #Button_.*");
//反射call ,其实等于 buttons 中每一个元素 都执行btn.setColor(args)
buttons.call("setColor", cc.color(255 * Math.random(), 255 * Math.random(), 255 * Math.random()));
buttons.each(function (n, i) {
cc.log(i);
});比如:
.animate1{
x:150,
y:200,
repet:3;
action:moveBy(1,cc.p(100,100))+rotateBy(1,50),moveBy(1,cc.p(-100,-100))+rotateBy(1,-50);
}就定义了一个类似css class的状态, 举例来讲 $("#node").addClass("animate1"); 效果近似为下述代码:
node.x=150;
node.y=200;
var a1 = cc.moveBy(1, cc.p(100, 100));
var a2 = cc.rotateBy(1, 50);
var sp = cc.spawn(a1, a2);
var a3 = cc.moveBy(1, cc.p(-100, -100));
var a4 = cc.rotateBy(1, -50);
var sp1 = cc.spawn(a3, a4);
var seq = cc.sequence(sp,sp1);
node.runAction(seq)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent