引言：为什么街机投篮是计时测试，而不是体育模拟
街机网页投篮游戏——以 dianyingsir 上的 Basket Swooshes 和 Basketball Real 为代表——剥离了球队名单、防守战术与多按键运球连招。相反，它们把篮球浓缩成一个单一的、高风险的电机计时循环：出手条（release meter）。
你按住按钮或触摸屏幕，观察一个快速振荡的力度或角度量表，并在精确的峰值或指定绿色区间松手，让篮球飞向篮筐。
虽然这感觉像是直觉的手眼协调，但空气球、生硬的打铁声与干净的空心入网之间的差别，其实由正弦型出手条动力学、浏览器输入延迟与抛物线投射几何共同决定。下面就是底层物理引擎的工作原理，以及如何校准你的出手时机以打出完美空心球。
1. 正弦振荡出手条
在标准 2D 街机物理中，投篮力度或角度量表并不是以线性恒定速度移动的。线性量表在人类反射面前显得机械而生硬。相反，开发者几乎无一例外地用正弦函数驱动量表指针：
$$M(t) = M_{min} + \frac{M_{max} - M_{min}}{2} \cdot \left(1 + \sin(\omega t + \phi)\right)$$
其中：
- $M(t)$ 是当前量表值（力度百分比或发射角度，单位为度）。
- $\omega = 2\pi f$ 是量表振荡的角频率（通常在 $1.2\text{Hz}$ 到 $2.0\text{Hz}$ 之间）。
- $t$ 是按住时长，单位为秒。
峰值减速效应
因为正弦波的变化率由其导数决定： $$\frac{dM}{dt} \propto \cos(\omega t)$$
量表在穿过中点（$50%$）时移动最快，而在两端（$0%$ 与 $100%$）减速至零速度。
量表速度曲线：
最高速度 ---> [==== 中点 50% ====]（移动最快，最难掐准时机）
零速度 ---> [==== 峰值 100% ====]（移动最慢，视觉平台期）在“完美绿色区间”位于峰值附近（$85% - 95%$）的游戏中，玩家实际上享有更宽的时间窗口，因为指针在逼近顶端时会在反转前减速。
2. 浏览器输入延迟与帧节奏
要打出一记帧级完美的投篮，玩家必须把端到端浏览器输入延迟考虑在内。这个延迟是四个不同流水线阶段延迟的累计：
- 硬件轮询延迟： USB 鼠标或电容式触摸传感器上报频率（$8\text{ms} - 16\text{ms}$）。
- 浏览器事件分发： 操作系统输入事件队列交付给 JavaScript 事件循环（$2\text{ms} - 8\text{ms}$）。
- 帧节拍同步： 与下一个
requestAnimationFrame回调对齐（60Hz 下 $0\text{ms} - 16.6\text{ms}$）。 - 显示呈现延迟： GPU 缓冲交换与显示器刷新间隔（$8\text{ms} - 16\text{ms}$）。
$$\text{总延迟 } \tau_{total} \approx 20\text{ms} - 55\text{ms} \quad （60Hz 下约 1.5 至 3.5 帧）$$
人类视觉反应时间（约 200ms） + 输入延迟（约 40ms） = 需要的预判量由于人类对视觉刺激的简单反应时间平均为 200ms 到 250ms，你无法实时“看到”量表到达绿色区间再反应。如果你非要等到眼睛看到指针进入绿色区间才发起肌肉松开动作，总延迟会确保量表早已穿过该区间并反转进入红色区域。
黄金启发式： 成功需要预测性节奏。你必须在指针沿上升轨迹到达约 $70%$ 时发起松手动作，让生理反应延迟与浏览器延迟恰好把实际事件落在 $90%$ 的绿色目标内。
3. 抛体运动与空心入网容差窗口
一旦松手，篮球就变成一颗受重力加速度 $g = 9.81\text{m/s}^2$（按 Canvas 像素/秒$^2$ 缩放）支配的弹道抛体：
$$x(t) = x_0 + (v_0 \cos\theta) t$$ $$y(t) = y_0 + (v_0 \sin\theta) t - \frac{1}{2} g t^2$$
入射角 $\theta_{entry}$ 与有效篮筐半径
标准篮球筐直径约为 $D_{rim} \approx 45\text{cm}$，而标准篮球直径约为 $D_{ball} \approx 24\text{cm}$。在纯垂直下落（$\theta_{entry} = 90^\circ$）时，净空余量为： $$\text{余量} = D_{rim} - D_{ball} = 21\text{cm}$$
然而，浏览器体育游戏从地面高度发射篮球，导致有角度的入射轨迹 $\theta_{entry} \in [40^\circ, 65^\circ]$。球所感知到的有效目标孔径会随入射角的正弦成比例缩小：
$$D_{effective} = D_{rim} \cdot \sin(\theta_{entry})$$
| 入射角 $\theta_{entry}$ | 有效目标直径 $D_{effective}$ | 净空余量 | 结果画像 |
|---|---|---|---|
| $30^\circ$（平射） | $22.5\text{cm}$ | 负值（$< 24\text{cm}$） | 不可能空心入网；必弹前筐打铁 |
| $45^\circ$（标准） | $31.8\text{cm}$ | $+7.8\text{cm}$ | 中等容差；要求精确对准中心 |
| $60^\circ$（高弧线） | $39.0\text{cm}$ | $+15.0\text{cm}$ | 最大空心容差；宽容的入筐窗口 |
这个几何事实解释了为什么在 Basket Swooshes 中选择更高的出手弧线能显著提升命中率。高弧线投篮几乎把篮筐的有效开口放大了一倍，给你的投篮在轻微速度误差面前留出最大余地。
4. 篮筐碰撞：圆对圆的弹性反弹
当投篮略微偏离目标时，物理引擎把篮筐建模为两个固定的小圆形碰撞体（前筐柱与后筐柱）。
碰撞求解遵循标准的弹性反射： $$\vec{v}{rebound} = \vec{v}{incident} - (1 + e) (\vec{v}_{incident} \cdot \hat{n}) \hat{n}$$
其中：
- $\hat{n}$ 是从筐柱中心指向球心的单位碰撞法向量。
- $e$ 是恢复系数（弹性），通常调校在 $0.55$ 到 $0.70$ 之间。
平射轨迹的球以浅角度撞上前筐柱，会向下并背离篮筐反弹。陡峭的 $60^\circ$ 弧线球则从上方撞上筐柱，使法向量 $\hat{n}$ 把球向上反射，常常产生一次径直穿过网兜的二次反弹。
5. 总结：射手节奏清单
要在 dianyingsir 上称霸 Basket Swooshes：
- 永远不要“反应”绿色区间；而是通过在上行途中（约 70%）就发起松手来预判它。
- 利用量表顶端的正弦减速，获得最大的出手一致性。
- 优先选择高弧线出手（$55^\circ - 60^\circ$），最大化篮筐的有效目标开口。
- 保持稳定的 60Hz 显示刷新，避免后台 CPU 节流，以确保确定性的输入延迟。