js--节点的属性和动作

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)，

new cc.FadeIn(3, 255);

);

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中是毫秒