- 博客(2)
- 收藏
- 关注
RSS订阅原创 Vue3 + TypeScript 卡片拖拽、物理引擎、物理斥力避让效果、卡片无限滚动
原生 JavaScript+TypeScript 实现交互式卡片墙：物理引擎 + 拖拽交互，无框架依赖”“可直接复用”“注释详细”
2025-12-25 17:49:52
333
原创 前端流体动力学卡片墙交互实现方案
流体动力学卡片墙交互方案 该方案实现基于流体动力学的卡片墙交互效果，包含： 基础流动：卡片以Grid布局呈现，奇偶行分别向左/右无限循环滚动，形成双向流动； 交互触发：点击卡片时，卡片放大成为斥力源，周围卡片受斥力影响自然分流，模拟“河流遇山丘”效果； 恢复机制：点击其他卡片或取消时，卡片墙平滑恢复至初始流动状态。 关键技术： 布局算法：力导向布局（D3.js/d3-force）结合定向流场模型； 碰撞检测：AABB检测与随机扰动实现自然碰撞；
2025-12-25 11:57:50
740
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人