返回项目列表H/CEN
CASE STUDY / 012026

定胜糕:宋代饮食文化手势交互游戏

以手势重新体验非遗制作与历史叙事

Dingsheng Gao project overview
职责

Interaction design · Visual direction · Front-end prototyping

时间

2026

方法与工具

MediaPipe · HTML5 Canvas · JavaScript · CSS

01 / 项目概览

这是一个基于浏览器摄像头的体感网页游戏,将宋代定胜糕制作转化为四阶段手势体验。玩家通过真实动作完成捣米、揉面、藏信与蒸制,在制作过程中逐步进入历史叙事。

02 / 设计问题

问题不仅需要被看见,也需要被重新体验。

传统文化常以被动阅读和观看的方式呈现。项目需要让年轻用户主动参与制糕,同时使游戏机制与定胜糕的历史含义保持一致。

03 / 设计过程

01

游戏与叙事融合

以真实制作顺序构建游戏流程,并在塑形环节加入藏匿密信的动作,让玩家亲自参与故事。

02

手势语言

利用骨骼点距离、轨迹与速度,将握拳、捏合、悬停、指尖移动和挥手映射为烹饪操作。

03

即时反馈

通过频率、混合均匀度、填馅顺序、温度、声音和宋式评级,让不可见的系统状态变得清晰。

04 / 项目结果

04手势交互阶段
21手部追踪骨骼点
WEB无需安装即可体验

05 / 反思与下一步

项目证明文化教育可以从“解释”转向“身体参与”。下一步可针对更多用户测试手势可用性,并将框架扩展至其他非遗技艺。

下一个项目巴蜀方言字体设计