双拍对决

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

重建一个名为“雙拍對決”的单人 Pong/solo 网页游戏，使用全屏、响应式 2D Canvas，画面始终铺满视口并根据视口比例缩放球场。整体视觉是深色、现代、极简霓虹风：页面背景从左上角的近黑蓝色（约 #080c18）渐变到右下角的深靛蓝（约 #111936）；中央球场是带约 18px 圆角的深蓝矩形（约 #121d38），有细的蓝灰边框（约 #2a385c），中间是一条由短划线组成的竖直中线。球场基准尺寸为 860×480，居中显示，左右和上下留出明显边距；内部四边不画实线边界，但球会在上下内边缘反弹。左侧是玩家挡板，白色发光感较弱、圆角胶囊形，宽约 16、基准高 92；右侧是电脑挡板，尺寸相同，颜色为亮蓝（约 #84a7ff）。中央白色小圆球半径约 10，带明显的柔和白蓝光晕。HUD 使用固定定位覆盖在 Canvas 上：顶部中央显示加粗中文品牌“雙拍對決”，旁边是有边框、半透明深底、胶囊形的“PONG / SOLO”标签；上方约页面高度 13% 处居中显示超大的白色比分“0  :  0”（字号随屏幕变化，约 58–118px，并有淡蓝阴影）；比分下方显示灰蓝色操作提示“你：W/S 或 ↑/↓　·　手机：拖动左侧挡板”。底部中央有半透明胶囊状态栏，初始文字为“点击开始，守住左侧”，游戏中显示“比赛进行中 · 先得 7 分”，得分后可显示“漂亮！”或“电脑回球”，结束后显示“你赢了！再来一局？”或“电脑得分 · 再试一次？”。底部状态栏上方放置浅蓝白色圆角按钮“开始比赛”，初始可见，开始后隐藏，结束后重新显示并改成“再来一局”。球场下方中央在未开始时还显示 Canvas 内文字“准备开球”，结束时显示“胜利！”（玩家胜）或“继续练习”（电脑胜）。核心玩法是传统单人 Pong：玩家控制左挡板，电脑控制右挡板；比赛开始时双方得分归零，球在球场正中央，随机向左或向右发球，并随机带 -0.45 到 +0.45 范围的垂直角度。玩家可用 W/S 或上/下方向键移动左挡板，也可在手机/鼠标上按住并拖动 Canvas 来让左挡板中心跟随指针的纵坐标；挡板必须限制在球场上下边界内并保留约 10px 内边距。右侧电脑挡板自动追踪球的 y 坐标，移动速度约为玩家的 405/620（玩家速度约 620，均按缩放比例调整），所以是可击败但会反应的 AI。球以初始速度约 390（随球场缩放）移动；碰到球场上下内边缘时垂直反弹。球从左向右运动并与电脑挡板相交时向左反弹，从右向左运动并与玩家挡板相交时向右反弹；反弹角度根据球击中挡板相对其中心的位置决定，击中上/下部会产生明显的向上/下速度。每次成功挡回，水平速度乘约 1.035，球的整体速度逐渐增加但最多约到 760（按缩放），并增加 rally 计数。球越过左侧或右侧球场外约 40px 时判定失分：球越过左侧则电脑得 1 分并从电脑方向重新发球，越过右侧则玩家得 1 分并从玩家方向重新发球；比分实时更新。任一方先达到 7 分立即结束比赛，停止球和电脑更新，保留最终比分并显示对应结束文案；可点击“再来一局”、点击画布或按空格重新开始。点击画布在未开始时应直接启动比赛，同时支持按 P 暂停/继续。使用平滑的 requestAnimationFrame 游戏循环和 delta time，避免不同刷新率影响速度；让碰撞、发球、得分和重新开局均可实际操作，且在窄屏/手机上保持完整缩放和触摸拖动体验。