本文详解如何修复因碰撞检测条件错误导致的跳跃异常问题——角色起跳后立即坠回地面，核心在于修正 colisionDetection() 中的边界判断符号。
本文详解如何修复因碰撞检测条件错误导致的跳跃异常问题——角色起跳后立即坠回地面，核心在于修正 `colisiondetection()` 中的边界判断符号。
在基于 Canvas 的 2D 平台跳跃游戏（如简化版《Chrome Dino》）中，实现自然、可信的跳跃行为依赖于两个关键环节：垂直速度的持续更新（重力模拟） 和 精准的地面碰撞判定。你遇到的“按下空格键后角色瞬间跳起又立刻砸回底部”现象，表面看是跳跃逻辑失效，实则根源在于碰撞检测函数中的一个经典边界条件误用。
问题代码如下：
function colisionDetection(){
if(dino.y + dino.h <= board.height){ // ❌ 错误：此条件恒为真（角色初始就在画布内）
gravity = 0;
velocityY = 0;
dino.onGround = true;
dino.y = board.height - dino.h; // 强制拉回地面
}
}该逻辑存在根本性错误：dino.y + dino.h 表示恐龙底部像素的 Y 坐标（因为 Canvas 原点在左上角，Y 值越大越靠下）。而 board.height 是画布总高度（即底部边界）。因此，dino.y + dino.h <= board.height 实际判断的是“角色是否完全位于画布内部或之上”，这在绝大多数帧中都成立（尤其当角色尚未下坠过深时），导致系统每帧都误判为“已触地”，从而立即清空速度、重置位置——造成视觉上的“瞬移回地”。
✅ 正确做法是：仅当角色底部触及或穿透画布底边时才触发落地逻辑，即使用 >= 进行判定：
立即学习“Java免费学习笔记（深入）”；
function colisionDetection(){
// ✅ 正确：当角色底部 Y 坐标 ≥ 画布高度时，视为触地
if(dino.y + dino.h >= board.height){
velocityY = 0; // 清除垂直速度
dino.y = board.height - dino.h; // 精确对齐地面（避免浮点误差下沉）
dino.onGround = true;
gravity = 0; // 可选：若 gravity 仅在空中生效，此处可重置；但更推荐统一由主循环控制
}
}⚠️ 重要补充说明与最佳实践：
不要在碰撞函数中修改 gravity：gravity 应作为恒定加速度（如 -0.5 或 -1），始终在 update() 主循环中累加到 velocityY。在碰撞中设 gravity = 0 会破坏物理一致性，且下次跳跃前若未重置，可能导致重力失效。建议移除该行，仅操作 velocityY 和位置。
确保重力与跳跃初速度方向一致：你的 jumpY = 100 配合 velocityY = -jumpY（向上为负）是合理的，但需确认 gravity 为负值（如 -0.8），才能实现“向上减速→向下加速”的真实弹跳效果。当前代码中 gravity = -1 符合要求。
-
防穿透优化（进阶）：若角色下落速度过快，单帧位移可能超过 board.height - (dino.y + dino.h)，导致“穿过地面”。可在碰撞逻辑中添加位置校正：
const groundY = board.height - dino.h; if(dino.y + dino.h >= board.height) { dino.y = groundY; // 强制贴地 velocityY = Math.min(0, velocityY); // 确保不向上反弹（除非实现弹性） dino.onGround = true; } 调试建议：在 update() 中临时添加 console.log(dino.y + dino.h, board.height, dino.onGround)，直观观察数值变化，快速定位逻辑断点。
总结来说，这一问题本质是坐标系理解偏差与条件运算符误用的典型组合。修复后，角色将遵循正确的运动学规律：起跳获得初速度 → 在重力作用下减速上升 → 达到顶点 → 加速下落 → 精准触地停止。这是构建可靠平台跳跃物理的第一块基石。
