弹球游戏

做一个弹球（Pinball）游戏。包含重力、碰撞检测、挡板控制、计分板和粒子特效。可以使用 CDN 引入第三方库，也可以手写实现。请输出完整的单文件 HTML。

制作一个**弹球（Pinball）游戏**的单文件 HTML。可以通过 CDN 引入物理引擎（如 Matter.js）等第三方库，也可以手写实现——自行选择最佳技术方案。 ```` #### 游戏台面布局 - **台面比例**：竖直方向，宽高比约 1:1.8，居中显示 - **发射通道**：右侧窄通道，玩家按住空格键蓄力，松开后弹球弹射入场 - **挡板（Flipper）**：底部左右各一个，以固定点为轴心旋转 - 左挡板：按 `Z` 键或 `←` 键控制 - 右挡板：按 `/` 键或 `→` 键控制 - 按下时向上旋转约 60°，松开后弹簧回弹复位 - **障碍物**： - 圆形 Bumper × 3-5 个：弹球撞击后弹开并加分，撞击时闪光 - 三角形反弹器 × 2：位于挡板上方两侧 - 弧形通道/导轨 × 1-2：引导弹球走特定路径，通过有额外加分 - 落球洞（Drain Hole）× 1-2：弹球落入后消耗一条命 - **边界**：台面四周有边框反弹，底部中央为排水口（miss 区域） #### 物理引擎要求 - **重力**：恒定向下加速度，推荐 `g = 0.15 px/frame²` - **速度衰减**：每帧乘以摩擦系数（推荐 `0.999`），防止无限加速 - **碰撞检测**： - 球 vs 圆形 Bumper：圆-圆检测，碰撞后沿法线方向反弹，恢复系数 `1.2`（弹球加速） - 球 vs 矩形边界/挡板：AABB 或线段检测，法线反射 - 球 vs 三角形：线段-圆检测 - **挡板物理**：击打弹球时根据挡板角速度给弹球施加额外速度增量 - **速度上限**：设置最大速度 cap，防止穿墙 #### 计分系统 - **Bumper 命中**：每次 +100 分 - **通道完成**：+500 分 - **连击奖励**：2 秒内连续命中 Bumper，第 2 次起分数翻倍（×2、×4、×8…） - **生命值**：初始 3 条命，弹球落入底部排水口消耗 1 条，归零时 Game Over - **分数显示**：台面顶部显示当前分数、最高分和剩余生命 #### 视觉要求 - **台面风格**：深色背景（深蓝/深紫渐变），霓虹灯风格装饰线条 - **弹球**：金属质感渐变球体，带运动拖尾（轨迹渐隐） - **Bumper**：命中时闪光 + 放大脉冲动画 - **挡板**：有立体感的梯形，按下时有旋转动画 - **粒子特效**： - Bumper 命中：圆形粒子爆散，颜色与 Bumper 一致 - 通道完成：彩色粒子流 - Game Over：大规模粒子爆炸 - **计分板**：命中时分数飘字（+100 上浮渐隐） - **音效提示**：可选，如果实现则使用 Web Audio API 生成简短的合成音效（碰撞声、加分声） #### 游戏流程 1. **待机状态**：显示 "PRESS SPACE TO LAUNCH" 提示 2. **蓄力发射**：按住空格，力度条上升；松开后弹球沿发射通道弹出 3. **游戏中**：弹球在台面上运动，玩家操控挡板 4. **失球**：弹球落入底部排水口，生命 -1，短暂暂停后重新发射 5. **Game Over**：生命归零，显示最终分数，"PRESS ENTER TO RESTART" ````