04、精灵

来源:互联网 发布:医院等级评审软件 编辑:程序博客网 时间:2024/05/01 14:50

精灵的创建方式

第一种:

最常见的方式,用于加载单个独立的纹理图片。

比如,有一个静态的英雄图片 :


那我们可以使用:

var s = new cc.Sprite('sprite.png');

第二种:

使用截图的形式,用于在一块大图中,截取一块小图。

比如有一组英雄的序列图 :


如果我们需要绘制第一帧, 则 :

var s = new cc.Sprite('sprites.png', cc.rect(0,0,48,79));
cc.rect的四个参数代表绘制的一个矩形区域。


精灵常用的属性以及方法(以下函数并不是指cc.Sprite特有的)

方法 :

setTag //设置一个taggetChildByTag //根据tag获取一个精灵setAnchorPoint//设置锚点getAnchorPoint //获取精灵的锚点,返回cc.Point对象(cc.Point对象包括2个值, x和y)getBoundingBox //获取包住精灵的一个矩形,该矩形的大小等于精灵的大小。多数用于碰撞检测setName //给精灵起个名字getName //获取精灵的名字getChildByName //根据name获取一个精灵removeAllChildren(cleanup)//删除所有子节点,cleanup代表清除节点的动作及回调函数removeChild(child, cleanup) //删除节点,child为要删除的节点removeChildByTag(tag, cleanup) //根据tag删除节点setColor //设置精灵的颜色,如 :setColor(cc.color(255,0,0));attr//一次性设置多个属性。如 :attr({x : 400, y : 400, scale :0.5});setCascadeOpacityEnabled //设置联级不透明度。比如一个元素设置了透明度为128,那它的子元素是否会受其父元素的影响。默认值为falsesetTextureRect //设置图片的可视区域。 如 :setTextureRect(cc.rect(0,0,200,200));

属性:

x //精灵的x坐标y //精灵的y坐标parent //获取父节点children //获取所有子节点,返回的是一个数组。改数组包含当前父节点下所有的子节点childrenCount//获取子节点数组的长度rotation //旋转精灵rotationX //只对x轴进行旋转rotationY //只对y轴进行旋转scale //缩放,小于1为缩小、1为不缩放、大于1为放大scaleX //只对x轴进行缩放scaleY //只对y轴进行缩放skewX //x轴倾斜skewY //y轴倾斜visible //设置精灵是否可见, true为可见,false为不可见zIndex //z轴大小,决定精灵的遮挡关系opacity//设置透明度,取值范围0~255flippedX//水平翻转图像 (使用initWithSpriteFrame播放动画时,必须先initWithSpriteFrame后在翻转才有效果)flippedY//垂直翻转图像 (使用initWithSpriteFrame播放动画时,必须先initWithSpriteFrame后在翻转才有效果)


0 0
原创粉丝点击