Pixi官方文档译文(2)
来源:互联网 发布:程序员求职简历模板 编辑:程序博客网 时间:2024/04/27 16:46
通过纹理集创建Sprite(Make a sprite from a tileset sub-image)
如果你开发的游戏很复杂,庞大,那么使用纹理集的方式去创建sprite是非常高效的一种行为。一个纹理集其实就是一个json文件,这个文件中包含了每一个子图片的名字、坐标、大小等属性。
制作纹理集的方式很简单,在这里我们使用Texture Packer工具,这是一个收费工具,但可以使用”教育免费版“。(下载好TP工具,开始下面步骤)
第一步,把零散的图片准备好,命好名字(到时候通过名字来获得图片的纹理对象),放在一个文件夹下:
下一步,打开TP工具,选择 JSON Hash模式,拖动所有的图片到TP的工作区,设置方法如下图:
最后点击publish按钮。设置好json文件名字,和文件存放路径。
加载图片纹理集
使用Pixi的loader对象加载图片纹理集,例如我们创建的纹理集名字叫treasureHunter.json。
loader .add("images/treasureHunter.json") .load(setup);
一旦加载完毕,Pixi的Texture Cache对象会存储所有纹理的信息,你可以通过图片文件的名字来调用图片文件对应的纹理对象,(“blob.png”, “dungeon.png”, “explorer.png”, etc.)
下面看一下具体使用代码:
// 方式一var sprite = new Sprite( resources["images/treasureHunter.json"].textures["frameId.png"]);// 方式二(建议封装一下原始api)var id = PIXI.loader.resources["images/treasureHunter.json"].textures; var sprite = new Sprite(id["frameId.png"]);
0 0
- Pixi官方文档译文(2)
- Pixi官方文档译文(1)
- PreferenceActivity 安卓官方文档(译文)
- Dagger 官方文档之Dagger1(译文)
- MediaCodec官方文档译文
- RecyclerView API官方文档译文
- Core Data Features(Apple官方文档译文)
- Core Data Basics(Apple官方文档的译文)
- App开发架构指南(谷歌官方文档译文)
- 十分钟搞定pandas(官方学习文档的译文)
- Activity官方文档译文简析
- 16.1 Python 描述符官方文档译文
- Exoplayer Developer guide官方文档译文
- reactor官方文档译文(1)Reactor简介
- (apple官方文档译文)ios应用开发当中的表视图
- iOS内存管理高级指南(官方文档——译文)
- android官方文档译文, 同步更新中(百度阅读免费领取)
- iOS开发-Swift4译文Swift4官方文档中文版/ Basic Operators(上)(转载)
- UE4 C++调用蓝图方法
- Leetcode 11. Container With Most Water
- 粒子集群算法简单实例 java实现
- android侧滑菜单
- html第4次作业
- Pixi官方文档译文(2)
- Mysql如何获取汉字首字母
- HTTP协议
- OpenGL核心技术之抗锯齿
- <input type="file">的accept属性值详解
- Android Animations动画详解
- 802.11无线wifi协议学习(二)
- escape()、encodeURI()、encodeURIComponent()区别详解
- 关于roslaunch文件的注意点