心灵塔罗牌
一款基于摄像头手势识别的 Web 端塔罗占卜体验。
用户无需触摸屏幕，即可通过握拳、滑动、指向、捏合等手势完成选牌、翻牌和收牌流程，获得三张牌的解读结果。
项目背景
这个项目主要是想做一个更有沉浸感的塔罗体验。
相比传统点击式占卜，我更希望它能通过手势交互，带来一种更接近"仪式感"的使用过程。
核心功能
- •摄像头手势识别，支持握拳、滑动、指向、捏合等动作
- •3D 旋转牌环选牌
- •三张牌阵解读（过去 / 现在 / 未来）
- •魔法感视觉效果与动态背景
- •结果页保存与分享
产品思考
这个项目里，我更关注的是交互氛围和使用体验。
所以没有把它做成一个普通的抽卡页面，而是围绕"占卜仪式感"去设计整个流程：从欢迎页、提问页，到手势选牌和结果展示，都尽量让用户有沉浸式体验。
技术实现
项目是一个纯前端 H5 单页应用，使用 MediaPipe Hands 做手势识别，并结合 CSS 3D、Canvas 动效和本地卡牌数据完成整体交互。同时支持结果页截图分享，无需注册登录，也不收集用户数据。
项目结果
这是一个偏体验型的个人项目，也让我练习了如何把视觉、交互和手势识别结合起来，做成一个完整的 Web 应用。
技术栈
MediaPipe 手势识别3D 交互Web / H5 单页应用卡牌解读