texturepacker是一个碎图打包器,可以把小图合并成一张大图,并对大图做优化。我用的是特别版(只好用xx版了,

不然导出的图片会被变成红色),网盘下载,文件会提示有毒,我也是在网上找的,其实是补丁,放心用。把补丁放到

安装后的bin目录,并添加到杀毒软件信任名单,或者先关闭杀毒软件,运行补丁。

碎图打包只需把包含图片的文件夹拖到右边的Sprite就可以了。

注意导出格式选择如下图,点击工具栏上的Publishe就可以了,其它的默认。

这会导出一个lua文件和一个合成后的png图片,lua文件里记载了碎图在大图里位置等信息。

我稍微封装为imgSheet类,可以载入多个lua和png图片,并支持动画,需要注意的是,没有

做错误检查,代码如下:

imgSheet={frames={},anims={}}

--添加texturepacker导出的lua和大图,imgfile要完整路径和后缀
function imgSheet.addSheet(luafile,imgfile) local t=dofile(luafile) local frameIndex=t.frameIndex
local frames = t.sheet.frames for k,v in pairs(frameIndex) do
frames[v]["sheetFile"]=imgfile --保存碎图对应的大图名
frames[v]["show"]=true --是否在屏幕上显示
imgSheet.frames[k]=frames[v] end end --file碎图文件名,不要后缀,后面的参数与love.graphics.draw相同
function imgSheet.drawFrame(file,x, y, r, sx, sy, ox, oy, kx, ky )
local frame = imgSheet.frames[file]
local image = love.graphics.newImage(frame.sheetFile)
local quad = love.graphics.newQuad(frame.x, frame.y, frame.width, frame.height, image:getWidth(), image:getHeight())
if frame.show then
love.graphics.draw(image, quad,x, y, r, sx, sy, ox, oy, kx, ky )
end
end
--获取碎图对应的数据,file不要后缀,以下函数也是如此
function imgSheet.getFrame(file)
return imgSheet.frames[file]
end
--删除一帧图片,只是不在屏幕上显示
function imgSheet.removeFrame(file)
imgSheet.frames[file].show=false
end --绘制动画 st文件名的起始序号,ed终止序号,tm动画每帧绘制时间
--之后的参数同love.graphics.draw
function imgSheet.drawAnim(file,st,ed,tm,x, y, r, sx, sy, ox, oy, kx, ky)
if not imgSheet.anims[file] then
--idx当前索引,state状态:1正常,0暂停,-1停止 ,-2删除
imgSheet.anims[file]={tm=tm,st=st,ed=ed,dt=,idx=st,state=}
end
local anim = imgSheet.anims[file] if anim.state== then
anim.dt=anim.dt+love.timer.getDelta( )
if anim.dt>=anim.tm then
anim.dt=
anim.idx=anim.idx+
if anim.idx>anim.ed then
anim.idx=anim.st
end
end
end
if anim.state~=- then
imgSheet.drawFrame(file..anim.idx,x, y, r, sx, sy, ox, oy, kx, ky )
end
end
--暂停动画
function imgSheet.pauseAnim(file)
local anim = imgSheet.anims[file]
if anim then
anim.state=
end
end
--恢复动画
function imgSheet.resumeAnim(file)
local anim = imgSheet.anims[file]
if anim then
if anim.state== then
anim.state=
end
end
end
--停止动画
function imgSheet.stopAnim(file)
local anim = imgSheet.anims[file]
if anim then
anim.state=-
end
end
--删除动画
function imgSheet.removeAnim(file)
local anim = imgSheet.anims[file]
if anim then
anim.state=-
end
end
return imgSheet

完整的工程在网盘下载,碎图在imgs目录下。

