XNA 中的滚动屏幕 - 简化数学（轻拂手势）

Question

我一直在来回尝试，但我无法计算出在使用轻弹手势时如何滚动视图（或者更确切地说偏移所有对象）的数学原理。我希望滚动有某种缓出效果。

    public override void Update(GameTime gameTime, bool otherScreenHasFocus, bool coveredByOtherScreen)
    {
        float elapsed = (float)gameTime.ElapsedGameTime.TotalSeconds;

        //Some math to change 'matrixOffsetY'
        //I use 'matrixOffsetY' to offset my objects in Draw()

        base.Update(gameTime, otherScreenHasFocus, coveredByOtherScreen);
    }

这是手势事件

    public override void HandleInput(InputState input)
    {
        if (input == null)
            throw new ArgumentNullException("input");

        while (TouchPanel.IsGestureAvailable)
        {
            GestureSample gesture = TouchPanel.ReadGesture();

            switch (gesture.GestureType)
            {
                case GestureType.Flick:
                    {
                        //Set a variable with some math? Using:
                        //gesture.Delta

                        //gesture.Delta gives us pixels/sec
                        break;
                    }
                default: return;
            }
        }
    }

这应该不难，但我脑子冻结了:) 请帮帮我！

Answer 1

您可以在两个值之间进行“lerp”（线性插值）以逐渐接近（快速开始，缓慢结束）。

我假设你正在二维滚动。所以该位置是一个 Vector2。

尝试这样的事情：

position; //current position of the object.
targetPosition; //set by scrolling, position should gradually come close to this
float weigth; //how much the weight is of the targetPosition compared to the position
//practically this means how fast position approaches targetPosition. 
//First try values between 0 and 1, for example 0.8f for starters.
public void Scroll(Vector2 ammount)
{
   //We assume scrolling the scrollbar 1 pixel down, means the object should go 1 pixel up.
   //So the targetPosition should move the same ammount opposite.
   //If you don't want scrolling to correspond 1:1, you can multiply ammount by a float.
   targetPosition -= ammount;   
}

public void Update(GameTime gameTime)
{
    //..
    //Executed every update, position closes in on targetPosition pretty fast.     
    position = Vector2.Lerp(position, targetPosition, weigth);

    //Because we Lerp position will only get extremely close to targetPosition. Never exactly at it.
    //most of the time this is good enough, if this isnt use the following code

    float omega = 0.05f; // the minimum dinstance between position and targetPosition before we clamp
    if(Vector2.Distance(position, targetPosition) < omega)
    {
        position = targetPosition;
    }
    //..
}

public void Draw(GameTime gameTime)
{
    //..
    spriteBatch.Begin();
    spriteBatch.Draw(texture, position, Color.White);
    spriteBatch.End();
    //..
}

Answer 2

我假设你所说的“缓出”的意思是它逐渐做它应该做的事情（我不太清楚（我对触摸屏和手势不太了解）。

有几种方法可以做到这一点。你可以采用物理方法并使用牛顿定律并简单地求解微分方程，

我通常做这样的事情（例如用鼠标滚动窗口时逐渐停止）的方法是简单地使用带有参数的函数逐渐降低速度。我可以修改以获得我想要的感觉。

在你的情况下，我已经明白你想要做什么，你只是想根据速度更新位置

（通常你会这样做） 。对于 2D），

X_new = X_old + 速度*dt
velocity = max(0,velocity*0.95 - 0.2)

它的作用是逐渐移动 x 坐标（每次循环时 X_old 都会变成 X_new（通常在线程中执行）），这样它就不会完全停止，而是继续移动直到速度达到零。我使用一个简单的 pow 函数来逐渐减少它，但你可以想出任何类型的函数。

您实际上还可以考虑指针到边缘的距离。我在我的一个程序中这样做，这样当鼠标光标移离边缘时，它滚动的速度取决于多远（所以如果你想滚动一点，你就移动一点，如果你想移动很多，你就移动很多）。

请注意，您必须在线程中处理此问题，可能是因为它会持续发生。您还可以计算加速度并使用简单的物理原理来计算基于它的位置。 x = x0 + x'*t + 1/2*x''*t^2 类型的东西。

Answer 3

和往常一样，如果是 XNA，Shawn 可能已经解决了您的问题。在几篇文章中，他使用 Lerp、SmoothStep 和其他数学运算，以及 基于物理的方法。这些示例使用游戏状态管理项目，但这些想法可以在任何地方使用。

顺便说一句，您可能需要考虑不要相对于相机移动所有对象。您可以将向量2或向量3的cameraOffset存储在某处，并在SpriteBatch.Begin中使用transformMatrix。当然，如果您使用一两个 spritebatch 循环来绘制所有世界对象，则这是最有用的。