使用cannon.js模拟子弹发射出现高速子弹穿透无碰撞问题如何解决

下面是针对cannon.js场景下，高速子弹穿透碰撞体问题的可落地解决方法：

方法1：启用内置连续碰撞检测（CCD） #

cannon.js原生支持连续碰撞检测，针对高速运动刚体开启后，引擎会自动检测物体两帧之间运动路径上的碰撞，而非仅判断单帧位置是否重叠，是最通用的解决方案。
配置示例：

// 初始化子弹刚体
const bulletBody = new CANNON.Body({
  mass: 0.1,
  shape: new CANNON.Sphere(0.05),
  velocity: new CANNON.Vec3(0, 0, 120) // 子弹高速初速度
})
// 开启CCD配置
// 单帧位移超过该阈值时触发CCD检测，单位为米，可根据物体大小调整
bulletBody.ccdMotionThreshold = 0.1
// 扫掠球体半径，通常设置为子弹碰撞体的外接球半径即可
bulletBody.ccdSweptSphereRadius = 0.05

world.addBody(bulletBody)

注意：仅给子弹这类高速小体积刚体开CCD即可，静态物体和低速物体不需要开启，避免不必要的性能消耗

方法2：缩小物理更新步长 #

穿透问题的本质是单帧内物体移动距离超过了碰撞体厚度，缩小物理引擎的固定更新步长，提升物理检测频率，即可降低单帧位移量，避免穿透。
配置示例：

const fixedTimeStep = 1 / 180 // 将物理更新频率从默认的60次/秒提升到180次/秒
let lastTime = performance.now() / 1000
let timeAccumulator = 0

function renderLoop() {
  requestAnimationFrame(renderLoop)
  const now = performance.now() / 1000
  const frameDelta = now - lastTime
  lastTime = now

  timeAccumulator += frameDelta
  // 累计时间达到固定步长时才执行物理更新，避免帧率波动影响步长
  while (timeAccumulator >= fixedTimeStep) {
    world.step(fixedTimeStep)
    timeAccumulator -= fixedTimeStep
  }
}

注意：该方法会提升CPU占用率，步长不要设置过小，建议搭配CCD同时使用，不要单独依赖该方案

方法3：改用射线检测模拟碰撞 #

针对子弹这类近似直线运动的高速物体，可以放弃刚体碰撞检测，改用射线检测实现碰撞判断，性能最好且完全不会出现穿透问题。
实现逻辑：每帧在更新子弹位置前，从子弹当前位置往运动方向发射一条长度等于该帧子弹移动距离的射线，检测射线是否和场景内碰撞体相交，相交则直接触发命中逻辑。
示例代码：

function updateBullet() {
  const deltaTime = 1 / 60
  // 计算当前帧子弹位移长度
  const moveLength = bulletBody.velocity.length() * deltaTime
  // 生成射线：起点为子弹当前位置，终点为子弹当前帧结束后的预估位置
  const endPoint = bulletBody.position.vadd(bulletBody.velocity.unit().scale(moveLength))
  const ray = new CANNON.Ray(bulletBody.position, endPoint)
  const hitResult = new CANNON.RaycastResult()

  world.raycast(ray, hitResult)
  if (hitResult.hasHit) {
    // 命中后执行对应逻辑：生成特效、扣除血量、销毁子弹等
    console.log('命中目标', hitResult.body)
    world.removeBody(bulletBody)
    return
  }
  // 未命中则正常更新子弹位置
  bulletBody.position.copy(endPoint)
}

注意：如果子弹有弹道下坠、抛物线运动的情况，需要每帧根据实时速度调整射线方向即可适配

内容的提问来源于stack exchange，提问作者ceshi