吾知网

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 6861|回复: 0
打印 上一主题 下一主题

cocos2dx plist中属性详细含义

[复制链接]
跳转到指定楼层
楼主
发表于 2018-9-11 14:55:38 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

plist文件直接用文本方式(txt)或者notepad打开。

1.如下图所示为plist文件中一个图像的数据。

[cpp] view plain copy




  • <dict>  
  •     <key>frame</key>  
  •     <string>{{2,2},{182,148}}</string>  
  •     <key>offset</key>  
  •     <string>{3,-11}</string>  
  •     <key>rotated</key>  
  •     <false/>  
  •     <key>sourceColorRect</key>  
  •     <string>{{12,37},{182,148}}</string>  
  •     <key>sourceSize</key>  
  •     <string>{200,200}</string>  
  • </dict>  

2.对应含义,从后向前说,下图为图片的原图图像,也可以说是加载到cocos2dx中的sprite大小

我们知道png图像有透明区域和非透明区域(此处称为图像区域)。

source :原图片长宽像素(包括透明区域和图像区域)或称为sprite的大小, {200, 200}->{width, height}

sourceColorRect:图像区域(非透明区域)的位置和大小,

                             {{12,37},{182,148}}->{{图像左上点x坐标,图像左上点y坐标},{图像区域宽,图像区高}},

                             此处坐标系为 x向右为正, y坐标向下为正

rotate:图像区域合成到plist中后,是否顺时针旋转90度

offset:图像区域中心点与整体区域中心点的偏移量,{3, -11} 计算过程如下:

            此处坐标系为x向右为正,y坐标向上为正

            1.图像区域中心坐标为 x1 = 12 + 182/2 = 103 , y1 = 200 - 37 - 148/2 = 89

            2.整体区域中心坐标为 x2 = 200/2 =100, y2 = 200/2 =100

            3.偏移量 Δx = 103 -100 = 3, Δy = 89 - 100 = -11

frame: 为透明区域在plist(合成图片)中的位置 和大小,

            {{2,2},{182,148}}->{{透明区域在合成plist中左上点的x坐标, y坐标}, {透明区域的width, height}}


之所以这样存储是为了在合成plist图片时去掉透明部分节省空间,source能在使用图片时确定sprte大小,而offerset能在使用plist时能够正确定位透明区域的位置。


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|吾知网 ( 粤ICP备13013563号-1 )

GMT+8, 2024-11-22 04:58 , Processed in 1.093743 second(s), 8 queries , Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表