LibGDX 路径 (CatmullRomSpline) 恒速

我试图使用 LibGDX CatmullRomSpline 在路径上实现恒定速度，但在使其正常工作时遇到问题。我已经尝试对这个主题进行了很多研究，包括阅读 LibGDX wiki，但他们对实现恒定速度的解释并没有真正意义，我无法让他们的方法发挥作用。就我而言，导数值非常大（数百个），因此当将 0-1 之间的数字除以导数时，结果非常小，并且移动非常慢并且仍然不恒定。所以我不确定他们的例子到底是如何工作的。

在我的示例中，我有几个与球的速度一致的视觉辅助工具，屏幕底部的条随着速度的增加而长度增加，颜色也随着速度的增加从白色变为红色。

在 MyPath.java 的 act() 方法中，我从 [1] 和 [2] 开始注释掉了两个部分。第一个是正常的，通过路径的速度可变，第二个是我尝试让 LibGDX wiki 恒定速度工作的失败尝试。因此，只需取消注释这些行即可在两个版本之间切换。

我对恒定速度的想法包括根据路径的总长度计算出速度（在样条曲线上使用 approxLength(1000) 方法），然后使用导数函数确定给定时刻的实际速度，并调整百分比值发送到样条曲线以补偿速度变化，从而使速度恒定。不过我不太明白导数函数到底代表什么。我之前发布了一个关于导数函数的问题，但根据我收到的评论，我认为询问实现恒定速度可能更容易。这是我之前关于导数函数的问题：LibGDX CatmullRomSpline 导数含义？ https://stackoverflow.com/questions/32642338/libgdx-catmullromspline-derivative-meaning

任何有关如何在我的示例中实现恒定速度的想法（或解释 CatmullRomSpline 的导数函数实际上代表什么，以便我可以更好地理解如何使用它）将不胜感激。

对于任何想要运行该程序的人，这里是我为示例创建的两个图像文件（将它们添加到资产文件夹的根目录中）：http://dropshots.com/Tekker/date/2015-09-19 http://dropshots.com/Tekker/date/2015-09-19

这是我的示例代码：

桌面启动器.java：（将桌面窗口宽度和高度更改为 1000）

public class DesktopLauncher {
    public static void main (String[] arg) {
        LwjglApplicationConfiguration config = new LwjglApplicationConfiguration();
        config.width = 1000;
        config.height = 1000;
        new LwjglApplication(new TEST(), config);
    }
}

测试.java:

public class TEST extends Game {
    Stage stage;    
    MyPath path;

    @Override
    public void create () {
        stage = new Stage();
        stage.setViewport(new ScreenViewport(stage.getViewport().getCamera()));
        Gdx.input.setInputProcessor(stage);
        path = new MyPath(1000, 1000);
        stage.addActor(path);
    }

    @Override
    public void render () {
        Gdx.gl.glClearColor(0.1f, 0.1f, 0.1f, 1.0f);
        Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);
        stage.act(Gdx.graphics.getDeltaTime());
        stage.draw();
    }

    @Override
    public void dispose(){
        stage.dispose();
        super.dispose();
    }
}

MyPath.java：

public class MyPath extends WidgetGroup {
    Image start, end, path, bar1, horizontal;
    float time, percent, dVal, pathLength, dMax=1000, cycle=6, maxPercent, deltaCycle;

    CatmullRomSpline<Vector2> catmull;
    Vector2 result = new Vector2();
    Vector2 previousResult = new Vector2(50,150);
    Vector2 derivative = new Vector2();
    Vector2 previousDerivative = new Vector2();
    Vector2[] points = {
        new Vector2(50,150), new Vector2(50,150),
        new Vector2(400,800), new Vector2(600,150), new Vector2(700,400),
        new Vector2(860,150), new Vector2(860,150)
    };

    boolean print = true;

    public MyPath(int width, int height){
        this.setSize(width, height);
        catmull = new CatmullRomSpline<Vector2>(points, false);

        createPath();
        createBar();

        pathLength = catmull.approxLength(1000);
    }

    @Override
    public void act(float delta){
        // [1] VARIABLE SPEED
        //time += delta;
        //percent = (time / cycle) % 1;

        // [2] CONSTANT SPEED FAIL!
        //catmull.derivativeAt(previousDerivative, percent);
        //time += delta;
        //percent = ((time / cycle) / previousDerivative.len() ) % 1;

        catmull.valueAt(result, percent);
        path.setPosition(result.x, this.getHeight() - result.y);

        updateSpeedVisuals();
        debugPrint();

        previousResult.set(result);
    }

    private void createPath(){
        start = new Image(new Texture("dot.png"));
        start.setColor(Color.GRAY);
        start.setPosition(50, this.getHeight() - 150);
        this.addActor(start);

        end = new Image(new Texture("dot.png"));
        end.setColor(Color.GRAY);
        end.setPosition(860, this.getHeight() - 150);
        this.addActor(end);

        path = new Image(new Texture("dot.png"));
        path.setColor(Color.WHITE);
        this.addActor(path);
    }

    private void createBar(){
        Texture texture = new Texture("ninepatch.png");
        int crop = (int)(texture.getWidth()/2)-1;
        NinePatch patch9 = new NinePatch(texture, crop, crop, crop, crop);
        bar1 = new Image(patch9);
        bar1.setColor(Color.GRAY);
        bar1.setPosition(5, this.getHeight()-900);
        this.addActor(bar1);
    }

    private void updateSpeedVisuals(){
        catmull.derivativeAt(derivative, percent);
        dVal = derivative.len() / dMax;
        path.setColor(1f, 1f-dVal, 1f-dVal, 1f);
        bar1.setWidth(derivative.len());
        bar1.setColor(1f, 1f-dVal, 1f-dVal, 1f);
    }

    private void debugPrint(){
        maxPercent = (percent > maxPercent) ? percent : maxPercent;
        if (maxPercent > percent){
            print = false;
        }
        if (print){
            String debugPrint = "";
            debugPrint = debugPrint + "pathLength=" + pathLength + "\t";
            debugPrint = debugPrint + "derivative=" + derivative.len() + "\t";
            System.out.println(debugPrint);
        }
    }
}

由于导数是样条线位置的变化率，因此它确实是“速度”，当样条线弯曲远离基础数据点时，它必须“加速”以使计算出的样条线到达下一个数据点时间，你必须将这个速度除以感知视觉恒定速度。

您没有获得恒定的速度，因为您仍然按增量而不是增量除以变化率（导数）来增加时间变量。您应该在每帧的百分比变量中添加一个变量，而不是通过沿着 Catmull-Rom 样条线的单个点的导数来修改所有内容。

代替：

catmull.derivativeAt(previousDerivative, percent);
time += delta;
percent = ((time / cycle) / previousDerivative.len() ) % 1;

你应该：

catmull.derivativeAt(previousDerivative, percent);
percent += derivativeAverage / cycle * delta / previousDerivative.len();
percent %= 1;

现在您应该使用平均导数除以周期，因为您不能再单独使用周期作为每秒百分比变量。

迭代样条曲线以求导数 Average 的平均值：

 int samples = 100; //the higher the more accurate, however slower
 float derivativeAverage = 0;
 Vector2 out = new Vector2();
 for (float i=0;i<1;i+=1f/samples) {
     catmull.derivativeAt(out, i);
     derivativeAverage += out.len();
 }
 derivativeAverage /= samples;