鼠标吸附粒子|点击爆炸粒子|全局向右流体
📋 提示词
生成单文件完整HTML粒子交互动画,原生Canvas,不引入第三方库,代码带注释,开箱即用。
交互效果:
1. 粒子集群流动效果,自带缓慢全局流体偏移,整体粒子缓缓向右侧流动
2. 鼠标强引力交互:鼠标靠近粒子会被吸附,远离后粒子缓慢回归原有轨道
3. 点击特效:鼠标左键点击页面,瞬间爆炸生成20个高速飞溅粒子,粒子几秒后自动消失
4. 粒子分层:两层粒子,一层大粒子慢速移动,一层微小粒子快速漂浮,层次感强
5. 视觉配色:深空黑背景,粒子青蓝色发光效果,线条荧光蓝,带轻微发光模糊滤镜
6. 适配:完美适配手机、电脑,移动端自动降低粒子数量提升流畅度
7. 额外功能:页面加载完成后粒子淡入动画,无白屏突兀效果