DOM 空间重力场
桌面端:在背景处按住鼠标拖拽 | 移动端:点击右下角按钮后倾斜设备
这是一个看似普通的排版页面。文字井然有序,卡片排列整齐。但当你尝试打破平衡时,重力将会接管一切。物理法则会介入这些 DOM 元素。
底层使用 Matter.js 进行 2D 刚体模拟,结合 CSS3D 视差变换,将普通的 Web 元素转化为受重力、摩擦力和碰撞影响的物理实体。松开手后,它们又会乖乖回到原处。
#前端开发
#物理引擎
#交互设计
#Matter.js
✨ 核心特性
🚀 性能优化
🎨 视觉动效
发送
🍎
🏀
📦
激活设备感应