Particle Morph Effect
GPT-6 Astra
向下滚动 —— 看满天星辰聚合成形
SCROLL ▾
从星辰,到智能
数万颗粒子正听候你的召唤
ASTRA
聚拢 · 成形 · 呼吸 —— 移动鼠标,触碰它的边界
01 · 滚动驱动 MORPH
粒子持有散布坐标与图形坐标两份位置,滚动进度作为插值权重在 GPU 顶点着色器中实时混合,并在中途叠加切向螺旋偏移,形成漩涡般的聚拢轨迹; 回滚页面即反向散开为星空。
02 · 鼠标力场交互
鼠标位置被反投影为三维世界坐标,粒子按距离的高斯衰减被推开; 推力强度由鼠标速度脉冲驱动,并经过一个欠阻尼弹簧回落——划过时炸开, 停下后带着一点弹性归位。
03 · 星空质感
每颗粒子拥有独立尺寸、闪烁相位、聚拢延迟与色相;18% 的「星尘」粒子 永不聚拢,持续在背景中明灭。加法混合 + 软边圆形点精灵 + 深度渐隐, 构成近大远小的层次感。