《cocos2d-js教學(xué)》1cocos2d-j

1、Cocos2d-JS 精靈Sprite鮑健運(yùn) Cocos引擎技術(shù)布道師，觸控教育什么是精靈？什么是精靈？ 2D圖像 角度、位置、尺寸、顏色 運(yùn)動 或 變換創(chuàng)建精靈創(chuàng)建精靈 PNG，JPEG，TIFF，etc. Sprite創(chuàng)建精靈 創(chuàng)建一個精靈 使用指定圖片創(chuàng)建一個Sprite：創(chuàng)建精靈 創(chuàng)建一個精靈 使用矩形創(chuàng)建一個Sprite：Rect Rect：origin x, origin y, width，height創(chuàng)建精靈 創(chuàng)建一個精靈 使用矩形創(chuàng)建一個Sprite：Rect 無特定Rect 自動指定整張圖片的長和寬使用Sprite Sheet創(chuàng)建一個精靈Sprite Sheet創(chuàng)建精靈G內(nèi)存

2、使用文件大小加載時間性能Sprite Sheet創(chuàng)建精靈 使用Sprite Sheet時 加載到SpriteFrameCache SpriteFrameCache：SpriteFrame緩存類 包含圖像名和特定Sprite尺寸（Rect） SpriteFrameCache避免多次加載SpriteFrame Sprite Sheet創(chuàng)建精靈 Sprite Sheet 示例 Sprite Sheet創(chuàng)建精靈 加載一個Sprite Sheet 從SpriteFrame中創(chuàng)建一個精靈 Sprite Sheet創(chuàng)建精靈 創(chuàng)建Sprite Sheet方法 “合圖”功能Texture PackerZwopt

3、ex錨點(diǎn)和位置錨點(diǎn)和位置 錨點(diǎn)Anchor 影響： Position Scale Rotation Skew 不影響： Color Opacity 默認(rèn)左下角坐標(biāo)系統(tǒng)，默認(rèn)（）錨點(diǎn)和位置 設(shè)置錨點(diǎn)：錨點(diǎn)和位置 受錨點(diǎn)影響的精靈屬性： 位置Position 角度Rotation 縮放Scale 傾斜Skew錨點(diǎn)和位置 位置Position setPosition()語句設(shè)置位置錨點(diǎn)和位置 角度Rotation： 角度增加，順時針旋轉(zhuǎn)；角度減小，逆時針旋轉(zhuǎn) 默認(rèn)為0錨點(diǎn)和位置 縮放Scale： X、Y默認(rèn)值為錨點(diǎn)和位置 傾斜Skew： X、Y默認(rèn)值為錨點(diǎn)和位置 不受錨點(diǎn)影響的精靈屬性：（表面特征） 顏色Color 透明度Opacity錨點(diǎn)和位置 顏色Color： RGB顏色值即0-255之間的值錨點(diǎn)和位置 透明度Opacity： 取