将避免在HTML5画布中绘制半像素提高速度吗？

Question

我在画布元素上绘制一个sprite(一个球).然而,当球移动时,球的x或y位置可能变成分数,例如.(20.153; 63.638).当使用画布绘制此图像时,它会尝试使用透明像素使球更准确地出现在其位置.

我想知道Math.round()在绘制球之前是否应该使用以避免透明像素的东西,并可能加速游戏.这会有多大帮助吗？这场比赛是一场复杂的乒乓球比赛.

下面的图片应该有助于我的解释:

Answer 1

至少这个家伙似乎是这么认为的。正如加布提到的，这取决于实施。

请注意，如果您使用常规坐标（1、14 等），某种抗锯齿功能似乎会起作用。因此，一些指南（主要是Dive Into HTML5）似乎建议您最好使用半像素（即 1.5、14.5 等）进行渲染。不过，我不知道这是否会对性能产生任何影响。至少在渲染结果上很明显。

您可能还想尝试各种分层方案。请参阅此问题以获取更多信息。根据您的情况，您可能希望将对象视为单独的画布，甚至将它们偏移到背景顶部。

或者，您可以尝试将其全部渲染在一张画布上。在这种情况下，您有一些额外的东西需要跟踪。这个图书馆似乎为你处理所有的簿记工作。