《cocos2d-js教学课件》1cocos2d-j.pptx
《《cocos2d-js教学课件》1cocos2d-j.pptx》由会员分享,可在线阅读,更多相关《《cocos2d-js教学课件》1cocos2d-j.pptx(26页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
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:商务邮箱:触控开发者平台: 谢谢!
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- cocos2d-js教学课件 cocos2d js 教学 课件
限制150内