图片动画精灵制作工具Texture Packer的使用

TexturePacker是一个图片纹理打包工具,可以将很多张图片,合并成一张。主要的应用场景就是css图片精灵,还有游戏中的动画精灵。对前端开发工程师和游戏工程师都是很不错的工具。

TexturePacker的特点有:

a.  制作css图片精灵的时候自动生成css,制作游戏动画精灵的时候可以根据不同的游戏引擎,生成相应的描述文件,如json,可以用于游戏开发中。

b. 自动放置精灵图片,使用起来非常方便。

c. 减少网络请求,节约用户内存。减少内存是因为手机中渲染是使用的openGL ES就行渲染的,内存方面都是按照2的n次方载入的,如:63*127的图片会以64*128载入,而我们的TexturePacker整合的尺寸就是符合这个尺寸的。我们可以选择图片格式(RGBA8888,RGBA4444等)和抖动来减少图片大小。

d.可以裁剪纹理周边的透明区域。

e. 支持命令行。

使用示例:

选择输入格式:css图片精灵选择css,如果你的游戏引擎需要json那么就选择json格式。还可以在这里选择图片格式等高级配置。

添加sprite可以通过工具栏中的add Sprites来添加精灵,也可以通过add Folder批量添加精灵。

发布:点击工具栏中的publish生成相应的整合图片和配置文件。如格式是css的生成相应的css文件,json的生成相应的json文件,来描述图片精灵。

css生成文件:

生成的json文件:

上面只是最简单的用法,不过对我来说已经很强大了,当然TexturePacker还有很多高级特性和自定义配置,读者可以可以自行到官方网站去学习。

Texturepacker官网:https://www.codeandweb.com/texturepacker

TexturePacker文档:https://www.codeandweb.com/texturepacker/tutorials

时间: 2024-10-26 05:43:39

图片动画精灵制作工具Texture Packer的使用的相关文章

html5动画 banner 制作工具

html5和css3.0 的出现可以很方便的实现很多网页酷炫的效果,再次给大家推荐一个 在线动画 banner 制作工具 html5maker 希望对大家有用. 官网: http://html5maker.com/

关于HTML5在动画制作工具Animatron的一些问题

Animatron是国外一款在线HTML5动画制作工具,网址:www.animatron.com 当然,想使用的话,是需要FQ的. 用animatron制作好的动画是可以下载为代码和GIF的,这时候付费玩家自然又是充满优越感的,因为付费玩家可以下载普通玩家下不到的部分. 下载下来的文件夹内容分为三个部分,play.js.project.html以及一些.mp3 .ogg. 将动画整合到网页后会发现,这货并非响应式的,这怎么能忍,在手机上左右拖来拖去简直比吃了苍蝇还恶心,这时候只需找到projec

怎么制作GIF动态图,在线GIF动画制作工具哪个好

贴吧聊天中,我们经常会使用到GIF动态图片,看着吧里那些各式各样的GIF动态图,难免都想自己亲手制作一张,那么如何录制GIF动态图片呢?其实制作gif动态图片还是比较容易得,有一款迅捷GIF制作工具便能够轻松驾驭了,下面小编便来告诉大家. 迅捷GIF制作工具http://www.xunjieshipin.com/download-gifmaker 一.首先我们打开GIF制作软件,点击启动屏幕录制,如图所示. 二.之后,屏幕上会弹出一个录制框,我们将其对准我们需要录制的视频,然后点击开始录制,这样

易企秀 we+ Maka 兔展 四大H5页面制作工具

H5这个由HTML5简化而来的词汇,正通过微信广泛传播.H5是集文字.图片.音乐.视频.链接等多种形式的展示页面,丰富的控件.灵活的动画特效.强大的交互应用和数据分析,高速低价的实现信息传播,非常适合通过手机的展示.分享.也因其灵活性高.开发成本低.制作周期短的特性使其成为当下企业营销的不二利器,常见于企业宣传.活动推广.产品介绍.会议邀请.公司招聘等. 面对四大在线H5互动展示制作工具,企业营销应该如何选择更适合的H5制作工具呢?今天小编就给大家带来四大在线HTML5互动展示工具的评测. MA

动画精灵的实现

1.  动画精灵概念 动画就是动态的画面,在计算机中表现为一种运行时数据结构和算法.数据结构表示动画的存储方式,可以事先存储,也可以运行时计算获得. 而算法则声明如何将这种数据结构映射到屏幕上. 精灵是一个渲染单元,存储一些表示如何渲染到屏幕上的数据. 动画精灵是一种特殊的精灵,因此这次的目标就是创建一个精灵类(Sprite)的子类(AnimatedSprite). 2. Sprite类 在设计之前,需要预览一下Sprite类的代码.(省略了用于缩放和旋转的部分代码) /// <summary>

【翻译】圣斗士CG动画电影制作介绍 角色篇

日本独自的CG动画新方案 圣斗士星矢 LEGEND of SANCTUARY 传说的超人气作品在时隔10年后完全新作的剧场长篇中复苏.这次,关于本作和主流动画CG的有明显区别的,独特的画面制作方法,由さとうけいいち监督(译注:没查出汉字)和核心工作人员毫无保留的讲述的了. 角色的开发 因全CG的剧场动画作品而引发很大话题的本作,关于担当制作的东映动画数字影响部分的具体的制作方法. 首先是因为3DCG而变化的青铜圣斗士们的Modeling和Setup以及Gimmick的表现. 角色设计 主要角色设

10个H5页面制作工具

目前市面上各种H5页面制作工具,其中既有滥竽充数的,也有真材实料的.但是怎么区分呢?其实最简单的办法就是看案例,也就是用这些H5页面制作工具能做出哪些类型的H5. 笔者在创作H5的路上走过很多坑,基本国内外所有的H5页面制作工具都用了一遍,这篇文章也是希望能让大家在H5页面制作工具的选择上少走点弯路. 以下是笔者浏览了近万个优质案例后,总结出来的各大H5页面制作工具对H5种类的支持分析,以及付费情况. 1. 易企秀 http://www.eqxiu.com/ 百度指数:★★★★★ 易企秀界面 作

Wondershare flash slideshow buider -(Flash相册制作工具)- 原创软件打包技术

Flash相册制作工具Flash Slideshow Builder使用简单,傻瓜式操作,只需动动鼠标就可以在几分钟内把我们的照片制作成漂亮的Flash相册,大概四步即可完成一个完美的Flash相册:添加照片(编辑照片).添加音乐(编辑音乐).选择主题模板.添加装饰(添加文字.剪贴画.声音.特效). Flash Slideshow Builder内置210多种转换效果,30多种模板,把制作完成的作品导出成为Flash动画,屏幕保护,EXE文件,超文本格式.功能异常强大!在欢乐的日子里,用这个软件

EasyCHM(CHM电子书制作工具) v3.84.545 绿色版

软件名称:EasyCHM(CHM电子书制作工具) v3.84.545 绿色版 软件语言: 简体中文 授权方式: 免费软件 运行环境: Win 32位/64位 软件大小: 2.78MB 图片预览: 软件简介: Easy CHM 是国华软件推出的一款强大的CHM电子书或CHM帮助文件的快速制作工具.Easy CHM 非常适合个人和单位制作高压缩比的有目录.索引,同时具有全文检索及高亮显示搜索结果的网页集锦.CHM格式的帮助文件.专业的产品说明书.公司介绍.文章集锦.CHM电子书等等. 软件下载地址: