很多刚开始学画画的人在构图时会遇到一个问题:明明知道一个元素大概在画面中的哪个位置,但真正落笔时却总是偏离预期。这是因为缺乏对画面比例和空间位置的准确判断。本项目就是为了解决这个问题,设计了一款视觉定位训练工具,通过参考图像中的目标点,让初学者练习在另一张图中点击相同比例的位置,并通过误差反馈不断提升构图直觉。
- 位置估计训练:系统展示一张参考图像和一个目标点,用户需在另一张图中点击相同比例的位置。
- 误差反馈机制:系统会计算点击点与目标点之间的比例误差,并用图形和数值方式展示,帮助用户理解偏差。
- 辅助线提示:可开启辅助线,帮助用户建立画面坐标感,逐步形成空间定位习惯。
- 进步型排行榜:记录用户每次训练的误差值,展示历史成绩变化,不是和别人比,而是和过去的自己比。
- 多任务训练:支持不同图像尺寸、目标点位置和干扰元素的训练任务,适合初学者逐步挑战更复杂的构图场景。
项目由我独立开发,前端使用 TypeScript + React,图像处理与反馈机制通过 Canvas 实现。误差计算采用比例差值公式,排行榜数据通过本地存储管理。整个项目围绕“反馈驱动训练”理念展开,强调认知提升与用户自我激励。