love2d教程32--碎图打包器texturepacker的更多相关文章

  1. 用 Love2D 实现法线贴图的例程(到最新版本 0.10.1)

    用 Love2D 实现法线贴图的例程(到最新版本 0.10.1) 概述 一般来说, 复杂的光照模型会被用在 3D 游戏中, 以产生逼真的效果, 不过也有些开发者研究出一些代码可以在 2D 游戏中使用这 ...

  2. Adobe Photoshop CC 2018 v19.0 简体中文正式版下载安装破解(附注册机+破解教程) 32/64位(安装破解注意事项是什么)

    Adobe Photoshop CC 2018 v19.0 简体中文正式版下载安装破解(附注册机+破解教程) 32/64位(安装破解注意事项是什么) 一.总结 一句话总结:下载安装破解教程文中都有,需 ...

  3. Quick-Cocos2d-x Lua脚本加密打包器

    准备开新项目了,在寻找合适的框架,后来就发现了Quick-Cocos2d-x这玩意. 别说,还挺好使.之后一步步研究,发现Lua不加密是不行的. 加密的方法在这里. 因为在做版本更新的时候,一般大家都 ...

  4. webpack前端模块打包器

    webpack前端模块打包器 学习网址: https://doc.webpack-china.org/concepts/ http://www.runoob.com/w3cnote/webpack-t ...

  5. webpack----js的静态模块打包器

    webpack----js的静态模块打包器 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 简介 webpack 是一个现代 J ...

  6. Webpack - CommonJs & AMD 模块打包器

    Webpack 是一个 CommonJs & AMD 模块打包器.可以把你的 JavaScript 代码分离为多个包,在需要的时候进行加载,支持预处理文件,例如 json, jade, cof ...

  7. [转]Android Studio系列教程六--Gradle多渠道打包

    转自:http://www.stormzhang.com/devtools/2015/01/15/android-studio-tutorial6/ Android Studio系列教程六--Grad ...

  8. Android Studio系列教程六--Gradle多渠道打包

    Android Studio系列教程六--Gradle多渠道打包 2015 年 01 月 15 日 DevTools 本文为个人原创,欢迎转载,但请务必在明显位置注明出处!http://stormzh ...

  9. [SQL基础教程] 3-2 对表进行分组

    [SQL基础教程] 3-2 对表进行分组 GROUP BY SELECT <列名1>,<列名2>,... FROM <表名> GROUP BY <列名1> ...

随机推荐

  1. EasyUI datagrid 明细表格中编辑框 事件绑定 及灵活计算 可根据此思路 扩展其他

    原创 : EasyUI datagrid 明细表格中编辑框 事件绑定 及灵活计算 可根据此思路 扩展其他 转载,请注明出处哦!谢谢! 原创 : EasyUI datagrid 明细表格中编辑框 事件绑 ...

  2. 关于loader加载的东西必须是继承sprite

    如果不是继承sprite

  3. 稍复杂的ionic例子:显示一个列表,并且允许点击进入列表项

    这个例子,按照MVC的方式进行了分层,下面是代码: demo3.htm <!DOCTYPE html> <html ng-app="app"> <he ...

  4. angularjs中ng-class的使用

    1.方法一 通过数据的双向绑定(不推荐) <!DOCTYPE html> <html ng-app="myApp"> <head> <me ...

  5. spring作用域(Spring Bean Scopes Example)

    http://docs.spring.io/spring/docs/2.0.x/reference/beans.html#beans-factory-scopes In Spring, bean sc ...

  6. java在线预览txt、word、ppt、execel,pdf代码

    在页面上显示各种文档中的内容.在servlet中的逻辑 word: BufferedInputStream bis = null; URL url = null; HttpURLConnection ...

  7. JS 运算、判断优化

    1.二级制操作优于Math 如: //函数向下取整 console.log(Math.floor(8.9)); //二进制向下取整 console.log(8.9>>0); 2.慎用|| ...

  8. Android SDK 更新和下载慢怎么办?

    博客搬家:因为各种原因,我如今的博客将首发于blog.mojijs.com, 能够百度搜索 "姜哥的墨迹技术博客" , 或者 点击这里 本文地址 http://blog.mojij ...

  9. percona XTRADB Cluster 5.6在ubuntu安装

    installing-perconaXTRADB Cluster 5.6 in-ubuntu-13-10-wheezy First of all, I would recommend login as ...

  10. Android studio中导入第三方类库

    常常在github上看到一些好用的框架,但是对于一个新手怎样在android studio上导入去总会遇到各种麻烦,索性来研究下第三方类库怎样在android studio上导入. 以我在github ...