我的碰撞检测实现不正常

Question

我一直在尝试在 p5.js 中使用一些简单的强制实现，我心中有这个概念，但我觉得我忽略了代码中的一个简单错误。这是我现在的代码：

var x = 0;
var y = 0;
var grav = new p5.Vector(0, 13, 0);
var bounce = new p5.Vector(0, -13, 0);
var isbounce = false;
var ymax = 0;

function setup() {
    createCanvas(600, 400);
}

function draw() {
    console.log(ymax, isbounce);
    background(0);
    fill(255);
    ellipse(200, y, 50, 50);

    if (y < 376 && isbounce == false) {
        y += grav.y;
    }
    if (y >= 376) {
        isbounce = true;
    }
    if (isbounce == true) {
        y += bounce.y;
        if (y == ymax) {
            isbounce = false;
            ymax++;
        }
    }
}

JSfiddle

如您所见，该对象确实反弹了两次，但随后它完全漂浮在屏幕之外。我无法解释这一点，我查看了控制台，它确认它只反弹了两次（再次将 isbounce 设置为 true、false 和 true）。我期望的是 isbounce 将在每次物体撞击地面时设置为真，并在其 y 值达到 ymax 时设置为假（每次反弹以刺激能量损失时它都会减少）。我认为这是一种相当容易的力量实施，但我对为什么它不起作用感到困惑。

Answer 1

将 if (y == ymax) { 替换为 if (y <= ymax) { 以确保它确实在屏幕顶部弹跳。

我的碰撞检测实现不正常

My implementation of collision detection doesn't behave normally

javascript

p5.js