今天我们要用 Trae IDE（字节跳动出的 AI 原生代码编辑器）配合 AI 助手，让你的第一个网页游戏上线。

不需要你写一行代码 — 全部让 AI 写，你负责：提需求 → 试玩 → 改三处 → 截图。

🛠 Trae IDE 启动（5 分钟）

1. 下载安装：trae.ai（免费）
2. 新建项目 → 选 HTML 项目 → 选个文件夹
3. 点左边栏的 "AI 对话"（💬 图标）
4. 右侧 选模型：GLM 5.2或 DeepSeek
5. 切换 "Builder" 模式（让 AI 自己写代码、改文件、跑命令）

🎮 第 1 轮：写猜数字游戏（10 分钟）

在 AI 对话框输入：

请你帮我写一个 网页"猜数字"游戏（HTML + CSS + JavaScript，单文件）。

要求：
1. 游戏规则：1-100 之间随机生成一个数字，玩家输入猜测，提示"大了"或"小了"，猜中显示"恭喜"
2. 页面布局：标题 + 提示文字 + 输入框 + "猜"按钮 + 重玩按钮
3. 次数统计：已经猜了几次
4. 页面风格：深色背景（#0a0a23）+ 霓虹色按钮（青色 + 黄色）
5. 响应输入：按下回车也能猜

请直接修改 index.html 文件，完成后告诉我。

💡 小技巧：AI 写完后会自动改文件，你可以点 "Apply" 应用。点上面的 运行按钮（▶）就能预览。

🧪 第 2 轮：试玩 + 改 3 处（15 分钟）

点击上方预览，自己玩 3 次。挑 3 个想改的地方，输入：

我想改 3 个地方：
1. [比如：限次数，只有 7 次机会]
2. [比如：加计时器，看猜中用了多久]
3. [比如：猜中的时候撒花动画]

🎨 第 3 轮：调样式（15 分钟）

挑一个最丑的地方让 AI 改：

请帮我把 [这个按钮 / 这个标题 / 这个背景] 改得更好看。要求：
1. 字号 / 颜色 / 边框都改一下
2. 加点动画效果（比如按钮 hover 放大 1.1 倍）

📸 第 4 轮：截图交作业（15 分钟）

让同学玩一下你的游戏，用截图工具（Windows: Win + Shift + S）截 2 张图：

• 第 1 张：游戏进行中（猜错了提示"大了"）
• 第 2 张：猜中了的画面

📝 提交内容（5 分钟）

• ✅ index.html 文件（压缩成 zip）
• ✅ 截图 2 张
• ✅ 100 字心得：AI 写的代码你能看懂多少？改 3 处哪处最难？