js--节点的属性和动作
哎刚学完cocos2d引擎,又迎来了js(javascript),没办法,js--节点的属性和动作和coocs还是有点区别的,上网查了些资料,那就顺别总结一下吧······ 哈哈
var sprite=new cc.Sprite(res.Sprite_png);//首先创建一个精灵
this.addChild(sprite);//添加精灵到当前图层
以下就是和cocos的不同
sprite.attr({ //举例精灵的属性
x:100, //坐标
y:100,
anchorX:0.5,//锚点
anchorY:0.5,
opacity:255 //透明度
scale : 0.5; //缩放比例
scaleX : 0.5; //宽度缩放
rotation:180,//旋转180度
color(134,232,110);//设置node的颜色
});
那么接下来该运动了,让他们活动起来吧
sprite.runAction(
cc.tintTo(2, 0, 0, 0),//颜色渐变
cc.rotateTo(2,0),//旋转
new cc.MoveBy(3,400,100),//相对移动
new cc.MoveTo(1, cc.p(400, 200)),//移动到
new cc.ScaleTo(1, 2),//放大到
new cc.FadeTo(1, 200),//透明度
new cc.FadeOut(1, 1),
);
cc.sequence();//按顺序执行
cc.spawn();//同时执行
cc.repeatForever();//无限循环
还有一些更有趣的:
//bezierto,抛物线
var bezier = [cc.p(200, 200), cc.p(400, 500), cc.p(600, 200)];
var bezierto = new cc.BezierTo(2, bezier);
//sprite1.runAction(bezierto);
//rotateto,旋转
var rotateto = new cc.RotateTo(2, 90);
//sprite1.runAction(rotateto);
//rotateby
var rotateby = new cc.RotateBy(2, 360).repeatForever();
//sprite1.runAction(rotateby);
//sprite1.runAction(cc.spawn(bezierto, rotateby));
//fllow,跟随节点
var childNode = new cc.Sprite(res.CloseNormal_png);
childNode.scale = 1;
// childNode.attr({
// x:100,
// y:100
// });
//this.addChild(childNode, 2);
//var followAction = new cc.Follow(sprite1);
//childNode.runAction(followAction);
//childNode.runAction(cc.follow(sprite1, cc.rect(0, 0, 100, 100)));
//blink闪烁
var blink = new cc.Blink(10, 100);
sprite1.runAction(blink);
setTimeout(function(){
blink.stop();//3秒后停止闪烁
}, 3000);//3000在js中是毫秒