Cocos2d-js 学习(二): cc.Sprite 简单API记录

前端之家收集整理的这篇文章主要介绍了Cocos2d-js 学习(二): cc.Sprite 简单API记录前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.普通创建@H_404_3@

var sprite = new cc.Sprite(“从loader加载的资源名称”);@H_404_3@

@H_404_3@

2.设置中点@H_404_3@

sprite. setAnchorPoint(0~1,0~1); // x、y的坐标@H_404_3@

或者:@H_404_3@

sprite.setAnchorPoint(cc.p(x,y)); // 同上@H_404_3@

@H_404_3@

3.x/y坐标(图片中点的坐标)@H_404_3@

sprite.setPosition(x,y);@H_404_3@

或者@H_404_3@

sprite.setPosition(cc.p(x,y));@H_404_3@

@H_404_3@

4.缩放@H_404_3@

sprite. setScale(0.5); // 变为原本的0.5@H_404_3@

@H_404_3@

sprite.setScale(0.5,1); // x轴缩小到0.5,y轴保持不变@H_404_3@

@H_404_3@

5.图片翻转@H_404_3@

sprite.flippedX = true; // X轴翻转@H_404_3@

sprite.flippedY = true; // Y轴翻转@H_404_3@

@H_404_3@

6.设置透明@H_404_3@

sprite.setOpacity (175); // 透明度 0 ~255,0是全透明@H_404_3@

@H_404_3@

7.颜色过滤效果@H_404_3@

sprite.setColor(cc.color(0,255,255)); // 蓝色过滤效果@H_404_3@

@H_404_3@

8.获取图片Box信息@H_404_3@

var Box = sprite.getBoundingBox(); // 包含x/y/width/height@H_404_3@

@H_404_3@

9.读取图片的某一片段@H_404_3@

sprite.setTextureRect(cc.rect(x,y,width,height));//cc.rect的起点在左下角@H_404_3@

// 图片(x,y)点开始,截取widthheight部分显示@H_404_3@

或者:@H_404_3@

varsprite = new cc.Sprite(“res.png”,cc.rect(x,w,h)); // 解析同上@H_404_3@

@H_404_3@

@H_404_3@

10.更换图片资源@H_404_3@

Sprite.setTexture(“更换的图片名称”); // 注意,如果设置过textureRect,可能因为图片坐标、大小变化,而看不见新的图片@H_404_3@

或:@H_404_3@

// 很麻烦的说~@H_404_3@

var texture = newcc.Texture2D();@H_404_3@

texture.initWithElement(img);//img 是cc.loader.loadImg的 img@H_404_3@

texture.handleLoadedTexture();@H_404_3@

sprite.setTexture(texture);@H_404_3@

或:@H_404_3@

// 在setTexure的源码里,有这么一种写法@H_404_3@

// 就是不知道addImage的图片,是不是一定要先经过cc.loader的了~@H_404_3@

var texture = cc.textureCache.addImage(“图片名称”);@H_404_3@

sprite.setTexture(texture);@H_404_3@

// 后边可不要~@H_404_3@

var size = texture.getContentSize();@H_404_3@

sprite.setTextureRect(cc.rect(0,size.width,size.height));@H_404_3@

@H_404_3@

11.重设zIndex@H_404_3@

parent. reorderChild(sprite,zIndex); // 找到父亲,重新设置zIndex@H_404_3@

猜你在找的Cocos2d-x相关文章