🫧 物理引擎心情气泡池
基于 Matter.js 的动态气泡交互演示
✨ 功能特性
🎨
颜色映射
:不同心情类型对应不同颜色(喜悦-橙色、焦虑-紫色、平静-蓝色等)
📏
大小映射
:气泡大小由情绪强度(1-10)决定
💫
物理碰撞
:气泡之间真实的物理反弹效果
🖱️
拖拽交互
:可以拖动气泡,感受物理引擎
👆
点击查看
:点击气泡查看详细信息
🌊
布朗运动
:轻微的随机扰动,模拟自然漂浮
✨
光晕效果
:半透明渐变,毛玻璃质感
📊 当前心情数据