javascript - 我怎样才能加速一个已经在移动的物体？

Question

我正在努力学习一种新的编码语言，这在 Javascript 中。我们从简单开始:创建一个矩形，使其在屏幕上水平移动。但是，我需要找到一种方法来加快它持续的时间。

到目前为止，我唯一能弄清楚并发现的是我可以使用现有值并将其乘以一个略高于 1 的非常小的因子('IF' 语句)。但是，有没有更简单的不同方法来做到这一点？

//variabelen X en Y

var posX;
var posY;


//Canvas
function setup() {
    createCanvas(400, 400);
    posX = 0;
    posY = 50;

}

//rode vierkant

function draw() {
    background(255);
    fill(255, 0, 0);
    rect(posX, posY, 50, 50);
    posX = posX + 1;

    if (posX >= 1) { 

        posX = posX * 1.05;
    }

}

如上所述，我希望红色矩形以一定速度(在本例中为 +1)开始，然后逐渐加速。

Answer 1

您需要声明另一个变量来跟踪速度。 然后，在绘制循环的每次迭代中，将速度增加一定量:

var posX;
var posY;
var vel;


//Canvas
function setup() {
    createCanvas(400, 400);
    posX = 0;
    posY = 50;
    vel = 1;
}

//rode vierkant

function draw() {
    background(255);
    fill(255, 0, 0);
    rect(posX, posY, 50, 50);
    posX += vel;
    vel *= 1.05;
}