如何在Pygame中实现图片的水平翻转？

核心原理 #

水平翻转精灵的本质是将精灵的X轴缩放比例设置为-1，操作时注意锚点位置，如果锚点不在精灵中心，需要同步调整X轴坐标抵消翻转带来的位置偏移，避免角色移动时出现跳变。 #

常用开发场景的实现方式 #

Unity引擎 #

• 直接修改SpriteRenderer组件的内置属性即可，不需要调整坐标：
  GetComponent<SpriteRenderer>().flipX = true;
• 向左移动时将属性值设为true，向右移动时设为false即可。如果用动画状态机控制逻辑，也可以把flipX设为动画参数，在状态切换时自动赋值。

Godot引擎 #

• 对Sprite2D节点直接设置水平翻转属性：
  $Sprite2D.flip_h = true
• 也可以通过修改缩放值实现：
  scale.x = -1 * abs(scale.x)

Pygame #

• 调用内置翻转方法处理单帧精灵图，建议预翻转所有向左的帧做缓存，避免每帧翻转产生性能消耗：

# 参数1为原surface对象，参数2控制是否水平翻转，参数3控制是否垂直翻转
flipped_frame = pygame.transform.flip(original_frame, True, False)

原生Canvas 2D #

• 先保存上下文状态，翻转坐标系后绘制精灵，绘制完成后恢复上下文状态避免影响其他元素渲染：

ctx.save();
// 平移坐标抵消翻转后的位置偏移，偏移量等于精灵宽度
ctx.translate(spriteX + spriteWidth, spriteY);
ctx.scale(-1, 1);
// 绘制时X坐标传0即可，偏移已经通过translate处理
ctx.drawImage(spriteSheet, frameX, frameY, frameWidth, frameHeight, 0, 0, frameWidth, frameHeight);
ctx.restore();

性能优化建议 #

• 低分辨率、帧数少的精灵可以直接运行时翻转，开销可以忽略
• 如果精灵分辨率高、帧数量多，建议在资源加载阶段预生成所有向左的帧存入缓存，运行时直接根据朝向调用对应帧即可。

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