P5.js object 不留痕迹

Question

我有一个项目，我正在尝试制作螺旋效果，两个椭圆围绕彼此旋转，它们留下一条不断向下然后消失的轨迹。 现在的问题是，我无法显示踪迹。 我按照编码火车的教程进行了跟踪，虽然它对他有用，但对我不起作用。 我做的与他不同的一件事是他使用类来处理他的球，而我没有。

我的跟踪代码是这样的。 它接收我创建的一个名为 history 的数组，其中包含一个包含 x 和 y 位置的 2d 向量，它应该每帧都制作一个椭圆的副本，但它只是制作一个新的椭圆并擦除最后一个椭圆。

function makeTrail(){
    history.push(pos1);
    for (var i = 0; i < history.length; i++){
        let p = history[i];
        ellipse(p.x, p.y, 8, 8);
    }
 }

如果有帮助，这是我的抽奖 function。 其中大部分只是我想要绘制球的位置的代码。 MoveBall函数只是告诉程序如何处理球。

function draw(){
    pos1.y += -1;
    pos2.y += -1;
    let rs = 30/*random(10, 30)*/;
    fill('#f42069');
    ellipse(pos1.x, pos1.y, rs, rs);
    moveBall();
    fill('#b4da22');
    ellipse(pos2.x, pos2.y, rs, rs);
    moveBall2();
    makeTrail();
}

Answer 1

问题是您将pos1推入history ，而您应该推pos1.copy() 。 当您推送向量本身时，列表中的值会随着pos1的值而变化。