为 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

移相器

  • 解压缩 jsonpng 文件 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