XNA/MonoGame中2D俯视角策略游戏拖拽相机移动速度适配问题

问题背景 #

开发2D俯视角策略游戏时，已实现按住左键拖拽屏幕移动视角的功能，但移动速度过快，需要让屏幕拖拽距离与鼠标移动距离完全一致，同时确认当前相机逻辑的正确性。

原相机控制代码 #

class CameraControls : WGComponent
{
    public override void Update(GameTime gameTime)
    {
        if (WGame.userInput.mouse.LeftButton == ButtonState.Pressed) WGame.camera.position -= (WGame.userInput.mouse.Position - WGame.userInput.prevMouse.Position).ToVector2().InvertY() * WGame.camera.scale;

        WGame.camera.scale = Math.Max(WGame.camera.scale - WGame.userInput.frameScroll * 0.1f, 1f);
    }
}

相机类代码 #

public class Camera
{
    public Vector2 position = new();
    public float scale = 1;
}

原相机矩阵计算代码 #

protected override void Update(GameTime gameTime)
{
    translationMatrix = Matrix.CreateTranslation(-camera.position.X, camera.position.Y, 0);
    scaleMatrix = Matrix.CreateScale(100 / (camera.scale * camera.scale));
    screenSizeMatrix = Matrix.CreateTranslation(GraphicsDevice.Viewport.Width / 2, GraphicsDevice.Viewport.Height / 2, 0);
    resultMatrix = translationMatrix * scaleMatrix * screenSizeMatrix; //This one is later used in SpriteBatch.Begin()

    base.Update(gameTime);
}

更新后的代码调整 #

• 缩放计算改为：WGame.camera.scale = Math.Max(WGame.camera.scale - WGame.userInput.frameScroll * MathF.Abs(WGame.userInput.frameScroll) * 0.01f, 1f);
• 缩放矩阵改为：scaleMatrix = Matrix.CreateScale(100 / camera.scale);

当前实现问题分析 #

1. 拖拽速度异常核心原因：
   拖拽时给相机位置乘以了camera.scale，但缩放矩阵的缩放因子是100 / camera.scale，两者缩放逻辑不匹配，导致实际拖拽的像素位移被额外放大/缩小，出现速度过快的问题。
2. 原缩放矩阵冗余计算：最初的100 / (camera.scale * camera.scale)是错误的，更新后的100 / camera.scale更合理，但需要和拖拽逻辑对齐。

实现拖拽距离与鼠标移动完全一致的方案 #

要让屏幕拖拽的视觉距离和鼠标移动距离完全匹配，需要将鼠标的像素位移转换为相机世界坐标的位移时，抵消缩放的影响。具体修改如下：

修正后的相机控制代码 #

class CameraControls : WGComponent
{
    public override void Update(GameTime gameTime)
    {
        if (WGame.userInput.mouse.LeftButton == ButtonState.Pressed)
        {
            // 计算鼠标帧间位移，反转Y轴适配游戏坐标系
            Vector2 mouseDelta = (WGame.userInput.mouse.Position - WGame.userInput.prevMouse.Position).ToVector2().InvertY();
            // 抵消缩放因子，确保拖拽距离与鼠标移动完全一致
            Vector2 cameraDelta = mouseDelta / (100 / WGame.camera.scale);
            // 更新相机位置：鼠标拖动方向与场景滚动方向逻辑匹配
            WGame.camera.position -= cameraDelta;
        }

        // 保留更新后的缩放逻辑，确保平滑缩放且不低于最小缩放值1
        WGame.camera.scale = Math.Max(WGame.camera.scale - WGame.userInput.frameScroll * MathF.Abs(WGame.userInput.frameScroll) * 0.01f, 1f);
    }
}

逻辑说明 #

• 100 / camera.scale是你设置的缩放矩阵因子，鼠标像素位移除以该值，才能转换为正确的世界坐标位移，保证拖拽时场景移动的视觉距离和鼠标移动完全一致。
• 符号处理：相机位置代表场景偏移量，鼠标向右拖动时，相机需向左移动（即position减去位移），才能让场景看起来向右滚动，此逻辑正确。

当前缩放实现的正确性确认 #

更新后的缩放计算和矩阵设置是合理的：

• 缩放计算中使用MathF.Abs(WGame.userInput.frameScroll)，可让缩放速度随滚轮滚动幅度变化，避免正负值抵消，实现更平滑的缩放体验。
• scaleMatrix = Matrix.CreateScale(100 / camera.scale)：当scale增大（镜头拉近），缩放因子减小，场景元素放大；当scale减小（镜头拉远），缩放因子增大，场景元素缩小，符合俯视角相机的缩放逻辑。

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