React 网页小游戏提示词：一键生成{填写}
提示词描述：
适用于前端开发者快速搭建休闲类网页游戏。通过明确的状态机与渲染流程指引，AI 可直接输出结构完整的 React 组件。适合用于技术博客演示、个人作品集或轻量级互动营销页。使用时替换占位符即可精准控制游戏类型与难度曲线。
提示语关键词：
AI写代码, ChatGPT编程提示词, React网页小游戏开发, 前端娱乐项目实战, AI生成完整代码, 休闲游戏代码模板
提示词内容：
你是资深前端游戏开发工程师。请基于 React 和 Tailwind CSS 编写一个完整的{填写}小游戏代码。游戏需采用函数式组件与 Hooks 架构，确保逻辑清晰且易于扩展。
按以下流程输出：第一，搭建游戏画布与 UI 容器，实现响应式布局，核心区域保持 16:9 比例。第二，编写核心状态机，使用 useReducer 管理分数、关卡、游戏状态，通过 useEffect 绑定键盘与触控事件。第三，实现动画渲染，优先使用 CSS Transform 提升性能，避免频繁 DOM 操作。第四，加入音效占位接口与本地存储逻辑，自动同步进度。
代码必须包含完整导入语句与默认导出组件。禁止使用未定义的变量或占位函数。若涉及碰撞检测，请采用边界盒算法。注释需精简标注关键逻辑节点。直接输出可复制运行的完整源码，不附加任何说明文本。
上一页：AI如何一键生成专属头像？
下一页：交互式生成艺术代码：定制{填写}视觉效果