问题标签 [texture-packing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1628 浏览

libgdx - 我可以用于 android 设备的最大精灵表大小是多少?

我可以用于 android 设备的最大精灵表大小是多少?听说有限制,因为有些设备不能处理大图。8196x4092px 还可以吗?

0 投票
1 回答
1529 浏览

c# - 为什么 Texture2D.PackTextures() 在图集中创建这么多空白空间?

我正在通过脚本创建纹理图集。我使用 6 张图片来做到这一点,代码如下所示:

打包的结果是这样的:

质地

问题是,为什么这段代码会产生这么多空白?由于我将始终只使用 6 个纹理,是否可以使图集更小一些?

0 投票
2 回答
519 浏览

libgdx - LibGdx 纹理打包

我想在我的 LibGdx 项目中使用动画精灵角色。

我有精灵表和精灵动画的单独图像。

在创建纹理图集时,我是否必须使用精灵表本身或单独的图像进行打包?哪一个是最好的方法?

目前我正在使用单独的图像为每个精灵动画创建单独的图集,并将包和 png 文件添加到资产文件夹。这是工作。但我希望有一些方法可以有效地为游戏使用一个包文件和一个 png 文件。

我还想知道如何命名这些单独的精灵表图像。我以“name_01,name_02 .....等”的方式命名它。

请建议为整个游戏创建单个纹理图集的更好方法,其中包含精灵表和非精灵图像。

0 投票
0 回答
105 浏览

javascript - PixiJs Sprites 在顶部添加行

不知何故,我在 AnimatedSprite 帧的顶部得到了一个额外的小工件。我很确定它是上面包装的精灵的底部。我认为我的精灵表 PNG 已关闭,所以我使用 TexturePacker 分解并重新组装精灵表。虽然我使用的 spritesheet JSON 与 TexturePacker 生成的不一样,但坐标匹配。我什至尝试用纹理打包器版本中的内容替换一些帧。

这是最后一帧的 JSON 删节——顶部有一条虚线:

这是它的加载方式:

(这里PIXI.Application 的一个实例)。

顶行的精灵没有这个神器,这就是我重新打包的原因。

0 投票
1 回答
72 浏览

algorithm - 我需要帮助来实现一种算法,该算法将从 libGDX 中的纹理中解析特定纹理

考虑:

这是我写的代码。由于某种原因,它只返回整个纹理中特定区域的特定纹理。但是,宽度和高度是正确的。

现在解释这个问题,基本上可以解决为xPos = texture.width / texture size % texture size 的东西。但这里的问题是存在偏移量。在纹理之间偏移,并且绝对不在纹理和边界之间。你可以在上面看到我的代码。我尝试添加偏移量,减去偏移量等,但它似乎不起作用......有什么帮助吗?

同样对于当前的实现,可变内部唯一的东西是在精灵表的 144,144,宽度:16,高度:16 originpoint:topleft 内找到的 textureRegion

我认为这称为 spritesheet 切割或 spritesheet 切割器。

代码说明

代码说明