Particle Morph Effect

GPT-6 Astra

向下滚动 —— 看满天星辰聚合成形

SCROLL ▾

从星辰,到智能

数万颗粒子正听候你的召唤

ASTRA

聚拢 · 成形 · 呼吸 —— 移动鼠标,触碰它的边界

01 · 滚动驱动 MORPH

粒子持有散布坐标与图形坐标两份位置,滚动进度作为插值权重在 GPU 顶点着色器中实时混合,并在中途叠加切向螺旋偏移,形成漩涡般的聚拢轨迹; 回滚页面即反向散开为星空。

02 · 鼠标力场交互

鼠标位置被反投影为三维世界坐标,粒子按距离的高斯衰减被推开; 推力强度由鼠标速度脉冲驱动,并经过一个欠阻尼弹簧回落——划过时炸开, 停下后带着一点弹性归位。

03 · 星空质感

每颗粒子拥有独立尺寸、闪烁相位、聚拢延迟与色相;18% 的「星尘」粒子 永不聚拢,持续在背景中明灭。加法混合 + 软边圆形点精灵 + 深度渐隐, 构成近大远小的层次感。

PARTICLES —
聚拢图形 TARGET
滚动 → 聚拢 / 散开  ·  鼠标划过 → 扰动粒子
本页说明 · Astra 星域粒子 · GLM5.3

Astra 星域粒子 — GLM5.3 的实现

题目:OpenAI 的 GPT-6 Astra 页面(https://openai.com/index/gpt-6-astra/)的首页和中间,有一个很酷炫的动态效果:鼠标滚动的时候粒子可以聚拢和散开,聚拢之后是一个特定的图形,散开之后是一些像星星一样的小点点;鼠标移动到上面,也有互动效果。请复刻这个效果,最好完全一模一样,然后制作一个独立的演示页面。

模型:GLM5.3 收录站点:丐帮 AI 能力检测

同题其他模型:GLM5.3-flash Space bunny GPT-5.6 Luna(ChatGPT免费版) Hy4 preview Qwen3.8-27b Step-5-Preview

返回:全部题目 · 本题对照页