您的位置:首页 > 移动开发 > Cocos引擎

Cocos2d-JS Sprite精灵类

2016-04-12 14:30 573 查看
Sprite精灵类
精灵类是cc.Sprite。cc.Sprite类间接继承了cc.Node类,具有cc.Node的基本特征。
1.创建Sprite精灵对象
有4种方式。
a.根据图片资源路径创建
var sp1=new cc.Sprite(“res/background.png”);
//图片资源路径和裁剪的矩形区域
var sp2=new cc.Sprite(“res/tree.png”,cc.rect(604,38,302,295))
2.根据精灵表(纹理图集)中的精灵帧名创建
//精灵帧名
var sp=new cc.Sprite(“#background.png”);
由于这种方式与图片资源路径创建它们的参数都是一个字符串,为了区分是精灵帧名还是图片资源路径,在精灵帧名前面加上#号表示
3.根据精灵帧创建
可以通过精灵帧缓存获得精灵,再从精灵帧对象中获得精灵对象。
//精灵帧缓存
var spriteFrame=cc.spriteFrameCache.getSpriteFrame(“background”);
var sprite=new cc.Sprite(spriteFrame)
4.根据纹理创建精灵
//创建纹理对象
var texture=cc.textureCache.addImage(“background.png”);
//指定纹理创建精灵
var sp1=new cc.Sprite(texture)
//指定纹理和裁剪的矩形区域来创建精灵
var sp2=new cc.Sprite(texture,cc.rect(0,0,480,320))



上述代码中,第8行通过图片创建精灵,变量res.HelloWorld_png是图片的完整路径,他是在resource.js文件中定义的,它代表的图片是HelloWorld.png,第13行代码是通过tree.png图片,和矩形裁剪区域创建精灵,矩形裁剪区域为(604,38,302,295)
第18行代码把tree1.png图片添加到纹理缓存中,第4行代码通过制定纹理和裁剪的矩形区域来创建精灵。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息