我的 spritesheet / atlas 是否应该是 2 的幂

Question

使用 Atlases / Spritesheets 来减少基于 Web 的游戏的连接开销是一种常见的做法，而且我读过有关使用 2 次方的 sprites，这对内存和 mipmapping 都很有用（不确定是否这是针对基于网络的游戏）。

但是，同样的原则（mipmapping）是否适用于 Atlases？ 基本上，我的 Atlas 的大小应该是 2 的幂还是应该（2 的幂规则）适用于它包含的单个图像？

Answer 1

一般的答案是这取决于您使用的引擎。由于您在问题中所述的原因，某些引擎需要二次幂纹理。而且由于图集实际上只不过是一种纹理，因此它符合这条规则。

同样，根据引擎的不同，图集中的各种精灵可能还需要是 2 的幂（这就是精灵表的所谓“网格系统”）。但我使用的引擎并不在意，只要图集本身是二次方即可。

网络游戏

特别是对于基于网络的游戏，就个人经验而言，我从来不用担心二次方的问题。我只是将我的图像制作成它们需要的任何尺寸。这是有道理的，因为：

1. 这是网络 :)
2. 将图像填充到 2 的幂会增加文件大小，因此会增加带宽使用量（尽管幅度不大）

我认为（尽管可能是错误的）大多数 JavaScript 引擎并不关心二次幂。