《《cocos2d-js教学课件》1cocos2d-j.pptx》由会员分享，可在线阅读，更多相关《《cocos2d-js教学课件》1cocos2d-j.pptx（26页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、Cocos2d-JS 精灵Sprite鲍健运 Cocos引擎技术布道师，触控教育什么是精灵？什么是精灵？2D图像角度、位置、尺寸、颜色 运动 或 变换创建精灵创建精灵PNG，JPEG，TIFF，etc.Sprite创建精灵创建一个精灵使用指定图片创建一个Sprite：创建精灵创建一个精灵使用矩形创建一个Sprite：RectRect：origin x,origin y,width，height创建精灵创建一个精灵使用矩形创建一个Sprite：Rect无特定Rect 自动指定整张图片的长和宽使用Sprite Sheet创建一个精灵Sprite Sheet创建精灵G内存使用文件大小加载时间性能Sp
2、rite Sheet创建精灵使用Sprite Sheet时加载到SpriteFrameCacheSpriteFrameCache：SpriteFrame缓存类 包含图像名和特定Sprite尺寸（Rect）SpriteFrameCache避免多次加载SpriteFrame Sprite Sheet创建精灵Sprite Sheet 示例 Sprite Sheet创建精灵加载一个Sprite Sheet从SpriteFrame中创建一个精灵 Sprite Sheet创建精灵创建Sprite Sheet方法 “合图”功能Texture PackerZwoptex锚点和位置锚点和位置锚点Anchor影响
3、：Position Scale Rotation Skew不影响：Color Opacity默认左下角坐标系统，默认（0.5,0.5）锚点和位置设置锚点：锚点和位置受锚点影响的精灵属性：位置Position角度Rotation缩放Scale倾斜Skew锚点和位置位置PositionsetPosition()语句设置位置锚点和位置角度Rotation：角度增加，顺时针旋转；角度减小，逆时针旋转默认为0锚点和位置缩放Scale：X、Y默认值为1.0锚点和位置倾斜Skew：X、Y默认值为1.0锚点和位置不受锚点影响的精灵属性：（表面特征）颜色Color透明度Opacity锚点和位置颜色Color：RGB颜色值即0-255之间的值锚点和位置透明度Opacity：取值范围（0255），默认值为255（不透明）Contact us:商务邮箱：触控开发者平台： 谢谢！