SFML中2D高尔夫球鼠标触发后瞬移而非平滑移动问题求助

问题描述 #

我是SFML新手，正在制作简易2D高尔夫球物理效果。已实现包含精灵、位置、速度等属性的Ball类，main函数调用整体正常，但鼠标释放后球直接瞬移到目标位置，而非预期的平滑移动。

现有代码 #

Ball类的move方法 #

void Ball::move(sf::Vector2f& velocity)
{
    // boundaries 
    if (ballSprite.getPosition().x < 0 - 49 || ballSprite.getPosition().x > 700 - 70)
    {
        velocity.x *= (float) -1;
    }
    
    if (ballSprite.getPosition().y < 0 - 30 || ballSprite.getPosition().y > 1200 - 70)
    {
        velocity.y *= (float) -1;
    }

    if (ballSprite.getPosition().x + 1 == 700 || ballSprite.getPosition().x - 1 == 0)
    {
        velocity.x *= -1;
    }
    if (ballSprite.getPosition().y + 1 == 1200 || ballSprite.getPosition().y - 1 == 0)
    {
        velocity.y *= -1;
    }

    ballSprite.move(velocity.x, velocity.y);
}

main函数关键部分 #

sf::Texture ballTex;
ballTex.loadFromFile("ball2.png");

Ball gameBall(1, ballTex);

while (window.isOpen())
{
    sf::Event event;
    bool mouseReleased = false;     

    while (window.pollEvent(event))
    {
        if (event.type == sf::Event::Closed)
        {
            window.close();
        }

        if (event.type == sf::Event::MouseButtonPressed)
        {
            cout << "Mouse Button Pressed\n";
        }
        mouseReleased = false;
        if (event.mouseButton.button == sf::Mouse::Left && event.type == sf::Event::MouseButtonReleased)
        {
            mouseReleased = true;
            cout << "Mouse Button Released\n";
            cout << "Ball Position: " << gameBall.getSprite().getPosition().x << "," << gameBall.getSprite().getPosition().y << endl;
            sf::Vector2i velo = sf::Mouse::getPosition(window);
            cout << "Velocity: " << velo.x - gameBall.getSprite().getPosition().x  << ", " << -1 * (velo.y - gameBall.getSprite().getPosition().y) << endl;
            sf::Vector2f velocity(-1 *(velo.x - gameBall.getSprite().getPosition().x) , (-1 * (velo.y - gameBall.getSprite().getPosition().y)));
            gameBall.move(velocity);
            cout << "Ball Position After: " << gameBall.getSprite().getPosition().x << "," << gameBall.getSprite().getPosition().y << endl;
        }
    }
}

问题根源 #

当前代码在鼠标释放时，直接将鼠标与球的位置差作为位移量一次性施加给球，导致球瞬间移动到目标位置，而非逐步平滑移动。正确的逻辑应该是将这个位置差作为初始速度，让球在每帧游戏循环中逐步移动，并加入摩擦力模拟减速效果。

修改方案 #

1. 调整Ball类结构 #

在Ball类中添加成员变量存储当前速度，并新增设置速度和每帧更新的方法：

#include <SFML/Graphics.hpp>

class Ball
{
private:
    sf::Sprite ballSprite;
    sf::Vector2f currentVelocity; // 新增：存储当前速度
public:
    // 构造函数，初始化速度为0
    Ball(int id, const sf::Texture& tex)
    {
        ballSprite.setTexture(tex);
        currentVelocity = sf::Vector2f(0.f, 0.f);
    }

    sf::Sprite& getSprite() { return ballSprite; }
    void setCurrentVelocity(sf::Vector2f velocity) { currentVelocity = velocity; }

    // 新增：每帧更新球的状态（移动、碰撞、减速）
    void update(float deltaTime)
    {
        // 摩擦力：让速度逐步衰减，模拟地面阻力，可自行调整参数
        const float friction = 0.98f;
        currentVelocity *= friction;

        // 边界碰撞检测与反弹（用精灵的全局边界更准确）
        sf::FloatRect bounds = ballSprite.getGlobalBounds();
        // 左右边界
        if (bounds.left <= 0 || bounds.left + bounds.width >= 700)
        {
            currentVelocity.x *= -1;
            // 修正位置，避免球卡在边界外
            if (bounds.left <= 0)
                ballSprite.setPosition(0, bounds.top);
            else
                ballSprite.setPosition(700 - bounds.width, bounds.top);
        }
        // 上下边界
        if (bounds.top <= 0 || bounds.top + bounds.height >= 1200)
        {
            currentVelocity.y *= -1;
            if (bounds.top <= 0)
                ballSprite.setPosition(bounds.left, 0);
            else
                ballSprite.setPosition(bounds.left, 1200 - bounds.height);
        }

        // 基于速度和帧间隔时间移动，保证不同帧率下移动速度一致
        ballSprite.move(currentVelocity * deltaTime);
    }
};

2. 修改main函数逻辑 #

• 鼠标释放时仅设置球的初始速度，而非直接移动
• 每帧调用Ball的update方法更新状态
• 添加帧间隔时间计算，保证移动速度稳定
• 完善渲染流程

修改后的main函数：

#include <SFML/Graphics.hpp>
#include <iostream>

int main()
{
    sf::RenderWindow window(sf::VideoMode(700, 1200), "2D Golf");
    sf::Texture ballTex;
    if (!ballTex.loadFromFile("ball2.png"))
    {
        std::cerr << "Failed to load ball texture!" << std::endl;
        return 1;
    }

    Ball gameBall(1, ballTex);
    sf::Clock clock; // 用于计算每帧的间隔时间

    while (window.isOpen())
    {
        float deltaTime = clock.restart().asSeconds();
        sf::Event event;

        while (window.pollEvent(event))
        {
            if (event.type == sf::Event::Closed)
            {
                window.close();
            }

            if (event.type == sf::Event::MouseButtonPressed)
            {
                std::cout << "Mouse Button Pressed\n";
            }

            if (event.mouseButton.button == sf::Mouse::Left && event.type == sf::Event::MouseButtonReleased)
            {
                std::cout << "Mouse Button Released\n";
                sf::Vector2f ballPos = gameBall.getSprite().getPosition();
                std::cout << "Ball Position: " << ballPos.x << "," << ballPos.y << std::endl;
                sf::Vector2i mousePos = sf::Mouse::getPosition(window);
                
                // 计算初始速度，添加缩放因子调整击球力度
                const float powerScale = 0.1f;
                sf::Vector2f velocity = sf::Vector2f(ballPos.x - mousePos.x, ballPos.y - mousePos.y) * powerScale;
                std::cout << "Velocity: " << velocity.x << ", " << velocity.y << std::endl;
                
                gameBall.setCurrentVelocity(velocity); // 设置球的初始速度
                std::cout << "Ball Position After: " << gameBall.getSprite().getPosition().x << "," << gameBall.getSprite().getPosition().y << std::endl;
            }
        }

        // 每帧更新球的状态
        gameBall.update(deltaTime);

        // 渲染流程
        window.clear(sf::Color::Green); // 用绿色模拟草地背景
        window.draw(gameBall.getSprite());
        window.display();
    }

    return 0;
}

效果说明 #

修改后，鼠标释放时球会获得一个初始速度，之后每帧都会以该速度移动，同时摩擦力会让速度逐渐减小，球会平滑地减速直到停止，完全符合高尔夫球的物理运动效果。

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