处理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 根据速度和力更新您的位置。
我编写了一个程序,该程序显示一个球落下然后在碰到地面后反弹。有时当它弹起时,它并没有达到它的初始高度。这是一个 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 根据速度和力更新您的位置。