构建此游戏的 AI 提示词

如果你希望复制这款游戏，或者基于它进行二次开发，可以将以下详细的提示词（Prompt）发送给 AI 助手：

角色设定：

你是一个精通 HTML5 Canvas 和原生 JavaScript 的前端游戏开发专家。

任务目标：

编写一个单文件（HTML + CSS + JS）的“无限打砖块”游戏。代码需要鲁棒性强，无需外部依赖。

核心技术要求：

  • 全屏自适应：游戏必须使用 ResizeObserver 监听 body 或 window 的变化，确保 Canvas 始终铺满屏幕，无滚动条，无黑边。
  • 嵌入式支持：游戏将运行在 iframe 中。必须在点击或触摸屏幕时执行 window.focus()，以确保键盘事件能被 iframe 捕获。
  • 移动端适配：必须支持 touchmove 事件，并设置 touch-action: none 防止页面滚动。

游戏机制要求：

  • 无限关卡：不要硬编码关卡。使用算法生成难度：随着关卡层级（Level）增加，球速线性增加，挡板宽度逐渐减小，砖块行数逐渐增多（上限 9 行）。
  • 物理反馈：当球击中挡板边缘时，应根据击打位置改变球的 X 轴反射角度（切球效果）。
  • UI 交互：包含一个覆盖层（Overlay），显示“开始游戏”按钮。游戏结束或通关时，显示分数并允许重来。

视觉风格：

背景色使用深色（#121212），砖块使用扁平化设计，整体风格现代简洁。