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

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

1.普通创建

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

2.设置中点

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

或者:

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

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

sprite.setPosition(x,y);

或者

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

4.缩放

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

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

5.图片翻转

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

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

6.设置透明

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

7.颜色过滤效果

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

8.获取图片Box信息

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

9.读取图片的某一片段

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

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

或者:

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

10.更换图片资源

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

或:

// 很麻烦的说~

var texture = newcc.Texture2D();

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

texture.handleLoadedTexture();

sprite.setTexture(texture);

或:

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

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

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

sprite.setTexture(texture);

// 后边可不要~

var size = texture.getContentSize();

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

11.重设zIndex

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

原文链接:https://www.f2er.com/cocos2dx/345790.html

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