这是一款粒子星云变形动画,基于 Three.js + GLSL 着色器(WebGL)技术实现。10 万颗粒子的位置与颜色全部由 GPU 顶点着色器实时计算,点击画面即可在星象仪光环、DNA 双螺旋、跳动的心形三种造型之间平滑变形,过渡时粒子会先向外扩散再重新聚拢,配合加色混合与柔和光晕,暗色背景下通透感很强。鼠标或手指移动可带动模型转向,画面随窗口尺寸自适应,底部为磨砂玻璃质感的操作提示按钮。整体渲染压在 GPU 上,画面流畅度好。
适用于科技、生物医药、数字艺术类官网首屏,产品发布会背景、活动落地页及大屏展示等场景。