如果 CreateJS 库支持 Texture Packer 的 JSON 输出格式

If the CreateJS library supports the JSON output formats of Texture Packer

本文关键字：JSON 输出 格式 Packer Texture CreateJS 支持 如果      更新时间：2023-09-26

我已经使用CreateJS一段时间了。我在加载由纹理打包器制作的图像时遇到麻烦，我得到了这样的 JSON 文件： 

{"frames": [
{
"filename": "aim_dot",
"frame": {"x":118,"y":4,"w":76,"h":76},
"rotated": false,
"trimmed": false,
"spriteSourceSize": {"x":0,"y":0,"w":76,"h":76},
"sourceSize": {"w":76,"h":76}
},
{
"filename": "boundary",
"frame": {"x":4,"y":385,"w":250,"h":100},
"rotated": false,
"trimmed": false,
"spriteSourceSize": {"x":0,"y":0,"w":250,"h":100},
"sourceSize": {"w":250,"h":100}
}]
}

当位图表示如下所示的图像时：

 var bitmap = new createjs.Bitmap("imagePath.jpg");

但是如果图像是图像精灵，我可以像 css 精灵一样使用位图吗？

你应该看看SpriteSheet -Class： http://www.createjs.com/Docs/EaselJS/classes/SpriteSheet.html

在TexturePacker中，您可以选择EaselJS作为输出格式，因此JSON可用于EaselJS SpriteSheet而无需进一步修改。生成EaselJS SpriteSheets的另一个好方法是spritesheet.js（https://www.npmjs.com/package/spritesheet-js-monkiki-fork）。

相关文章：