2D游戏移动平台角色绘制闪烁问题及解决方案咨询

核心问题 #

闪烁源于玩家与平台各自独立对绝对坐标取整绘制，导致两者的相对绘制位置突发跳变（从2px变为3px），视觉上产生闪烁感。

可行解决方案 #

1. 基于相对位置统一取整（针对绑定物体） #

当玩家站在平台上时，固定玩家相对于平台的世界空间偏移，先将该偏移转换为屏幕空间并取整，再以平台的绘制位置为基准计算玩家的绘制位置，确保相对位置始终一致：

// 固定玩家相对于平台的世界空间偏移（站上去后不再改变）
const float playerRelativeWorldX = 2.2f;

// 平台的世界坐标与屏幕绘制位置
float platformWorldX = 0.4f;
int platformDrawX = static_cast<int>(platformWorldX * screenScale + screenMidX + 0.5f);

// 计算屏幕空间的固定偏移
int playerScreenOffsetX = static_cast<int>(playerRelativeWorldX * screenScale + 0.5f);

// 玩家的绘制位置 = 平台绘制位置 + 固定屏幕偏移
int playerDrawX = platformDrawX + playerScreenOffsetX;

2. 统一屏幕空间取整（全局物体通用） #

不要单独对每个物体的世界坐标取整，先将所有物体的世界坐标转换为屏幕空间的浮点位置，再统一取整。这样所有物体的相对位置在屏幕空间中同步计算，避免错位：

// 相机与屏幕参数
float camWorldX = 0.0f;
float screenScale = 1.0f;
int screenMidX = 320;

// 计算平台屏幕浮点位置
float platformScreenX = (platformWorldX - camWorldX) * screenScale + screenMidX;
// 计算玩家屏幕浮点位置
float playerScreenX = (playerWorldX - camWorldX) * screenScale + screenMidX;

// 统一取整得到绘制位置
int platformDrawX = static_cast<int>(platformScreenX + 0.5f);
int playerDrawX = static_cast<int>(playerScreenX + 0.5f);

3. 更换取整规则（避免四舍五入跳变） #

如果必须在世界坐标阶段取整，统一使用截断取整（直接转int）或地板取整，替代四舍五入。这样即使物体坐标的小数部分累积，相对位置的取整结果也会保持稳定：

// 截断取整（正数等价于floor）
int platformDrawX = static_cast<int>(platformWorldX);
int playerDrawX = static_cast<int>(playerWorldX);

// 或地板取整（兼容负数坐标）
int platformDrawX = std::floor(platformWorldX);
int playerDrawX = std::floor(playerWorldX);

4. 启用亚像素绘制（引擎支持时） #

如果你的游戏引擎允许使用浮点坐标直接绘制（亚像素精度），可以跳过取整步骤，从根源上避免取整导致的错位闪烁。

效果验证 #

以你的测试案例为例，使用「基于相对位置统一取整」方案：

• 平台世界X=0.4f，玩家相对偏移2.2f，屏幕缩放1.0
• 平台绘制位置=round(0.4+320)=320
• 玩家屏幕偏移=round(2.2*1)=2
• 玩家绘制位置=320+2=322，与平台的相对位置保持2px，不会出现跳变，闪烁问题解决。

内容的提问来源于stack exchange，提问作者Weiner Lemes