为 Phaser3 使用免费的纹理打包器
use free texture packer for phaser3
我正在使用 phaser3 和 free texture packer,可以这样做吗?如果是,请告诉我怎么做?
我尝试使用 addAtlasJSONHash
但它正在记录此函数未定义,所以我尝试 game.addAtlasJSONHash
,但发生了同样的错误
有点旧,但是你看过这个教程吗?
https://www.codeandweb.com/texturepacker/tutorials/how-to-create-sprite-sheets-for-phaser3
它解释了如何使用 multiatlas
完成此操作。
根据您的用例,https://free-tex-packer.com/ 有多种方式。这是一种 fast/easy 方法,可以让一切都起来 运行.
(以防万一: 我假设你使用的是 Phaser3)
在应用程序中
- Select格式:“Phaser3”
- 添加图片
- 点击导出
- 下载 zip
移相器
解压缩 json 和 png 文件 zip 变成我们的 game-app-folder
在场景预加载中:加载文件,使用atlas
(docs)
this.load.atlas('atlas', 'texture.png', 'texture.json');
添加精灵到场景只需使用 (docs):
// parameters are x,y, texture / atlas, frame-index
this.add.sprite(10, 10, 'atlas', 0);
Extra-Info: 官方phaser网页上有很多例子,大部分功能。查看这个基本的 atlas
https://phaser.io/examples/v3/view/textures/frames-from-single-atlas
我正在使用 phaser3 和 free texture packer,可以这样做吗?如果是,请告诉我怎么做?
我尝试使用 addAtlasJSONHash
但它正在记录此函数未定义,所以我尝试 game.addAtlasJSONHash
,但发生了同样的错误
有点旧,但是你看过这个教程吗? https://www.codeandweb.com/texturepacker/tutorials/how-to-create-sprite-sheets-for-phaser3
它解释了如何使用 multiatlas
完成此操作。
根据您的用例,https://free-tex-packer.com/ 有多种方式。这是一种 fast/easy 方法,可以让一切都起来 运行.
(以防万一: 我假设你使用的是 Phaser3)
在应用程序中
- Select格式:“Phaser3”
- 添加图片
- 点击导出
- 下载 zip
移相器
解压缩 json 和 png 文件 zip 变成我们的 game-app-folder
在场景预加载中:加载文件,使用
atlas
(docs)this.load.atlas('atlas', 'texture.png', 'texture.json');
添加精灵到场景只需使用 (docs):
// parameters are x,y, texture / atlas, frame-index this.add.sprite(10, 10, 'atlas', 0);
Extra-Info: 官方phaser网页上有很多例子,大部分功能。查看这个基本的 atlas
https://phaser.io/examples/v3/view/textures/frames-from-single-atlas