Cocos2d-JS项目之三:使用合图
来源:互联网 发布:天津会员卡软件 编辑:程序博客网 时间:2024/04/28 01:10
studio里使用合图感觉和spriteBatchNode差不多,但有不同,合图只起到在加载资源时减少IO的作用,起不到批渲染的作用。其实想想,studio本来就是用来拼UI界面的,一个上点规模的UI界面里都有N个层、layout、各种widget,树状关系,不在一个层里,是没办法批渲染的。
1、把资源图片加到studio里,新建一个合图文件,然后把需要合并的小图拖到合图文件里。在studio项目里,被拖到合图文件里的小图的左上角会有个黄点。
2、合图文件的属性设置里,间隙设置大于0,避免有时候会出现小图有黑边的情况,其他属性看着设置吧,然后保存、导出,在项目的res目录下,就会出现一个PNG文件和一个plist文件。
3、在其他需要设置纹理的UI里,点击,在右边的属性栏里,找到图片资源属性,可以直接从左边把小图拖过去使用。
4、发布项目,在项目的res目录下发现,虽然有些UI文件使用了小图,但是并没有小图被导出来,studio已经识别出我们的UI使用的图片资源会从 合图导出的PNG和plist文件里 获取。
5、resource.js文件里,要预加载合图文件导出的 .png 文件和 .plist 文件。搞定。
6、代码如果有些精灵也想使用大图里的小图的话,方法如下:
1 var spriteFrameCache = cc.spriteFrameCache;2 spriteFrameCache.addSpriteFrames(res.Plist_plist, res.Plist_png);3 var fileName = "resources/common/head1.png";4 var sprite = new cc.Sprite(spriteFrameCache.getSpriteFrame(fileName));5 sprite.setPosition(100, 300);6 this.addChild(sprite);
第三行那里 fileName 的值,要带上一个相对 res 目录的路径,不确定的话,就查看一下合图文件导出的plist文件,里面描述了每一张小图的名字、rect、旋转等各种信息。
源引:http://www.cnblogs.com/zouzf/p/4524680.html
0 0
- Cocos2d-JS项目之三:使用合图
- Cocos2d-JS项目之三:使用合图
- cocos2d js 使用 cocos studio 生成的合图
- cocos2d js 使用 cocos studio 合图出现的黑线
- cocos2d js 使用 cocos studio 合图出现的黑线
- Cocos2d-JS项目之二:cocostudio基础控件的使用
- 使用vs创建cocos2d js项目
- 系列文章之三 用cocos2d-js和pomelo开发MMORPG传奇手游的项目结构
- cocos2d-js项目发布
- cocos2d js 创建项目
- Cocos2d-js 学习(三): 简单动画使用
- 使用cocos2d-js制作游戏新手引导-源码篇(三)
- Cocos2d-JS项目之四:UI界面的优化
- Cocos2d-JS项目之四:UI界面的优化
- 使用PureMVC和Cocos2d-JS构建游戏项目
- 如何使用eclipse环境调试cocos2d js项目
- 使用 PureMVC 和 Cocos2d-js 构建游戏项目
- 使用 PureMVC 和 Cocos2d-js 构建游戏项目 II
- LeetCode_112Path Sum
- OC基础-07.单例实现原理(模拟UI Application单例)
- HDU 5324 Boring Class【cdq分治】
- iOS前期OC训练OC_10Block
- java内在模型与多线程关系
- Cocos2d-JS项目之三:使用合图
- 归并排序和快速排序的比较
- hdu 5323 Solve this interesting problem(dfs)
- hdu1873~看病要排队~
- Android Studio导入开源类库
- Contains Duplicate
- 杭电 2025 查找最大元素
- 最短路
- hdoj2067 小兔的棋盘【dp+打表】or卡特兰数