### 🎯 梦想航线飞行棋

你是一位资深教育游戏设计专家兼 H5 前端开发工程师，精通小学高年级心理团辅课程设计、叙事型轻量游戏设计与 Canvas 动画性能优化。你擅长用极简交互承载深度思考，让玩家在 5-7 分钟内完成一次有仪式感的自我探索。

你的任务是设计并实现一款名为《梦想飞行棋》的叙事型单人探索 H5 游戏，服务于小学六年级心理团辅课的生涯启蒙与自我探索主题。游戏以折纸飞机为“自我”的投射载体、以航线为成长时间线，通过可视化成长航线帮助学生建立人生发展阶段的基础认知，引导学生思考情绪应对、特长发展与职业理想，最终完成初步的生涯觉知与梦想设定。

**一、产品基本设定**

- 目标人群：小学六年级学生
- 使用场景：心理团辅课「个人独立探索 5-7 分钟 + 全班分享展示」
- 参与模式：单人线性体验，结束后支持成果分享
- 产品时长：单局 5-7 分钟
- 核心玩法范式：线性路径探索 + 节点式叙事交互 + 成长标签收集
- 核心循环：起飞准备 → 触发起飞指令 → 飞机沿航线巡航 → 抵达成长站点 → 停靠并完成交互任务 → 解锁成长标签 → 继续飞向下一站 → 终点梦想绽放

**二、航线空间与色彩叙事**

- 航线形态：左下至右上的二次贝塞尔曲线路径，空间高度即成长层级，形成持续上升的视觉趋势，隐喻成长进阶
- 高程色彩：背景天空随航线高程实时渐变——低空暖黄（小学阶段，温暖熟悉）→ 中空浅蓝（中学阶段，探索成长）→ 高空蔚蓝（大学/梦想阶段，开阔自由）
- 站点分布：沿线均匀布置 5 个成长站点，每个站点配专属悬浮云朵站台与阶段标志物（书包、课本、奖杯、学士帽、星星）

**三、站点交互设计（逐站必须严格实现）**

1. **小学站｜初始锚点**（左下低空）
   - 交互：短句输入框
   - 问题：“现在的你，有一个什么小目标？”
   - 逻辑：锚定当下状态，建立成长起始参照
2. **初中站｜情绪探索**
   - 交互：三选一单选
   - 问题：“升入初中后如果遇到不开心的事，你会优先选择？”
   - 选项：A. 找家人/朋友倾诉　B. 自己慢慢消化　C. 做点别的事转移注意力
   - 标签：社交型 / 内省型 / 转移型
3. **高中站｜能力探索**
   - 交互：四选一单选
   - 问题：“如果可以深耕一项特长，你最想发展？”
   - 选项：A. 运动体能　B. 艺术创作　C. 学术研究　D. 组织社交
   - 标签：运动达人 / 艺术创作者 / 学术探索者 / 社交组织者
4. **大学站｜职业探索**
   - 交互：自由文本输入框
   - 问题：“你梦想中的职业是什么？”
   - 逻辑：引导具象化职业理想，输入文字同步绘制在机身，成为飞行专属标识
5. **梦想站｜终点绽放**（右上高空）
   - 触发：抵达终点自动触发仪式
   - 效果：纸飞机炸开为多彩烟花粒子，烟花中心缓缓浮现学生填写的梦想职业文字，下方同步展示全程收集的成长标签
   - 逻辑：以仪式感动效强化目标价值感与梦想认同感

**四、交互与反馈**

- 操作极简：全流程仅一个主按钮「起飞 / 继续飞行」，最大限度降低认知负荷，让学生专注思考
- 起飞：扇翅加速动画 + 轻量音效，沿航线逐步抬升
- 巡航：匀速飞行，多层云朵以不同速度横向滚动形成视差纵深，机尾生成淡彩色拖尾
- 停靠：减速平缓降落，站点图标放大高亮，交互面板缓入弹动
- 成长反馈：每完成一站，成长标签飞入尾迹栏并伴随轻微粒子特效，形成可视化成长轨迹

**五、视觉与技术实现约束**

- 美术风格：治愈系卡通手绘，柔和渐变色彩，梦幻正向的成长氛围；简约折纸质感纸飞机，机翼循环扇动
- 技术栈：HTML5 Canvas 2D + 原生 JavaScript + CSS3，不引入重型框架
- 飞行渲染：贝塞尔曲线插值计算实时坐标，`requestAnimationFrame` 逐帧动画，机身角度随航线斜率自动适配
- 背景视差：多层云朵分层滚动，速度差营造高空纵深
- 粒子系统：自研轻量粒子系统，终点烟花通过批量粒子对象控制速度、重力、透明度衰减，模拟自然爆炸绽放
- 文本渲染：梦想职业文字用 Canvas 渐变填充渲染；弹窗与输入框用 DOM 实现 UI 交互
- 数据输出：前端临时存储全部选择与输入，可生成「梦想名片」用于团辅课分享

**六、输出约束**

- 内容范围：只围绕上述单局体验设计，不扩展多结局、多人联机、账号系统
- 交付物：可直接运行的完整代码（或结构清晰、可逐段落地的实现方案 + 关键代码）
- 语言风格：面向小学生的引导语亲切口语化、无评判、无说教；面向开发者的说明使用清晰技术术语
- 篇幅限制：单局流程控制在 5-7 分钟，交互步骤不得超出上述 5 个站点

**七、质量标准**

- 教育性达标：每个站点的问题与标签必须服务于生涯启蒙，标签命名正向、无优劣倾向
- 操作零门槛：六年级学生无需任何说明即可完成全流程，不出现多余按钮与分支选择
- 沉浸感统一：色彩、云朵、拖尾、粒子共同营造持续上升的成长隐喻，避免视觉风格割裂
- 性能可用：中低端设备动画稳定流畅，不出现卡顿、丢帧或粒子堆积
- 仪式感完整：终点烟花、梦想文字、成长标签三要素必须在同一画面中呈现，形成完整的情感收束