TexturePacker这个词从字面来说就是Texture(纹理) + Packer(打包). 它是一款把若干资源图片拼接为一张大图的工具.它由一位叫做Andreas Loew的老外开发的 :). 官网: http://www.codeandweb.com/texturepacker 作为一名手游开发者,一套完整的素材处理工具是必备的,其中TexturePackage可以很好的帮我们处理纹理…

1.为什么要使用纹理集? 游戏是一种很耗费资源的应用,特别是在移动设备中的游戏,性能优化是非常重要的 纹理集是将多张小图合成一张大图,使用纹理集有以下优点: 1.减少内存占用,减少磁盘占用: 2.减少磁盘读取次数,一次性读取一张大图比多次读取多张小图速度更快一张大图:打开-读取小图-读取小图-读取小图-关闭;多张小图:打开-关闭,打开-关闭,打开-关闭,打开-关闭: 3.减少OpenGL绘制次数:OpenGL ES 1.1仅仅能够使用2的n次幂大小的图片(即宽度或者高度是2.4.8.64...)…

CanvasWebgl 介绍 CanvasWebgl 是一个基于webgl 开发的2d绘图框架,使用TypeScript开发   CanvasWebgl的功能,是在屏幕空间 或者 3D空间产生一个画布 画布的坐标系采用最直观的左上角0,0,右下角(w,h)的模式 封装了图片集和字体的支持   1.屏幕空间 2.3D空间   CanvasWebgl 和 引擎的适配需要一个适配器,这个适配器我们已经编写了BabylonJS 和 Egret3D的版本(egret3d 的 屏幕空间视频需要稍微修改一下e…

游戏开发使用TexturePacker来生成图片的atlas sheet, 工具非常好用. 一般GUI的方法, 新建一个tps文件, 将要图片加载进来,调整参数和输出路径, 最后点publish. 在实际的项目中, 需更新atlas sheet,每次都要打开tps,等着TexturePacker启动, 点publish,尤其是要支持多个设备分辨率的时候, 比如iphone, 需要至少iphone, iphone retina, iphone5三种分辨率, 如果是同时支持ipad的,则需要5个tp…

在cocos2dx中使用纹理图集是非常节省资源的,在这里推荐 TexturePacker,而且 TexturePacker工具的加密接口也非常的好用,下面就来介绍一下... TexturePacker 工具的加密,只是相对于一般使用的基础上增加了几步对密码操作的步骤(目前的加密功能仅适用于.pvr.ccz格式): 一.生成密码(图形化界面和命令行两种方式) 方式一:图形化界面生成密码 密码可以自己手动过输入,或者使用下面的这几个按钮,完后点击外面的空白区域就自动保存了... (2)shell脚本…

TexturePacker是一个常用的制作sprite sheet的工具,它提供了很多实用的功能. 一般我们制作sprite sheet都是使用他的gui版本,纯手工操作,就像下面这张图示的一样. 刚开始我们的项目也是使用这种方式,但后来发现这种方式在开发中有很大的问题.随着图片的增多,sprite sheet会越来越多,为了生成这些sprite sheet需要做很多重复的手工劳动,再考虑到给Android平台打包的sprite sheet配置和iOS的不同,还有包括图片变更,配置优化等情况,算…

最近在使用cocos2d-x做开发,其中会用到TexturePacker工具打包纹理文件,但是有时候想从打包好的.plist和.png大图文件反向生成原始的小图文件,TexturePacker好像没有提供这样的功能,网上搜索也没有,索性自己写一个罢. 这个小程序是用Python2.7写的,GUI库选择的是wxPython和PIL,所以如果要运行的话,这两个库必不可少. 由于我写这个的目的就是供自己解析简单的TP文件,所以里面的错误处理很少,很多字段也没有解析.但是对于一般的TP文件,亲测可用.…

转自:http://www.unitymanual.com/thread-37485-1-1.html 由于NGUI AtlasMaker对打包的优化不好,容易打出很大的图集,很多部分都是浪费的,所有目前要使用TexturePackage来优化打包图集 1.首先下载Texturepackage工具,网上有破解版的,也可以到官网下载使用免费版,https://www.codeandweb.com/texturepacker/,接着就是简单的安装不在过多的介绍. 2.打开我们的Texturepack…

作者:EnigmaJJ 博客地址:http://www.cnblogs.com/twjcnblog/ 在Unity中使用NGUI时,为了减少draw call,我们会将美术用到的小图打成一张图集,如图:…

这里将会介绍如何通过background-image设置背景图片,以及背景图片的平铺.拉伸.偏移.设置大小等操作. 1. 背景图片样式分类 CSS中设置元素背景图片及其背景图片样式的属性主要以下几个: background-image :设置元素的背景图片. background-repeat :设置如何平铺背景图片. background-attachment :设置背景图片是否固定或随着滚动移动. background-position :设置背景图片的位置. background-size…