The Bézier Game

### 💡 核心功能
The Bézier Game 是一个专注于贝塞尔曲线（Bézier Curves）交互式学习的在线游戏化平台。其核心功能是通过一系列精心设计的关卡，引导用户从零开始掌握图形设计与UI开发中最基础也最核心的工具——钢笔工具（Pen Tool）。平台通过“撤销”（⌘Z）、“重做”（⇧⌘Z）、“清除画布”（⌘X）等实时操作指令，以及“角度吸附”（⇧）、“断开控制手柄”（⌥）等高级功能键的教学，构建了一个沉浸式的练习环境。每个关卡会提供一个目标形状，用户需要使用尽可能少的节点（Nodes）来精确绘制它，系统会实时计算并显示用户使用的节点数与理想解之间的差距，以此作为评分和进阶的依据。这种基于“最优解”挑战的机制，深刻培养了用户对贝塞尔曲线数学原理和路径优化的直觉理解。

### 🎯 适用场景
该游戏主要面向两类用户：一是**图形设计初学者与学生**，他们可以通过游戏化的方式在零压力环境下反复练习，将枯燥的曲线绘制变为有趣的挑战，快速跨越学习曲线；二是**UI/UX设计师、前端开发者及矢量插画师**，即使是资深从业者，也可以用它来精进技艺、保持手感，或是在进行复杂图标、Logo设计前进行热身和技巧打磨。平台明确区分了桌面端（键鼠）与移动端（触控）的体验，桌面端提供完整的贝塞尔曲线训练，而移动端则会引导至更适合触控操作的布尔运算（Boolean Game）练习，体现了对不同设备场景的周全考虑。它既是个人自学的绝佳工具，也适合作为设计培训机构或高校设计课程的辅助练习材料。

### ⚙️ 技术亮点
1. **游戏化学习引擎**：将贝塞尔曲线这一抽象的数学概念，转化为可视、可交互、可量化的闯关游戏。通过节点计数、理想解对比和进度反馈，创造了明确的目标感和成就驱动，极大地提升了学习动机和效率。
2. **精确的交互模拟**：完整实现了专业图形软件中钢笔工具的核心交互逻辑，包括锚点放置、控制手柄拖拽、方向线调节等，并集成了角度吸附、手柄链接/断开等高级控制选项，确保了练习环境的真实性和专业性。
3. **自适应设备策略**：通过检测用户输入设备（键盘鼠标 vs 触控屏幕），智能引导至最匹配的练习内容（贝塞尔曲线游戏 vs 布尔运算游戏），在保证最佳用户体验的同时，最大化了平台的学习覆盖面。
4. **轻量化Web实现**：作为一个纯前端Web应用，它无需安装任何软件，打开浏览器即可开始练习，实现了跨平台的即时访问，降低了学习门槛，非常适合碎片化时间的技能训练。