多年开发经验的程序员，本身就有不错的编程基础，但平时一直对技术潮流和新方向比较好奇，所以这次来系统学习：

课程主要内容：

1现在能靠 AI 对话编程，不用记语法、配环境，网页端就能实现，这叫 Vibe Coding，核心是把需求说清楚，AI 来写代码；ai大大降低了编程的难度，可以构思，编码，查错等

2前端基础是 HTML 定结构、CSS 做样式、JS 加交互，现代框架 React/Vue 是组件化 + 状态驱动，懂基础概念就能让 AI 生成相关代码；

3选大模型要关注两个点，上下文是它的短期记忆，太长会忘细节，指令遵循能力决定它能不能按要求精准做事，工业级应用很看重这个；

4AI 编程适合做小原型、自用工具，大型产品还得人工做架构和整合，支付、医疗这类强合规系统，AI 生成后必须严格审查；

5有不少好用的 AI 编程平台，z.ai 能做全栈开发，Google AI Studio 适合快速原型，Coze 能零代码搭 Bot，各有各的特色。

作业要求1.复现贪吃蛇：

经过反复优化之后的提示词：

角色设定： 你是一个精通前端开发（HTML/CSS/JS Canvas）和AI API集成的全栈工程师。请帮我编写一个单文件HTML应用，实现一个"诗意贪吃蛇"游戏。

核心玩法：

1. 基础机制：经典贪吃蛇玩法，方向键控制，撞墙或撞自己游戏结束。
2. 视觉风格：
   • 深色背景（深灰或黑色系）。
   • 墙壁必须为白色高亮，与背景形成强烈对比。
   • 蛇身设计要有现代感（例如带渐变色或发光效果）。
3. 特殊食物系统：
   • 食物不是传统的点，而是英文单词。
   • 每个单词随机生成不同的颜色（高饱和度，易读）。
   • 预设一个包含丰富意象的单词库（如：moon, dream, fire, river, star, silence 等）。
   • 蛇吃到单词后，长度增加，分数增加，单词消失。

核心创新功能（AI集成）：

1. 单词收集器：

   • 界面上要有一个显眼的"收集盒"区域。
   • 蛇吃掉的单词会按顺序排列显示在这个盒子里，保留其原本的颜色。
   • 需要显示当前收集进度（例如：3/8）。

2. LLM 诗歌创作（关键逻辑）：

   • 当收集满 8个单词 时，游戏自动暂停。
   • 调用 LLM API（请设计为可配置 API Key 的输入框，或默认使用模拟数据流以便演示），基于这8个单词创作一首短诗（4-6行为佳）。
   • 交互设计：展示生成的诗歌，并提供一个"重新混合(Re-mix)"按钮。点击后LLM需根据相同的单词重新创作一首新诗。

3. 图像生成（Automated Image Gen）：

   • 当用户对诗歌满意并点击"确认/下一步"后，自动调用文生图API（如DALL-E或Stable Diffusion接口，若无法连接请用占位符图替代）。
   • 根据这首诗的内容生成一张艺术图片，展示在屏幕中央。

技术要求：

• 使用 HTML5 Canvas 绘制游戏。
• UI 布局要合理：游戏区域居中，右侧或下方留出"单词收集盒"和"诗歌展示区"。
• 代码结构清晰，特别是API调用部分需要封装好，方便我后续替换真实的API Key。
• 提供一个"开始游戏"和"重新开始"的Modal弹窗。

过程：也有几个明显错误，复制粘贴看看改改循环几次就好了。

生成的程序：

作业2：构思自己的东西：

我试了几个方案，发现大程序确实它没法写，于是打算做个力所能及的部分，日后就用z.ai进行模块编写：

优化后的提示词：一款战斗机游戏，发射的导弹要是能跟踪的

【角色设定】你是一位精通 HTML5 Canvas 游戏开发的资深工程师。请编写一个单文件 HTML 战斗机游戏。

【核心玩法】

1. 玩家控制：

   • 移动：使用 WASD 键控制战斗机在屏幕内移动。
   • 瞄准：战斗机必须实时跟随鼠标光标旋转（机头始终指向鼠标）。
   • 射击：点击鼠标左键或按空格键发射追踪导弹。

2. 追踪导弹机制：

   • 导弹发射后，自动锁定距离最近的敌方目标。
   • 关键算法：导弹不能瞬间转向，必须拥有"最大转弯速率"（Max Turn Rate）。每帧修正角度时，只能向目标方向偏转固定角度（例如 0.1 弧度），从而产生平滑的弧线追踪轨迹。
   • 导弹需要有尾焰拖尾效果。

3. 敌人设定：

   • 敌机从屏幕四周随机生成，缓慢向玩家移动。
   • 被导弹击中后产生粒子爆炸效果并销毁。

【技术硬性要求（解决卡顿/失灵问题）】

1. 输入处理：

   • 必须使用全局对象（如 const keys = {}）配合 window.addEventListener('keydown/keyup') 来记录按键状态。
   • 严禁在 keydown 事件中直接修改玩家坐标，必须只在游戏主循环 update() 中根据 keys 状态更新坐标。这能确保多键同时按下（如 W+D 斜向移动）且移动流畅。

2. 鼠标跟随：

   • 监听 mousemove 事件实时更新全局鼠标坐标。
   • 在 update() 中使用 Math.atan2(mouseY - player.y, mouseX - player.x) 计算角度，确保飞机时刻跟随鼠标。

3. 初始化顺序：

   • 所有全局变量（player, enemies, missiles 等）必须在代码最开始完成声明和初始化。
   • 游戏主循环 requestAnimationFrame 必须在所有函数定义之后启动。

4. 帧率控制：

   • 使用 requestAnimationFrame 保证流畅度。

【视觉风格】

• 深色太空背景，带有流动的星星。
• 科幻风格 UI，使用 Orbitron 或类似字体。
• 导弹发光，爆炸效果要有冲击力。

【输出要求】请提供完整的、可直接运行的 HTML 代码。

 

过程：出错修改完善了好几次，ai大大降低了编程的难度，可以构思，编码，查错等

最终成果：