CSS 3D 洗牌动效
通过 perspective、位移和旋转节奏模拟卡牌洗牌过程，让交互从点击按钮变成有仪式感的体验。
Interactive Web Prototype / 2025
Cyber-Tarot
一个融合视觉设计、前端动效与交互叙事的赛博塔罗网页。项目重点不是简单"做一个页面"，而是把卡牌、声音、动画和文本反馈整合成可体验的完整原型。
用克制的动效建立"抽牌前后"的情绪变化。
这个项目最容易过度戏剧化，所以我把重点放在节奏控制：洗牌要有期待感，翻牌要有反馈，解读文字要有停顿。视觉上保留神秘气质，但交互结构仍然清楚可控。
78 张牌的抽取逻辑
用轻量数据结构组织牌组、正逆位和牌义输出，保证玩法完整，同时避免页面负担过重。
Web Audio 声音反馈
用 Web Audio API 生成洗牌、翻牌和文字出现的声音反馈，减少外部音频依赖，让动效更有触感。
把经典塔罗图像转化为统一的赛博视觉语言。
我使用灰度、明暗对比和金色高光统一卡面气质，让原本风格各异的塔罗图像在网页里形成整体感。界面里的按钮、弹窗和信息层级也围绕同一套色彩与光感建立。
Web Audio · CSS 3D · Algorithm
它证明我能把审美、技术和体验放在同一个系统里。
Cyber-Tarot 不是传统 UI 项目，但它能展示我对网页动效、氛围控制、交互反馈和前端实现的综合能力。对于需要创意表达、AIGC 工具、互动内容或品牌体验的岗位，它是一个有辨识度的补充案例。