处理JS模拟弹跳球(弹性碰撞)

processing JS simulation of bouncing ball (elastic collision)

我编写了一个程序,该程序显示一个球落下然后在碰到地面后反弹。有时当它弹起时,它并没有达到它的初始高度。这是一个 JS fiddle 来说明我的意思:

https://jsfiddle.net/abq4zvsx/

我希望球表现得好像它是完全有弹性的。也就是说,我希望它从某个初始高度开始,然后在弹跳时再次达到该初始高度,依此类推,直到永远。

2017 年 5 月 25 日编辑: 我从 draw 函数中删除了一些方法。只有 4 个是 运行:绘制、重力和弹跳决定图形。 ballArray.heightStamp 触发一个新行被添加到数组 lineArray 来绘制球每次反弹时到达的高度。

我更改了 fiddle 以反映这一点。我删除了一些可能会掩盖最相关代码的方法。

2017 年 5 月 30 日编辑:我写的不一样。我不太熟悉这样写,所以这个例子要简单得多。完整代码如下:

void setup() {  
  size(800, 400);
}

class Ball {

  float x = 400;
  float y = 50;
  float d = 14;
  float r = 7;
  float vy = 0;
  float ay = 0.2;

  void display() {
    ellipse(x, y, d, d);
  }
  void gravity() {
    vy += ay;
    y += vy;
  }
  void bounce() {
    if ((y+r)>height) {
      vy *= -1;
      y = height - r;
    }
  }

} //closing ball class

Ball ball = new Ball();

void draw() {
  background(235, 245, 255);
  ball.display();
  ball.gravity();
  ball.bounce();
}

2017 年 6 月 2 日编辑:我仔细检查了向报告类似问题的其他人提供的解决方案,但他们没有解决我的问题。上面的代码与 fiddle 中的代码不同,但我认为它们本质上是一样的。

一个简单的'fix'就是让你弹跳更多'symmetric':

ball.prototype.bounce = function() {
  if ((this.y+this.r)>=height) {
    this.vy *= -1;
    this.y += this.vy; // Add this line
  }
};

为了更稳健的方法,您应该使用 more sophisticated integrator 根据速度和力更新您的位置。