Cocos2d-JS中的Sprite精靈類

精靈類是cc.Sprite，它的類圖以下圖所示。cc.Sprite類直接繼承了cc.Node類，具備cc.Node基本特徵。

建立Sprite精靈對象

建立精靈對象能夠使用構造函數實現，它們接受相同的參數，這些參數很是靈活。概括起來建立精靈對象有4種主要的方式：
1. 根據圖片資源路徑建立

[html] view plaincopy

1. //圖片資源路徑  

2. var sp1 = new cc.Sprite("res/background.png");    

3. //圖片資源路徑和裁剪的矩形區域  

4. var sp2 = new cc.Sprite("res/tree.png",cc.rect(604, 38, 302, 295))    

2. 根據精靈表（紋理圖集）中的精靈幀名建立 

[html] view plaincopy

1. //圖片資源路徑  

2. var sp1 = new cc.Sprite("res/background.png");    

3. //圖片資源路徑和裁剪的矩形區域  

4. var sp2 = new cc.Sprite("res/tree.png",cc.rect(604, 38, 302, 295))    

因爲這種方式與圖片資源路徑建立它們的參數都是一個字符串，那麼爲了區分是精靈幀名仍是圖片資源路徑，在精靈幀名前面加上井號（#）表示。


3. 根據精靈幀建立 
咱們能夠經過精靈幀緩存中得到精靈幀對象，再從精靈幀對象中得到精靈對象。

[html] view plaincopy

1. //精靈幀緩存  

2. var spriteFrame = cc.spriteFrameCache.getSpriteFrame("background.png");  

3. var sprite = new cc.Sprite(spriteFrame);  

4. 根據紋理建立精靈
//建立紋理對象

[html] view plaincopy

1. var texture = cc.textureCache.addImage("background.png");  

2. //指定紋理建立精靈  

3. var sp1 = new cc.Sprite(texture);  

4. //指定紋理和裁剪的矩形區域來建立精靈  

5. var sp2 = new cc.Sprite(texture, cc.rect(0,0,480,320));  

更多內容請關注最新Cocos圖書《Cocos2d-x實戰：JS卷——Cocos2d-JS開發》

本書交流討論網站：http://www.cocoagame.net

歡迎加入Cocos2d-x技術討論羣：257760386

更多精彩視頻課程請關注智捷課堂Cocos課程：http://v.51work6.com

智捷課堂現推出Cocos會員，敬請關注：http://v.51work6.com/courseInfoRedirect.do?action=netDetialInfo&courseId=844465&categoryId=0

《Cocos2d-x實戰 JS卷》現已上線，各大商店均已開售：

京東：http://item.jd.com/11659698.html

歡迎關注智捷iOS課堂微信公共平臺，瞭解最新技術文章、圖書、教程信息